$(function() {
	
	var totalPanels			= $(".scrollContainer").children().size(); //5
	var regWidth			= $(".panel").css("width"); //160
	var regHeight			= $(".panel").css("height"); //160
	var regImgWidth			= $(".panel img").css("width"); //145
	var regImgHeight			= $(".panel img").css("height"); //145
	var movingDistance	    = 155;
	var curWidth			= 240;
	var curHeight			= 210;
	var curImgWidth			= 230;
	var curImgHeight			= 200;
	var panels				= $('#slider .scrollContainer > div');
	var container			= $('#slider .scrollContainer');

	panels.css({'float' : 'left','position' : 'relative'});
	$("#slider").data("currentlyMoving", false);

	container
		.css('width', (panels[0].offsetWidth * panels.length) + 300 )
		.css('left', "-135px");
	var scroll = $('#slider .scroll').css('overflow', 'hidden');

	function setTitle(newtitle)
	{
		var obj = $("#prod_scroll_title");
		obj.html(newtitle);
	}
	
	function setLink(newlink)
	{
		var obj = $("#prod_scroll_link");
		obj.attr("href", newlink);
	}

	function returnToNormal(element) 
	{
		$(element)
			.animate({ width: regWidth, height: regHeight  })
			.find("img")
			.animate({ width: regImgWidth, height: regImgHeight })
		    .end();
	};
	
	function growBigger(element) 
	{
		$(element)
			.animate({ width: curWidth })
			.animate({ height: curHeight })
			.find("img")
			.animate({ width: curImgWidth })
			.animate({ height: curImgHeight })
		    .end();
		var rel = $(element).find("img").attr('rel');
		var rel_arr = rel.split("{###}");
		var altTitle = rel_arr[0];
		var altLink = rel_arr[1];
		setTitle(altTitle);
		setLink(altLink);
	}
	
	function change(direction) 
	{
		if((direction && !(curPanel < totalPanels)) || (!direction && (curPanel <= 1))) { return false; }	
        if (($("#slider").data("currentlyMoving") == false)) 
		{
			$("#slider").data("currentlyMoving", true);
			var next         = direction ? curPanel + 1 : curPanel - 1;
			var leftValue    = $(".scrollContainer").css("left");
			var movement	 = direction ? parseFloat(leftValue, 10) - movingDistance : parseFloat(leftValue, 10) + movingDistance;
			$(".scrollContainer")
				.stop()
				.animate({
					"left": movement
				}, function() {
					$("#slider").data("currentlyMoving", false);
				});
			returnToNormal("#panel_"+curPanel);
			growBigger("#panel_"+next);
			curPanel = next;
			$("#panel_"+(curPanel+1)).unbind();	
			$("#panel_"+(curPanel+1)).click(function(){ change(true); });
			$("#panel_"+(curPanel-1)).unbind();
			$("#panel_"+(curPanel-1)).click(function(){ change(false); }); 
			$("#panel_"+curPanel).unbind();
		}
	}
	growBigger("#panel_3");	
	var curPanel = 3;
	
	$("#panel_"+(curPanel+1)).click(function(){ change(true); });
	$("#panel_"+(curPanel-1)).click(function(){ change(false); });
	
	$(".right").click(function(){ change(true); });	
	$(".left").click(function(){ change(false); });	
});