(function($){
	
	$(document).ready(function(){
		
		var $slideShowContainer = $('#home_slideshow');
		var $contentContainer = $slideShowContainer.find('div.slider_content').eq(0);
		var currentIndex = 0;
		var t1 = 300;
		var t2 = 700;
		var $body = $('body');
		var docWidth = $body.outerWidth();
		var $images = new Array();
		var interval;
		var loopTimer = 15000;
		
		$contentContainer.children().each(function(){
			$images.push($(this));
		});
		
		var imageWidth = $images[0].outerWidth();
		
		$(window).resize(function(){
			onResize();
		});
		
		interval = setInterval(loop, loopTimer);
		
		$('.slider_nav').find('a').each(function(i){
			
			var index = i;
			
			$(this).click(function(){
				goto(index);
				stop();
				return false;
			});
			
		});
		
		function goto(id){
			
			if(currentIndex == id) return;
			
			var a = {left: -(docWidth + imageWidth)};
			var b = {left: '50%'};
			
			$images[currentIndex].stop().animate(a, t1, "easeInQuad");
			
			$images[id].css({left: docWidth, display: 'block'});
			
			$images[id].stop().animate(b, t2, "easeOutQuad");
			
			$('.slider_nav').find('a').eq(currentIndex).removeClass('off').removeClass('on').addClass('off');
			
			currentIndex = id;
			
			$('.slider_nav').find('a').eq(currentIndex).removeClass('off').removeClass('on').addClass('on');
			
		}
		
		function onResize(){
			
			docWidth = $body.outerWidth();
			
		}
		
		function stop(){
			clearInterval(interval);
		}
		
		function loop(){
			
			var next = currentIndex + 1;
			
			if(next > $images.length - 1){
				next = 0;
			}
			
			goto(next);
			
		}
		
	});
	
})(jQuery);

