/* ==========================================================================================

FILE: PHAGE CORE JQUERY
DATE: 12.10.09
AUTH: DANNY BROOKS / PHAGEDESIGN.CO.UK

========================================================================================== */

function slideSwitch() {
    var $active = $('#brandSpanking img.active');

    if ( $active.length == 0 ) $active = $('#brandSpanking img:last');

    var $next =  $active.next().length ? $active.next()
        : $('#brandSpanking img:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 500, function() {
            $active.removeClass('active last-active');
        });
}


// LOAD THEN FADE IN IMAGES ON THE PROJECT PAGES ============================================================

function smoothTip(target_items, name){
	
	$(target_items).each(function(i){
		
		$("body").append("<div class='"+ name +"' id='"+ name+i +"'><p>" + $(this).attr('title') + "</p></div>");
		
		var titleToolTip = $("#"+name+i);

		$(this).removeAttr('title').mouseover(function(){
				titleToolTip.css({
					opacity:0.8, 
					display:"none"
					}).fadeIn(200);
		
		}).mousemove(function(cursor){
				titleToolTip.css({ 
					left : cursor.pageX+16, 
					top : cursor.pageY-8 
					});
		
		}).mouseout(function(){
				titleToolTip.fadeOut(100);
		});
	});
}


// LOAD THEN FADE IN IMAGES ON THE PROJECT PAGES ==============================

function imgLoad() {
	
	$("#showcaseImage img").css({display : "none"});
	$("#showcaseImage").addClass("loada");
	
	vCycleImages = setInterval(function() {
	
		var ImgLoaded = true;
	
		var images = $('#showcaseImage img');

	for (var i = 0; i < images.length; i++) {
		var img = images[i];
		if (img.complete == false)
		ImgLoaded = false;
	}
	
	if (ImgLoaded) {
		clearInterval(vCycleImages);
		$("#showcaseImage").removeClass("loada");
		$("#showcaseImage img").fadeIn(250);
		$("#showcaseImage img").css({display : "block"});
	}
	
	}, 250);
}


$(function() {

//setInterval( "slideSwitch()", 5000 );
//smoothTip("a.top","tooltip");

$("#content").centerScreen();
$("#float").centerScreen();
	
imgLoad();

// MENU STUFF
$("#showcase a").click(function(e) {
	
	var element = $(this);
	
	e.preventDefault();
	
	$("#showcaseImage").animate({'opacity' : '0'}, {queue:false, duration:250, complete:function(){

	// DEV-REMOVE RETURN FALSE IN LIVE VER...
	//return false;

	window.location = element.attr("href");
	}
	});
});


// SET UP SLIDING SIDE PANELS

var sipPos = 0;

var btn = $('a#hello');

var sideBar = $('#sidePanel');

var time33 = 750;

var easeType = "easeInOutExpo";

btn.click(function() {
	sideBar.animate({ left:sipPos }, { duration:time33, easing:easeType, complete:function() {
	
	if(sipPos == 0) { 
		sipPos = -400;
		btn.addClass("active");
		btn.html("Close"); 
	} else { 
		sipPos = 0;
		btn.removeClass("active");
		btn.html("Say hello"); 
		}
	}
	});
	return false;
});

// ========== SET UP SLIDING PANEL FOR SHOWCASE INFORMATION

var div = jQuery('<div id="slider"></div>');

	div.prependTo('#wrapper');

	//$('#proDesc').css({opacity : 0});

	var slideBtn = $('a#info');
	var closeBtn = $('a#close');

	var slider = $('#slider');
	var time = 750; // 3/4 Second
	var ease1 = "easeInOutExpo";
	//var ease2 = "easeInOut";

slideBtn.click(function() {
	
	$(this).fadeOut(300);
	
	slider.stop().animate({ left: '728px' }, { duration: time, easing: ease1, complete: function() {
		
		//$('#proDesc').animate({ opacity: 0.999 }, 300);
		
		$('#proDesc').fadeIn(300);
		
		closeBtn.fadeIn();
		}
	});
	return false;
});

closeBtn.click(function() {
	
	$(this).fadeOut(250);
	
	//$('#proDesc').animate({ opacity: 0 }, { duration: 300, complete: function() {
	
	$('#proDesc').fadeOut(300, function() {
			
		slider.stop().animate({ left: 0 }, 500);
			
		slideBtn.fadeIn(300);
	
		});
		return false;
	});
	
//});


// FORM STUFF ======================================================

// Clear input values on page refresh

$('[name=name]').val("");

$('[name=email]').val("");	

// Set up form ajax

$("#mailList").submit(function() {

	var str = $(this).serialize();

	var $name = $('[name=name]').val(); // Grab name to insert into thank you
	
	$.ajax({
		type: "post",
		url: "inc/contact.php",
		data: str,
		success: function(msg){
		
	$("#note").ajaxComplete(function(event, request, settings) {

	// Message Sent? Show the 'Thank You' message and hide the form
	if(msg == 'OK') {
		result = '<div class="mailListThanks"><p>Thank you '+$name+'&mdash;You\'ve been successfully added to our mailing list.</p></div>';
		$("#fields").hide();
	
	} else {
		result = msg;
	}
	
	$(this).html(result);
	
	});
}

});

return false;

});

// NO-SPAM EMAIL STUFF

$('#antiEmail').html(
	'<a href="mailto:' +$('#antiEmail').html()
	.replace('|','@')
	.replace('/','')
	.replace(':','.')+ '">' 
	+$('#antiEmail').html()
	.replace('|','@')
	.replace('/','')
	.replace(':','.')+ '</a>');


}); // JQUERY