var t = n = 0, count=0;
$(function(){
		var imgsnum=$("#slider 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'});
		$("#slider a:not(:first-child)").hide();
		
		
		   $("#imgnum li").click(function(){
		                     var i = $(this).text() - 1;
		                     n = i;
							 
							 $("#slider 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);});
			$(".showbn").click(function(){
									if(this.id=="prevBn"){
                                     n = n <=0? (count - 1) : --n;
	                                 $("#imgnum li").eq(n).trigger('click'); 
									 $("#nextBn").css({"filter":"Alpha(opacity=100)","-moz-opacity":"1","opacity":"1"})
									}
									if(this.id=="nextBn"){
                                     n = n >= (count - 1) ? 0 : ++n;								 
	                                 $("#imgnum li").eq(n).trigger('click'); 

									}									
									
										})

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