$(document).ready(function() {
	currentSlide = 0;
	numberSlides = $('#slides div.slide').length;
	numberSlides--; // making the numbers work!
	function slideTo(slideNumber) {
		currentSlide = slideNumber;
		if(currentSlide > numberSlides) {
			currentSlide = 0;
			slideNumber = 0;
		}
		slidePosition = slideNumber*900;
		$('#slides').animate({left: '-'+slidePosition+'px'},{duration:1000,complete:bannerLoop});
	}
	slideTo(0);
	$('#slidecontainer').prepend('<div id="slideprogress"><div></div></div>');
	$('#slideprogress').css({width:'100px',height:'2px',right:'4px',bottom:'4px',border:'1px solid #fff',position:'absolute'}).fadeTo(1,.3);
	$('#slideprogress div').css({width:'0px',height:'2px',backgroundColor:'#ccc'});
	function bannerLoop() {
		$('#slideprogress div').animate({width:'100%'},{duration:10000,easing:'linear',complete:bannerLoop2});
	}
	function bannerLoop2() {
		slideTo(currentSlide+1);
		$('#slideprogress div').animate({width:'0px'},{duration:500});
	}
});