var t = n = 0, count=0;
$(function(){
		var imgsnum=$("#imgslist a").size();
		    count=imgsnum;
		var ul_list="<ul>";
		var li="";
		var curnum=0;
		for(var i=0;i<imgsnum;i++){
			curnum=i+1;
			li+="<li>"+curnum+"</li>";
		}
		ul_list=ul_list+li+"</ul>";
		$("#imgnum").html(ul_list);
		// add imgnum list
		var imgnum_li=$("#imgnum li");
		$(imgnum_li[0]).css({"background":"#FEAC00",'color':'#fff'});
		$("#imgslist a:not(:first-child)").hide();
		
		
		$("#imgnum li").click(function(){
		                     var i = $(this).text() - 1;
		                     n = i;
							 
							 $("#imgslist a").filter(":visible").fadeOut(1000).parent().children().eq(i).fadeIn(2000);  
							 $(this).css({"background":"#FEAC00",'color':'#fff'}).siblings().css({"background":"#4386CA",'color':'#fff'});
									   })
			t = setInterval("showAuto()", 4000);
	        $("#scrollimgs").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 4000);});

		   
})
         
		 function showAuto(){
	        n = n >= (count - 1) ? 0 : ++n;
			
	      $("#imgnum li").eq(n).trigger('click');
         }