var t;
var nowe = '';


function left_div(akt, limit){

	if(((akt)) >= ($("#rolka").width()-limit)){
		$("#lista").css({left: akt-5});
		t =  setTimeout(function(){left_div(akt-5, $("#lista").width())},40);
	} 
}

function right_div(akt, limit){
	
		
	if(akt < 0){
		$("#lista").css({left: akt+5});
		t =  setTimeout(function(){right_div(akt+5, $("#lista").width())},40);
	} 

}

$(document).ready(function(){

    $("#rolka").mouseover(function(e){
	  var x = e.pageX;
	  var y = e.pageY;
	  
	  var szerokosc_rolka = $("#rolka").width();
;
	  if((x-40) > (szerokosc_rolka/2)){
	  	if(t) clearTimeout(t);
	  	var position = $("#lista").position();
      	t =  setTimeout(function(){left_div(position.left, $("#lista").width())},40);
	  } else {
	  	if(t) clearTimeout(t);
	  	var position = $("#lista").position();
      	t =  setTimeout(function(){right_div(position.left, $("#lista").width())},40);
	  }
    });

    $("#rolka").mousemove(function(e){
	  var x = e.pageX;
	  var y = e.pageY;
	  
	  var szerokosc_rolka = $("#rolka").width();
	  
	  if((x-40) > (szerokosc_rolka/2)){
	  	if(t) clearTimeout(t);
	  	var position = $("#lista").position();
      	t =  setTimeout(function(){left_div(position.left, $("#lista").width())},40);
	  } else {
	  	if(t) clearTimeout(t);
	  	var position = $("#lista").position();
      	t =  setTimeout(function(){right_div(position.left, $("#lista").width())},40);
	  }
    });
   
    $('#rolka').mouseleave(function(e){
    	clearTimeout(t);
    });   	
});