$(document).ready(function() {
		
	/* ---------- Banner Control/Animation ---------- */
	
	currentSlide = 0;
	numberSlides = $('#bannercontent div.slide').length;
	
	numberSlides--; 
	
	function slideTo(slideNumber) {
		currentSlide = slideNumber;
		if(currentSlide>numberSlides) {
			currentSlide = 0;
			slideNumber = 0;
		}
		
		
		slidePosition = slideNumber*386;
		$('#bannercontent').animate({left: '-'+slidePosition+'px'},{duration:1000,complete:bannerLoop});
	}
	
	slideTo(0);
	
	$('#banner-full').prepend('<div id="slideprogress"><div></div></div>');
	$('#banner-mini').prepend('<div id="slideprogress"><div></div></div>');
	$('#slideprogress').css({width:'100px',height:'2px',right:'17px',bottom:'20px',border:'1px solid #fff',position:'absolute'}).fadeTo(1,.3);
	$('#slideprogress div').css({width:'0px',height:'2px',backgroundColor:'#fff'});
	
	function bannerLoop() {
		$('#slideprogress div').animate({width:'100%'},{duration:2800,easing:'linear',complete:bannerLoop2});
	}
	function bannerLoop2() {
		slideTo(currentSlide+1);
		$('#slideprogress div').animate({width:'0px'},{duration:500});
	}
	
});