// Sliding Background
var dr=1;
var stop=0;

$(document).ready(function() {
        $.fn.supersized.options = {  
            startwidth: 1920,  
            startheight: 1285,
            vertical_center: 1,
            slideshow: 1,
            navigation: 0,
            transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
            pause_hover: 0,
            slide_counter: 1,
            slide_captions: 1,
            slide_interval: 8000  
        };

	scroll(1);
    $('#supersize').supersized(); 
    
    //        var step = 1; 
            var current = 0; 
    //        var maximum = 5; 
//            var visible = 1; 
//            var speed = 2000; 
            var liSize = 808;
            var carousel_height = 315;

            var ulSize = 6540;   
//            var divSize = liSize * visible;  

            $('#my_carousel ul').css("width", ulSize+"px").css("left", -(current * liSize)).css("position", "absolute");

            $('#my_carousel').css("width", "100%").css("height", carousel_height+"px").css("visibility", "visible").css("overflow", "hidden").css("position", "relative"); 

            $('.btnnext').click(function() 
			{ 
				$("a.btnprev").removeClass("invisible");
				stop=1;
				var curent=$(this).attr('rel');
				var max=$("#my_carousel ul").children().size();
				
				curent++;
				if(curent==max-1)
				{
					$("a.btnnext").addClass("invisible");
				}
				if (curent == max) 
				{
					curent--;
				}
				else 
				{
					var element = $("#my_carousel ul li:eq(" + curent + ")");
					$("#my_carousel").scrollTo(element, 1000, {	axis: 'x'});
				}
				
				$("a.btnprev").attr('rel',curent);
				$("a.btnnext").attr('rel',curent);
                    
                return false;
            });

            $('.btnprev').click(function() 
			{
				$("a.btnnext").removeClass("invisible");
				stop=1;
				var curent=$(this).attr('rel');
				
				curent--;
				if(curent==0)
				{
					$("a.btnprev").addClass("invisible");
				}
				if (curent < 0) 
				{
					curent++;
				}
				else 
				{
					var element = $("#my_carousel ul li:eq(" + curent + ")");
					$("#my_carousel").scrollTo(element, 1000, {	axis: 'x'});
				}
				
				$("a.btnprev").attr('rel',curent);
				$("a.btnnext").attr('rel',curent);
                    
                return false;
            });
});

function scroll(i)
{
	if (stop == 0) 
	{
		setTimeout(function()
		{
			if (stop == 0) 
			{
				if (dr == 1) right(i);
				else left(i);
			}
		}, 6000);
	}
}
function right(i)
{
	$("a.btnprev").removeClass("invisible");
	var max=$("#my_carousel ul").children().size();
	var element=$("#my_carousel ul li:eq("+i+")");
	$("#my_carousel").scrollTo(element,1000,{axis:'x'});
	$("a.btnprev").attr('rel',i);
	$("a.btnnext").attr('rel',i);
	i++;
	
	if(i==max)
	{
		$("a.btnnext").addClass("invisible");
		dr=0;
		i=i-2;
	}
	if(stop==0)scroll(i);
}

function left(i)
{
	$("a.btnnext").removeClass("invisible");
	var element=$("#my_carousel ul li:eq("+i+")");
	$("#my_carousel").scrollTo(element,1000,{axis:'x'});
	$("a.btnprev").attr('rel',i);
	$("a.btnnext").attr('rel',i);
	i--;
	
	if(i<0)
	{
		$("a.btnprev").addClass("invisible");
		i=i+2;
		dr=1;
	}
	if(stop==0)scroll(i);
}