// JavaScript Document
$(document).ready(function(){	
	var sliderWidth = 0;
	var imageWidth = $('.banner-slider .img:first').width();
	var count = 0;
	var imageCount = 0;
	var bannerLeft = 0;

	setInterval(bannerSlide,6000)
		
	$('.banner-slider .img').each(function(){
		sliderWidth = sliderWidth + $(this).width();
		$(this).addClass('move-'+count);
		count++;
	});

	$('.banner-slider').width(sliderWidth);


	function bannerSlide(){
		$('.banner-slider .img:first').addClass('move-0');
		firstBanner = $('.banner-slider').children('.img.move-0').clone();
		$('.banner-slider').width(sliderWidth+imageWidth);
		$('.banner-slider').append(firstBanner);
		$('.banner-slider .img').animate({'left':'-='+imageWidth}, 1500, function(){
			$('.banner-slider .img:last').removeClass('move-0');
			$('.banner-slider').children('.img.move-0').remove();
			$('.banner-slider .img').css('left','-'+bannerLeft+'px');
			$('.move-0').removeClass('move-0');
		})
	};
	
});