// This script basically uses makes banners rotate.

var currSlide = 0;
function goto(slide){
	
	// Switch the icons for the banner bullets
	$('.banner-bull').removeClass('active');
	$('.banner-bull').eq(slide).addClass('active');
	
	// Animate the banner descriptions
	$('.desc').eq(slide).stop().animate({ 'opacity': 1 });
	$('.desc').eq(currSlide).stop().animate({ 'opacity': 0 });
	
	// Animate the banner images
	$('.slide, .desc').eq(currSlide).animate({ 'opacity': 0 });
	$('.slide').eq(slide).stop().animate({ 'opacity': 1 }, function(){
		currSlide = slide;
	});
}

var numSlides = '';
function autoTrans(){
	numSlides = $('.slide').length;
	slide = ( currSlide < (numSlides - 1)) ? currSlide + 1 : 0;
	goto(slide);
}

$(function(){
	var t = setInterval(autoTrans, 7000);
	
	// For when you click on the banner bullets
	$('.banner-bull').click(function(){
		slideNum = $(this).index();
		goto(slideNum);
		clearInterval(t);
	});
	
	
	$('.slide, .desc').css('opacity', 0);
	$('.slide').eq(currSlide).css('opacity', 1);
	$('.desc').eq(currSlide).css('opacity', 1);
});