jQuery(document).ready(function(){
						var _imgTime;
						var _index=0;
						var _bfindex=0;
						var statusLock=1;
						
								var _change= function(idx){
								if(statusLock){
									statusLock=0;
									
									_bfindex=_index;
								jQuery("#idSlider > li").eq(_index).css("z-index","8");
								jQuery("#idNum > li").eq(_index).removeAttr("class");	
								jQuery("#idSlider > li").eq(_index).animate({opacity: 0}, 1000,"",function(){	
																				jQuery("#idSlider > li").eq(_index).css("z-index","8");
																				jQuery("#idSlider > li").eq(_bfindex).css("z-index","1");
																		
												  statusLock=1;});		
									if(typeof(idx)!="undefined" && parseInt(idx)!=_index)
									_index=parseInt(idx);
									else 
									_index=++_index<3?_index:0;
								jQuery("#idNum li").eq(_index).attr("class","on");	
								jQuery("#idSlider > li").eq(_index).css("opacity","1").css("z-index","1");

								}
							}
							
									var _imgTime=setInterval(function(){_change();},3000);
														
									jQuery("#idSlider > li").mouseover(function(){
												clearInterval(_imgTime);
													}).mouseout(function(){
												_imgTime=setInterval(function(){
														  _change();},3000);		   
																   }); 
									
									jQuery("#idNum li").mouseover(function(){
															   clearInterval(_imgTime);
																if(statusLock)
																_change(jQuery(this).index())
														})

})