var current;
var slides;

function countUp()
{
	$('#progress div').animate({width:'100%'},{duration:4000,easing:'linear',complete:countDown});
}
function countDown()
{
	current=parseInt(current);
	current+=1;
	slideTo(current);
	$('#progress div').animate({width:'0px'},{duration:500});
}
	
function slideTo(num)
{
	current=num;
	if (current>slides)
	{
		current=0;
		num=0;
	}
	num--;
	offset=num*500;
	$('#show').animate({left: '-'+offset+'px'},{duration:1000,complete:countUp});
}

$.fn.slideStart=function(){
	return this.each(function(){
		current=1;
		slides=$(this).find('div.slide').length;
		
		slideTo(1);
		
		$(this).prepend('<div id="progress"><div></div></div>');
		$('#progress').css({width:'100px',height:'2px',right:'4px',bottom:'4px',border:'1px solid #fff',position:'absolute'}).fadeTo(1,.3);
		$('#progress div').css({width:'0px',height:'2px',backgroundColor:'#409EE8'});
		
		$('div.thumb a').click(function(e){
			slide=$(this).attr('rel');
			slideTo(slide);
			e.preventDefault();
		});
	});
};

$(document).ready(function(){
	$('#slideshow').slideStart();
});