$(document).ready(function() {
	$('#showright').hover(		 
		function(){
			$(this).css({"background-position":"0px 120px"});
		},
		function(){
			$(this).css({"background-position":"0px 0px"});
		}

	);
	$('#showleft').hover(		 
		function(){
			$(this).css({"background-position":"0px 40px"});
		},
		function(){
			$(this).css({"background-position":"0px 80px"});
		}

	);
	$('#showleft').click(function(){	
	 
		var $mvleft = $('#productbar').position().left;
		var step = -200;
		var res= eval(step+$mvleft );	
		
		if (res<-500)
		{
			$mvleft = -500 ;
		}else{
			$mvleft = res;
		}
		
		$('#productbar').animate({"left" :$mvleft},200);
	});
		$('#showright').click(function(){	
	 
		var $mvleft = $('#productbar').position().left;
		var step = 200;
		var res= eval(step+$mvleft );	
		
		if (res>-200)
		{
			$mvleft = 0 ;
		}else{
			$mvleft = res;
		}
		
		$('#productbar').animate({"left" :$mvleft},200);
	});

	
});