$(document).ready(function() {
	
	imageLoad = function() {
		$('#loader').hide();
		$('.slider-container').show();
	};

	image = new Image();
	image.onload = imageLoad;					
	image.src = $('#first img').attr("src");

	/* */
	slideWidth = 0;
	i = 0;
	
	var isAnimation = false;
	
	var t;
	
	$('#slider .slide').each(function(index, value){		
		slideWidth = $(value).outerWidth();		
		slideHeight = $(value).outerHeight()	
		
		if(index > 0)
		{
			$(this).css("top",slideHeight);
			$(this).css("left",0);
		}
		else
		{
			$(this).css("top",0);
			$(this).css("left",0);
		}
	});
	
	var slides = $('#slider .slide');
	
	if(slides.length<=1)
	{
		$('#slider .arrow').hide();
	}
	
	$('#slider .pause').click(function(){
		window.clearInterval(t);
		return false;
	});
	
	$('#slider .next').click(function(){
		if(isAnimation)
			return false;
			
		window.clearInterval(t);
		slideNext();
		autoslide();
		return false;
		
	});
	
	$('#slider .prev').click(function(){
		if(isAnimation)
			return false;
			
		window.clearInterval(t);
		slidePrev();
		autoslide();
		return false;
	});
	
	function slideNext(){	
		var next;
		if(i == slides.length-1 )
			next = 0;
		else
			next = i+1;
			
		isAnimation = true;
				
		$(slides[i]).animate({"left": "-="+slideWidth+"px"}, "slow",  function() { isAnimation = false; });	
		$(slides[next]).css("top",0);					
		$(slides[next]).css("left",slideWidth);					
		$(slides[next]).animate({"left": "-="+slideWidth+"px"}, "slow",  function() { isAnimation = false; });	
		
		
		
		i=next;
	}
	
	function slidePrev(){		
		var next;
		if(i == 0 )
			next = slides.length-1;
		else
			next = i-1;
			
		isAnimation = true;
		
		$(slides[i]).animate({"left": "+="+slideWidth+"px"}, "slow",  function() { isAnimation = false; });	
		$(slides[next]).css("top",0);					
		$(slides[next]).css("left",slideWidth*-1);					
		$(slides[next]).animate({"left": "+="+slideWidth+"px"}, "slow",  function() { isAnimation = false; });	
		
		item1 = $(slides[i]);
		item2 = $(slides[next]);
		
		i=next;
	}
	
	function autoslide()
	{
		if(slides.length>1)
			t = setInterval(function(){slideNext();}, 9500);
	}
	
	autoslide();	
	
	/* fade */
	
	imgI = 0;
	
	var images = $('.fade img');
	
	$('.fade img').each(function(index, value){
		if(index > 0)
		{
			$(this).css("z-index",1);
		}
		else
		{
			$(this).css("z-index",10);
		}
	});
	
	function fade(){
		var imgNext;
		if(imgI == images.length-1 )
			imgNext = 0;
		else
			imgNext = imgI+1;
		
		$(images[imgNext]).css("z-index",9);
		$(images[imgNext]).css("display","block");			
		$(images[imgI]).fadeOut('slow', function() {
			$(images[imgI]).css("z-index",1);	
			$(images[imgNext]).css("z-index",10);	
		});	
		
		imgI=imgNext;
		
		return false;
	}
	
	function autofade()
	{
		if(images.length>1)
			t = setInterval(function(){fade();}, 7000);
	}
	
	autofade();
	
	/* end fade */
	
});