var flag = 0;
var speed = 5000;
var currentPos = 0;
var run = 0;
var callChk = 0;

$(document).ready(function(){
	run = setInterval('rotate()',speed);
	var no_li = $('ul#scroll-list li').length;
	var item_width = $(".carousel #scroll-list li").width();
	var ul_length = (no_li * item_width);
	var left_value = item_width * (-1);
	if($('.carousel #scroll-list li').index(this)){
		var indexNow = $('.carousel #scroll-list li').index(this);
	}
	//currentPos
	$(".carousel #scroll-list li:first").before($(".carousel #scroll-list li:last"));
	$(".carousel #scroll-list").css({
		"left":left_value,
		"width":ul_length
	});
	$('.current').removeClass('current');
	$(".carousel .controller").find('.pos-0').addClass('current');
	$('.active').removeClass('active');
	$(".carousalController .controller .pos-0 a.selectors").addClass('active');
	//$("#next").dblclick(function(e){return false;});
	$("#next").click(function(e){
		if($("#next").attr('disabled')!='disabled'){
		$("#next").attr('disabled','disabled');
		e.preventDefault();
		animationStop();
		animationStop();
		var left_indent = parseInt($(".carousel #scroll-list").css("left")) + item_width;
		$(".carousel #scroll-list").animate({"left" : left_indent}, 1500,function(){           	
			$(".carousel #scroll-list li:first").before($(".carousel #scroll-list li:last"));           
			$(".carousel #scroll-list").css("left" , left_value);
			var ppos = $(".carousel #scroll-list li:eq(1)").attr('rel');
			$('.current').removeClass('current');
			$(".carousalController .controller").find('.'+ppos).addClass('current');
			$('.active').removeClass('active');
			$(".carousalController .controller ."+ppos+" a.selectors").addClass('active');
			$("#next").removeAttr('disabled');
		}); 		
		}
		
		return false;  
		
	});
	
	
	$("#prev").click(function(e){
		if($("#prev").attr('disabled')!='disabled'){
		$("#prev").attr('disabled','disabled');
		var left_indent = parseInt($(".carousel #scroll-list").css("left")) - item_width;
		animationStop();
		animationStop();
		e.preventDefault();
		$(".carousel #scroll-list").animate({"left":left_indent},1500,
		function(){
		
			$(".carousel #scroll-list li:last").after($(".carousel #scroll-list li:first"));
			$(".carousel #scroll-list").css("left",left_value);
			var ppos = $(".carousel #scroll-list li:eq(1)").attr('rel');
			$('.current').removeClass('current');
			$(".carousalController .controller").find('.'+ppos).addClass('current');
			$('.active').removeClass('active');
			$(".carousalController .controller ."+ppos+" a.selectors").addClass('active');
			$("#prev").removeAttr('disabled');			
		});
		}
			
		return false;
	});

	rotate = function(){	
		$("#prev").click();		
	}
	
	$('.motion-controller').click(function(){
		animationStop();
	});	
	
	$('.controller .selectors').click(function(){
		animationStop();
		var current_li = $(this).parent().attr('class');		

		$('.currli').removeClass('currli');
		var cPos = current_li.replace('pos-', '');
		cPos = cPos.replace(' current', '');

		cPos = parseInt(cPos);
		cPos = (cPos==0) ? (no_li-1) : cPos-1;
		var str = '';

		for(i = cPos; i < no_li; i++ ){
				var currHtml = $('#base-pos-'+i).html();//alert(currHtml);
				str += '<li rel="pos-'+i+'" class="recipe-carousal" id="base-pos-'+i+'">'+currHtml+'</li>';
		}
		for(i = 0; i < cPos; i++ ){
			var currHtml = $('#base-pos-'+i).html();
			str += '<li rel="pos-'+i+'" class="recipe-carousal" id="base-pos-'+i+'">'+currHtml+'</li>';
			
		}
		$(".carousel #scroll-list").html(str).css('display','none');
		$(".carousel #scroll-list").fadeIn(1000);
		//var left_indent = parseInt($(".carousel #scroll-list").css("left")) - item_width;
		//alert(left_indent);
		//$(".carousel #scroll-list").animate({"left": item_width}, "slow");
		animationStop();
		$('.current').removeClass('current');
		$(this).parent().addClass('current');
		$('.active').removeClass('active');
		$(this).addClass('active');
	});
});

function animationStop(){
	if(flag==0){
		$('.motion-controller').removeClass('pause');
		$('.motion-controller').addClass('play');
		clearInterval(run);
		$('.play').css('background-position','0 0');
		flag=1;
	}
	else{
		$('.motion-controller').removeClass('play');
		$('.motion-controller').addClass('pause');
		run = setInterval('rotate()',speed);
		$('.pause').css('background-position','0 -19px');
		flag=0;
	}
}