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