var current = 1;
var interval;
 
 $(document).ready(function(){
	$("#slideshow img:first").show();
	interval = setInterval("slideShow()",6000);
	
	$("#slideshow").after("<div id='progress_nav'>");
	
	$("#slideshow img").each(function(i){
		$("#progress_nav").append("<span class='pic_status' id='bull_" + $(this).attr("id") + "'> " + (i+1) + " </span>");
	});

	$(".pic_status").click(bull_click);

	$("#bull_pic_1").css({ color:'#000'});

	$(".pic_link").hover(
		function(){
			$(this).css({backgroundColor: '#EEDA93'});
		},
		function(){
			$(this).css({backgroundColor: '#FDFAEE'});			
		}
	);

});


function bull_click (){
	var prev = current;
	current = $(this).attr("id").replace(/bull_pic_/,'');
	$("#pic_"+current).fadeIn(function(){
		$("#pic_"+prev).fadeOut();
	});
	clearInterval(interval);
	interval = setInterval("slideShow()",6000);
	$(".pic_status").css({color: '#626262' });
	$("#bull_pic_"+current).css({ color:'#323232'});
	$(this).unbind("click");
	$("#bull_pic_"+prev).click(bull_click);
}

function slideShow(){
	var prev = current;
	current++;
	if (current > $("#slideshow img").length) current = 1;
	$("#pic_" + current).fadeIn( function(){
		$("#pic_" + prev).fadeOut();
	});
	
	$(".pic_status").css({color: '#626262' });
	$("#bull_pic_"+current).css({ color:'#000'});
	$("#bull_pic_"+prev).click(bull_click);
	$("#bull_pic_"+current).unbind("click");
	
}