$(function() {
	var $root				= $("#movie_box");
	var $container			= $root.find("div.scrollContainer");
	var $panels				= $('div.scrollContainer > a',$root)[0] ? $('div.scrollContainer > a',$root): $('div.scrollContainer > img',$root);
	var $leftarrow			= $root.find("img.left");
	var $rightarrow			= $root.find("img.right");
	
	var totalPanels			= $panels.length;
	var scroll				= $('div.scroll',$root);
	var regWidth			= 337;
	var curPanel			= 0;

	$container
		.css('width', regWidth * totalPanels)
		.css('left', 0);
	
	//direction true = right, false = left
	function change(direction) {
		var next         = direction ? curPanel + 1 : curPanel - 1;

		if(next > totalPanels - 1 || next < 0 ){ return false; }
		var movement	 = -(next * regWidth);
	
		$container
			.stop()
			.animate({
				"left": movement
			});
		
		curPanel = next;
	}
	
	//when the left/right arrows are clicked
	$rightarrow.click(function(){ change(true); });	
	$leftarrow.click(function(){ change(false); });
	
	$(window).keydown(function(event){
	  switch (event.keyCode) {
			case 37: //left arrow
				$leftarrow.click();
				break;
			case 39: //right arrow
				$rightarrow.click();
				break;
	  }
	});
	
});


$(function() {
	var $root				= $("#movie_box2010");
	var $container			= $root.find("div.scrollContainer");
	var $panels				= $('div.scrollContainer > a',$root)[0] ? $('div.scrollContainer > a',$root): $('div.scrollContainer > img',$root);
	var $leftarrow			= $root.find("img.left");
	var $rightarrow			= $root.find("img.right");
	
	var totalPanels			= $panels.length;
	var scroll				= $('div.scroll',$root);
	var regWidth			= 337;
	var curPanel			= 0;

	$container
		.css('width', regWidth * totalPanels)
		.css('left', 0);
	
	//direction true = right, false = left
	function change(direction) {
		var next         = direction ? curPanel + 1 : curPanel - 1;

		if(next > totalPanels - 1 || next < 0 ){ return false; }
		var movement	 = -(next * regWidth);
	
		$container
			.stop()
			.animate({
				"left": movement
			});
		
		curPanel = next;
	}
	
	//when the left/right arrows are clicked
	$rightarrow.click(function(){ change(true); });	
	$leftarrow.click(function(){ change(false); });
	
	$(window).keydown(function(event){
	  switch (event.keyCode) {
			case 37: //left arrow
				$leftarrow.click();
				break;
			case 39: //right arrow
				$rightarrow.click();
				break;
	  }
	});
	
});