$(document).ready (function() {
	$(document).pngFix();
	var z = 0;
	$('.carousel ul.image li').each (function()	{
		z++;
		var slide = $(this);
		$(slide).css('z-index', 100-z).attr('id', 'slide'+z);
		$('<li><a href="#slide'+z+'">'+z+'</a></li>').click (function()	{
			clearTimeout (interval);
			$('.carousel ul.nav a').removeClass('selected');
			$('a', this).addClass('selected');
			if ($(slide).css('z-index') != 99)	{
				$(slide).css('z-index', 98);
			}
			$('.carousel ul.image li').not($(slide)).fadeOut(500, function()	{
				$(this).css('z-index', 95).show();
				$(slide).css('z-index', 99).show();
			});
			return false;
		}).appendTo ('.carousel ul.nav');
	});
	$('.carousel .nav a:first').addClass('selected');
	var interval = setInterval (function ()	{
		$('.carousel ul.image li').each (function()	{
			$(this).css('z-index', parseInt ($(this).css('z-index'))+1);
			if (parseInt ($(this).css('z-index')) == 99)	{
				$('.carousel ul.nav a').removeClass('selected');
				$('.carousel ul.nav a[href=#'+$(this).attr('id')+']').addClass('selected');
			}
			if (parseInt ($(this).css('z-index')) == 100)	{
				$(this).fadeOut(1000, function()	{
					$(this).css('z-index', 100-z).show();
				});
			}  
		});
	}, 6000);
});