$l(function(){
	var totalPanels = $l(".scrollContainer").children().size();
	var regWidth = $l(".panel").css("width");
	var regImgWidth = $l(".panel img").css("width");
	var regTitleSize = $l(".panel h2").css("font-size");
	var regParSize = $l(".panel p").css("font-size");
	/*Determina a DISTANCIA que a IMAGEM percorre*/
	var movingDistance = 229;
	/*Determina largura da DIV do produto*/
	var curWidth = 229;
	/*Determina altura da IMAGEM MAIOR a hora que amplia se nao for aumentar coloque o tamanho real*/
	var curImgWidth = 125;
	/*Determina o TAMANHO da FONT do H2 quando a imagem esta ON*/
	var curTitleSize = "0";
	/*Determina o TAMANHO da FONT do P quando a imagem esta ON*/
	var curParSize = "0";
	var $lpanels = $l('#centro .scrollContainer > div');
	var $lcontainer = $l('#centro .scrollContainer');
	$lpanels.css({'float' : 'left','position' : 'relative'});
	$l("#centro").data("currentlyMoving",false);
	$lcontainer
		.css('width',($lpanels[0].offsetWidth*($lpanels.length+1)))
		.css('left',"0");
	var scroll = $l('#centro .scroll').css('overflow','hidden');
	//direction true = right, false = left
	function change(direction){
		//if not at the first or last panel
		if((direction && !(curPanel < (totalPanels-3)))||(!direction &&(curPanel <= 1))){ return false; }
        //if not currently moving
		if($l("#centro").data("currentlyMoving") == false){
			$l("#centro").data("currentlyMoving",true);
			var next = direction ? curPanel+1 : curPanel-1;
			var leftValue = $l(".scrollContainer").css("left");
			var movement = direction ? parseFloat(leftValue,10)-movingDistance : parseFloat(leftValue,10)+movingDistance;
			$l(".scrollContainer")
				.stop()
				.animate({ "left": movement }, function(){ $l("#centro").data("currentlyMoving",false); });
			curPanel = next;
			//remove all previous bound functions
			$l("#panel_"+(curPanel+1)).unbind();
			//go forward
			$l("#panel_"+(curPanel+1)).click(function(){ change(true); });
            //remove all previous bound functions															
			$l("#panel_"+(curPanel-1)).unbind();
			//go back
			$l("#panel_"+(curPanel-1)).click(function(){ change(false); }); 
			//remove all previous bound functions
			$l("#panel_"+curPanel).unbind();
		}
	}
	// Set up "Current" panel and next and prev
	var curPanel = 1;
	$l("#panel_"+(curPanel+1)).click(function(){ change(true); });
	$l("#panel_"+(curPanel-1)).click(function(){ change(false); });
	//when the left/right arrows are clicked
	$l(".right").click(function(){ change(true); });	
	$l(".left").click(function(){ change(false); });
	$l(window).keydown(function(event){
		switch(event.keyCode){
			case 13: $l(".right").click(); break; //enter
			case 32: $l(".right").click(); break; //space
	    	case 37: $l(".left").click(); break; //left arrow
			case 39: $l(".right").click(); break; //right arrow
		}
	});
});


/********************************************************************************************************************************/
$a(function(){
	var totalPanels = $a(".scrollContainer2").children().size();
	var regWidth = $a(".panel2").css("width");
	var regImgWidth = $a(".panel2 img").css("width");
	var regTitleSize = $a(".panel2 h2").css("font-size");
	var regParSize = $a(".panel2 p").css("font-size");
	/*Determina a DISTANCIA que a IMAGEM percorre*/
	var movingDistance = 268;
	/*Determina largura da DIV do produto*/
	var curWidth = 268;
	/*Determina altura da IMAGEM MAIOR a hora que amplia se nao for aumentar coloque o tamanho real*/
	var curImgWidth = 250;
	/*Determina o TAMANHO da FONT do H2 quando a imagem esta ON*/
	var curTitleSize = "0";
	/*Determina o TAMANHO da FONT do P quando a imagem esta ON*/
	var curParSize = "0";
	var $apanels = $a('#centro2 .scrollContainer2 > div');
	var $acontainer = $a('#centro2 .scrollContainer2');
	$apanels.css({'float' : 'left','position' : 'relative'});
	$a("#centro2").data("currentlyMoving",false);
	$acontainer
		.css('width',($apanels[0].offsetWidth*($apanels.length+1)))
		.css('left',"0");
	var scroll = $a('#centro2 .scroll2').css('overflow','hidden');
	//direction true = right, false = left
	function change(direction){
		//if not at the first or last panel
		if((direction && !(curPanel < (totalPanels-0)))||(!direction &&(curPanel <= 1))){ return false; }
        //if not currently moving
		if($a("#centro2").data("currentlyMoving") == false){
			$a("#centro2").data("currentlyMoving",true);
			var next = direction ? curPanel+1 : curPanel-1;
			var leftValue = $a(".scrollContainer2").css("left");
			var movement = direction ? parseFloat(leftValue,10)-movingDistance : parseFloat(leftValue,10)+movingDistance;
			$a(".scrollContainer2")
				.stop()
				.animate({ "left": movement }, function(){ $a("#centro2").data("currentlyMoving",false); });
			curPanel = next;
			//remove all previous bound functions
			$a("#panel2_"+(curPanel+1)).unbind();
			//go forward
			$a("#panel2_"+(curPanel+1)).click(function(){ change(true); });
            //remove all previous bound functions															
			$a("#panel2_"+(curPanel-1)).unbind();
			//go back
			$a("#panel2_"+(curPanel-1)).click(function(){ change(false); }); 
			//remove all previous bound functions
			$a("#panel2_"+curPanel).unbind();
		}
	}
	// Set up "Current" panel and next and prev
	var curPanel = 1;
	$a("#panel2_"+(curPanel+1)).click(function(){ change(true); });
	$a("#panel2_"+(curPanel-1)).click(function(){ change(false); });
	//when the left/right arrows are clicked
	$a(".right2").click(function(){ change(true); });
	$a(".left2").click(function(){ change(false); });
	$a(window).keydown(function(event){
		switch(event.keyCode){
			case 13: $a(".right2").click(); break; //enter
			case 32: $a(".right2").click(); break; //space
	    	case 37: $a(".left2").click(); break; //left arrow
			case 39: $a(".right2").click(); break; //right arrow
		}
	});
});