var deltaleft=1;
var limit = 290
function moveleft(){
	$(".slider .roll-top").css({'background-position':'6px '+deltaleft+"px"});
	$(".slider .roll-down").css({'background-position':'6px '+deltaleft+"px"});
	$("ul.previews").css({left:(parseInt($("ul.previews").css('left').replace('px', ''),10)-$(document).width()/65)+'px'});
	deltaleft+=5;
	if(deltaleft<limit)
		setTimeout(moveleft,50);
	else
		setTimeout(moveright,0);
}
function moveright(){
	$(".slider .roll-top").css({'background-position':'6px '+deltaleft+"px"});
	$(".slider .roll-down").css({'background-position':'6px '+deltaleft+"px"});
	$("ul.previews").css({left:(parseInt($("ul.previews").css('left').replace('px', ''),10)+$(document).width()/65)+'px'});
	deltaleft-=5;
	if(deltaleft>30)
		setTimeout(moveright,50);
}

$(document).ready(function (){
	 if ($.browser.msie) {if (parseInt(jQuery.browser.version,10) == 6)
								{ $('div.intro').css({right:'350px'});}
		}
     var mouseDown=0;
	 var start=0;
	 var start_bg_1 =0;
	 var realWidth = 0;
	 var ul = $("ul.previews");
	  $("ul.previews li").each(function(){
			realWidth+=$(this).width();
		
	  });
	 ul.width(realWidth);
	 
	var minX = $(".slider").width() -  ul.width();
	ul.css({left: minX+'px'});
	
	//setTimeout(function(){
	//	$("ul.previews").animate({left:minX-$(document).width()+181+"px "},3000);
	//	$("ul.previews").animate({left:minX+"px "},3000);
	//},10);
	setTimeout(moveleft,0);
	
	//setTimeout(function(){
		//$(".slider .roll-down").animate({'background-position':'6px '+(minX-$(document).width()+181)+"px"},30000);
		//$(".slider .roll-down").animate({'background-position':'6px '+(minX)+"px"},3000);
	//},10);
	
	var maxX = 0;
	 
	 var startPositionX = 0;

	
	 
     $("ul.previews").mouseup(function (){
          mouseDown=0;
	 });     
	 
     $("ul.previews").mousedown(function (e){
          mouseDown=1;
		  startPositionX=e.pageX;
		  start=parseInt($("ul.previews").css('left').replace('px', ''),10);
		  
		 if($(".slider .roll-top"))
		 {
		  start_bg_1 = parseInt($(".slider .roll-top").css('background-position-y').replace('px', ''),10);
		  var bg = $(".slider .roll-top").css('backgroundPosition');
		  var bga = bg.split(' ');
		  start_bg_1 = parseInt(bga[1].replace('px', ''),10);
		 }
		  
     });
	 
     $("ul.previews").mousemove(function (e){
		 if (mouseDown){
			var newPosition = (start+(e.pageX - startPositionX));
			newPosition = newPosition > maxX ? maxX: (newPosition < minX ? minX : newPosition);
			$("ul.previews").css('left',newPosition+"px"); 
			if (newPosition!=maxX && newPosition!=minX){
				var np = (start_bg_1+(e.pageX - startPositionX));
				$(".slider .roll-top").css('background-position', '6px '+ np+"px");
				$(".slider .roll-down").css('background-position', '6px '+ np+"px");
			}	
		 }	

     });

});