$(document).ready(function() {

	var fadeInSpeed = 1000;
  
	/* HOME ANIMATION */
	function contentRotate(feature) {
		if (doAnimate) {  
			feature.fadeIn("slow", function (feature) {
				return function () {
					$(".belt div").hide();
			
					/* HIGHLIGHT RELEVANT CONTROL */
					if ($(this).attr("id") == "panel1") {
						$("#carousel_paginate .active").removeClass("active");
						$(".cp_1").addClass("active");
						
						$("#panel1").fadeIn(fadeInSpeed); $("#panel1 .c_box").show();
						$("#panel2").hide();
						$("#panel3").hide();
						$("#panel4").hide();
						$("#panel5").hide();
						$("#panel6").hide();
						$("#panel7").hide();
					}
					else if ($(this).attr("id") == "panel2") {
						$("#carousel_paginate .active").removeClass("active");
						$(".cp_2").addClass("active");
						
						$("#panel1").fadeOut(fadeInSpeed);
						$("#panel2").fadeIn(fadeInSpeed); $("#panel2 .c_box").show();
		    			$("#panel3").hide();
		    			$("#panel4").hide();
		    			$("#panel5").hide();
		    			$("#panel6").hide();
						$("#panel7").hide();
					}
					else if ($(this).attr("id") == "panel3") {
						$("#carousel_paginate .active").removeClass("active");
						$(".cp_3").addClass("active");
						
						$("#panel1").hide();
						$("#panel2").fadeOut(fadeInSpeed);
		    			$("#panel3").fadeIn(fadeInSpeed); $("#panel3 .c_box").show();
		    			$("#panel4").hide();
		    			$("#panel5").hide();
		    			$("#panel6").hide();
						$("#panel7").hide();
					}
					else if ($(this).attr("id") == "panel4") {
						$("#carousel_paginate .active").removeClass("active");
						$(".cp_4").addClass("active");
						
						$("#panel1").hide();
						$("#panel2").hide();
		    			$("#panel3").fadeOut(fadeInSpeed);
		    			$("#panel4").fadeIn(fadeInSpeed); $("#panel4 .c_box").show();
		    			$("#panel5").hide();
		    			$("#panel6").hide();
						$("#panel7").hide();
					}
					else if ($(this).attr("id") == "panel5") {
						$("#carousel_paginate .active").removeClass("active");
						$(".cp_5").addClass("active");
						
						$("#panel1").hide();
						$("#panel2").hide();
		    			$("#panel3").hide();
		    			$("#panel4").fadeOut(fadeInSpeed);
		    			$("#panel5").fadeIn(fadeInSpeed); $("#panel5 .c_box").show();
		    			$("#panel6").hide();
						$("#panel7").hide();
					}
					else if ($(this).attr("id") == "panel6") {
						$("#carousel_paginate .active").removeClass("active");
						$(".cp_6").addClass("active");
						
						$("#panel1").hide();
						$("#panel2").hide();
		    			$("#panel3").hide();
		    			$("#panel4").hide();
		    			$("#panel5").fadeOut(fadeInSpeed);
		    			$("#panel6").fadeIn(fadeInSpeed); $("#panel6 .c_box").show();
						$("#panel7").hide();
					}
					else if ($(this).attr("id") == "panel7") {
						$("#carousel_paginate .active").removeClass("active");
						$(".cp_7").addClass("active");
						
						$("#panel1").hide();
						$("#panel2").hide();
		    			$("#panel3").hide();
		    			$("#panel4").hide();
		    			$("#panel5").hide();
		    			$("#panel6").fadeOut(fadeInSpeed);
						$("#panel7").fadeIn(fadeInSpeed); $("#panel7 .c_box").show();
					}


					/* FADE IN NEXT ITEM OR GO BACK TO FIRST */
					feature.fadeIn("slow", function () {
						if ($(this).attr("id") == "panel7") {
							setTimeout(function () {
								contentRotate($(".belt div:first"));
							}, 8000);
						}
						else {
							setTimeout(function () {
								contentRotate($(feature.next()));
							}, 8000);
						}
					});
				};
			}(feature));
		}
	}


	/* HOME FEATURES */
	$("#carousel_paginate a").click(function() {
		var current = $(this).attr("title");
		$("#carousel_paginate .active").removeClass("active");
		$(this).addClass("active");
	});
  
	$("#carousel_paginate a").click(function() {
		return false;
	});

	var doAnimate = true;

	contentRotate($(".belt div:first"));

	$(".cpl_1").click(function() {
		$("#panel1").fadeIn(fadeInSpeed); $("#panel1 .c_box").show();
		$("#panel2").hide();
		$("#panel3").hide();
		$("#panel4").hide();
		$("#panel5").hide();
		$("#panel6").hide();
		$("#panel7").hide();
		
		$("#carousel_paginate .active").removeClass("active");
		$(".cp_1").addClass("active");
		
		doAnimate = false;
	});
	$(".cpl_2").click(function() {
		$("#panel1").hide();
		$("#panel2").fadeIn(fadeInSpeed); $("#panel2 .c_box").show();
		$("#panel3").hide();
		$("#panel4").hide();
		$("#panel5").hide();
		$("#panel6").hide();
		$("#panel7").hide();
		
		$("#carousel_paginate .active").removeClass("active");
		$(".cp_2").addClass("active");
		
		doAnimate = false;
	});
  $(".cpl_3").click(function() {
		$("#panel1").hide();
		$("#panel2").hide();
		$("#panel3").fadeIn(fadeInSpeed); $("#panel3 .c_box").show();
		$("#panel4").hide();
		$("#panel5").hide();
		$("#panel6").hide();
		$("#panel7").hide();
		
		$("#carousel_paginate .active").removeClass("active");
		$(".cp_3").addClass("active");
		
		doAnimate = false;
	});
	$(".cpl_4").click(function() {
		$("#panel1").hide();
		$("#panel2").hide();
		$("#panel3").hide();
		$("#panel4").fadeIn(fadeInSpeed); $("#panel4 .c_box").show();
		$("#panel5").hide();
		$("#panel6").hide();
		$("#panel7").hide();
		
		$("#carousel_paginate .active").removeClass("active");
		$(".cp_4").addClass("active");
		
		doAnimate = false;
	});
	$(".cpl_5").click(function() {
		$("#panel1").hide();
		$("#panel2").hide();
		$("#panel3").hide();
		$("#panel4").hide();
		$("#panel5").fadeIn(fadeInSpeed); $("#panel5 .c_box").show();
		$("#panel6").hide();
		$("#panel7").hide();
		
		$("#carousel_paginate .active").removeClass("active");
		$(".cp_5").addClass("active");
		
		doAnimate = false;
	});
	$(".cpl_6").click(function() {
		$("#panel1").hide();
		$("#panel2").hide();
		$("#panel3").hide();
		$("#panel4").hide();
		$("#panel5").hide();
		$("#panel6").fadeIn(fadeInSpeed); $("#panel6 .c_box").show();
		$("#panel7").hide();
		
		$("#carousel_paginate .active").removeClass("active");
		$(".cp_6").addClass("active");
		
		doAnimate = false;
	});
	$(".cpl_7").click(function() {
		$("#panel1").hide();
		$("#panel2").hide();
		$("#panel3").hide();
		$("#panel4").hide();
		$("#panel5").hide();
		$("#panel6").hide();
		$("#panel7").fadeIn(fadeInSpeed); $("#panel7 .c_box").show();
	
		$("#carousel_paginate .active").removeClass("active");
		$(".cp_7").addClass("active");
		
		doAnimate = false;
	});

 
  
});