/* Main scripts for Code 42 site "Home" or index page */

var index = 2;
var timer;

function initialAnimation(){
	$(".product-caption").hide();
	if(index==2){
		$("#product-cp").find("img").animate({marginTop:"0px", width:"133px", height:"94px"},{duration:200});
		$("#product-cppro").find("img").animate({marginTop:"-20px", width:"139px", height:"115px"},{duration:200});
		$("#cppro-caption").fadeIn("fast");
	}else if(index==3){
		$("#product-cppro").find("img").animate({marginTop:"0px", width:"119px", height:"95px"},{duration:200});
		$("#product-cpproe").find("img").animate({marginTop:"-20px", width:"137px", height:"118px"},{duration:200});
		$("#cpproe-caption").fadeIn("fast");
	}else if(index==4){
		$("#product-cpproe").find("img").animate({marginTop:"0px", width:"117px", height:"98px"},{duration:200});
		$("#default-caption").show();
		clearInterval(timer);
	}
	
	index++;
}

function init(){
	
	$("#header").header();
	$("#footer").footer();
	
	var ua = navigator.userAgent.toLowerCase();
	var isAndroid = ua.indexOf("android") > -1; //&& ua.indexOf("mobile");
	
	// swap svg for png for IE and android browsers
	if($.browser.msie || isAndroid){
		$("#product-cp").find("img").attr("src","images/cp.png");
		$("#product-cppro").find("img").attr("src","images/cppro.png");
		$("#product-cpproe").find("img").attr("src","images/cpproe.png");
	}
	
	$("#product-line a").hover(function(){
		clearInterval(timer);
		$(".product-caption").hide();
		$("#default-caption").hide();
		var id = $(this).attr("id");
		if(id=="product-cp"){
			$("#"+id).find("img").animate({marginTop:"-20px", width:"153px", height:"114px"},{duration:200});
			$("#cp-caption").fadeIn("fast");
		}
		if(id=="product-cppro"){
			$("#"+id).find("img").animate({marginTop:"-20px", width:"139px", height:"115px"},{duration:200});
			$("#cppro-caption").fadeIn("fast");
		}
		if(id=="product-cpproe"){
			$("#"+id).find("img").animate({marginTop:"-20px", width:"137px", height:"118px"},{duration:200});
			$("#cpproe-caption").fadeIn("fast");
		}
	}, function(){
		$(".product-caption").hide();
		var id = $(this).attr("id");
		if(id=="product-cp"){
			$("#"+id).find("img").animate({marginTop:"0px", width:"133px", height:"94px"},{duration:200});
		}
		if(id=="product-cppro"){
			$("#"+id).find("img").animate({marginTop:"0px", width:"119px", height:"95px"},{duration:200});
		}
		if(id=="product-cpproe"){
			$("#"+id).find("img").animate({marginTop:"0px", width:"117px", height:"98px"},{duration:200});
		}
		$("#default-caption").fadeIn("fast");
	});
	
	$("#product-line li a img").fadeIn("slow", function(){
		// first animation
		$("#product-cp").find("img").animate({marginTop:"-20px", width:"153px", height:"114px"},{duration:200});
		$("#cp-caption").fadeIn("fast");
	});
	
	timer = setInterval(initialAnimation, 5000 );

}

$(document).ready(init);