$(document).ready(function(){
	var cpt=0;
	var isPlay=false;
	$('div.diaporama').css('position','relative');
	$('div.diaporama div').css('position','absolute');
	var images=$('div.diaporama div');
	$('p.page').before('<div class="link"></div>');
	for(i=0;i<=images.length-1;i++)
		$('div.link').append('<a href="#">'+(i+1)+'</a>');
	$('div.link').append('<div style="clear:both"></div>');
	$('div.link a').eq(0).addClass('active');
	$(images).hide();
	$(images[0]).show();
	autoPlay();
	$('a.btnControle').click(function(e){
		e.preventDefault();
		var rel=$(this).attr('rel');
		switch(rel){
			case 'play':
					autoPlay();
				break;
			case 'pause':
				pause();
				break;
			case 'stop':
				stop();
				break;
		}
	});
	$('.link a').click(function(e){
		e.preventDefault();
		var dist=$(this).index('.link a')
		gotoAndPlay(dist);
		$('div.link a.active').removeClass('active');
		$(this).addClass('active');
	});
	function play(){
		(cpt>=images.length-1)?cpt=0:cpt++;
		$(images).fadeOut(600);
		$(images[cpt]).fadeIn(600);
		$('div.link a.active').removeClass('active');
		$('div.link a').eq(cpt).addClass('active');
	}
	function autoPlay(){
		if(!isPlay)
			timer=setInterval(function(){play();},6000);
		isPlay=true;
	}
	function pause(){
		clearInterval(timer);
		isPlay=false;
	}
	function stop(){
		pause();
		cpt=0;
		$(images).fadeOut(500);
		$(images[cpt]).fadeIn(500);
	}
	function gotoAndStop(img){
		if(img==cpt)
			return false;
		pause();
		cpt=img;
		$(images).fadeOut(500);
		$(images[cpt]).fadeIn(500);
	}
	function gotoAndPlay(img){
		if(img==cpt)
			return false;
		pause();
		cpt=img;
		$(images).fadeOut(500);
		$(images[cpt]).fadeIn(500);
		autoPlay();
	}
});