$(document).ready(function(){ 

var ul_width1 = 0; $('#videobox1 li').each(function() { ul_width1+=$('#videobox1 li').width(); }); $('#videobox1').css({'width' : ul_width1 });    
var ul_width2 = 0; $('#videobox2 li').each(function() { ul_width2+=$('#videobox2 li').width(); }); $('#videobox2').css({'width' : ul_width2 });    
var ul_width3 = 0; $('#videobox3 li').each(function() { ul_width3+=$('#videobox3 li').width(); }); $('#videobox3').css({'width' : ul_width3 });    


var step=0;
var li_width=250;
var left_value = 0; 
var max_li1=$('#videobox1 li').size();
var max_li2=$('#videobox2 li').size();
var max_li3=$('#videobox3 li').size();

ul1=$('#videobox1 ul');
ul1.css({'left' : left_value });

ul2=$('#videobox2 ul');
ul2.css({'left' : left_value });

ul3=$('#videobox3 ul');
ul3.css({'left' : left_value });


$("#move1").click(function() {
if(max_li1<2) {} else {
var left_indent = parseInt(ul1.css('left')) - li_width;
$(ul1).not(':animated').animate({'left' : left_indent}, 500,   function () { 
		$('li:last',ul1).after($('li:first',ul1));  
    $(ul1).css({'left' :left_value}); 
});
};
return false;	});


$("#move2").click(function() {
if(max_li2<2) {} else {
var left_indent = parseInt(ul2.css('left')) - li_width;
$(ul2).not(':animated').animate({'left' : left_indent}, 500,   function () { 
		$('li:last',ul2).after($('li:first',ul2));  
    $(ul2).css({'left' :left_value}); 
});
};
return false;	});


$("#move3").click(function() {
if(max_li3<2) {} else {
var left_indent = parseInt(ul3.css('left')) - li_width;
$(ul3).not(':animated').animate({'left' : left_indent}, 500,   function () { 
		$('li:last',ul3).after($('li:first',ul3));  
    $(ul3).css({'left' :left_value}); 

});
};
return false;	});

timer2 = setInterval(function() { 
step=step+1; if(step>3) { step=1; } else { step=step; };

if(step=='1') { $("#move1").click(); } else {}; 
if(step=='2') { $("#move2").click(); } else {}; 
if(step=='3') { $("#move3").click(); } else {}; 

}, 2000 );



$('.video_box').hover(	function() { clearInterval(timer2); }, function() {  

timer2 = setInterval(function() { 
step=step+1; if(step>3) { step=1; } else { step=step; };
if(step=='1') { $("#move1").click(); } else {}; 
if(step=='2') { $("#move2").click(); } else {}; 
if(step=='3') { $("#move3").click(); } else {}; 
}, 2000); });
});

























