$(document).ready(function(){

	startIt();
	
	$(".slides li").mouseenter(function(){
		$(this).addClass("selected");
		var tempLeft=$(this).css("margin-left")
//		nowLeft=tempLeft.substr(0,tempLeft.length-2)-100
		$(this).css("margin-left", nowLeft+"px")
	}).mouseleave(function(){
		$(this).removeClass("selected");
//		$(this).css("margin-left", "-100px")
	})
	
	
	
	
	$(".slides li").click(function(){
		var current=$(".slides li").index(this);
		var checkThis=$(this);
		var offsetLeft=$(this).attr("offsetLeft");
			
		if(!checkThis.is(".last")){
			$(".slides li").removeClass("current");
			$(this).addClass("current");
			$(".slides").animate({left: -offsetLeft+40}, 1000)
		}
		if(current == '0'){
			$(".slides").animate({left: 0}, 400)
		} 
		
	})
	
	$("#klikli").click(function(){
		$(".slides li").removeClass("current");
		$(".slides li:eq(0)").addClass("current");
		$(".slides").animate({left: 0}, 1800)
	})
});

	var i=0;
	
	function startIt(){
		i=i-2;
		$(".slideline").css({"margin-left": i+"px"});
		setTimeout("startIt()",50);
	}