var i=0;
var speed=300;
var time=window.setInterval('next()',5*1000);

function showSlide(i,ile,time){
	window.clearInterval(time);
	$('.ani').contents('.act').contents('img').css('zIndex', ile+1);
	$('.ani').contents('li').eq(i).contents('img').css('zIndex', ile+2).fadeIn(speed, function(){
		$('.ani').contents('.act').contents('img').css('display', 'none');
		$('.ani').contents('.act').removeClass('act');
		$('.ani').contents('li').eq(i).addClass('act');
	});
}

function next(){
	var ile=$('.ani').contents('li').size();
	i=(i+1)%ile;
	showSlide(i,ile);
}

$('#index').contents('ul').addClass('ani');

var ile=$('.ani').contents('li').size();
$('.ani').contents('li').eq(i).addClass('act');
$('.ani').contents('.act').contents('img').css('display', 'block');

$('.ani').contents('li').each(function(index) {
	$(this).contents('h2').click(function(){
		if(i!=index){
			i=index;
			showSlide(i,ile,time);
		}
		return false;
	});
});