var  ii=1;  /*元素的序号*/
 var  span=5000; /*间隔时间*/
 var  ctimer = setInterval('chang3()', span); 
 var  num = $('.mpic .pic').length + 1 /*元素的数量 +1 */
 
 var Sys = {};
var ua = navigator.userAgent.toLowerCase();
var s;
(s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
(s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
(s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
(s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
(s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
if(Sys.ie==6)
{
	xpic_margin = 954- (num-1)*(75+10+4)-10; /* class xpic 定位 */
	}
 else{xpic_margin = 965- (num-1)*(75+10+4)-10; /* class xpic 定位 */}
 
 
 
 
 
 
 
 
  
  $('#picx  .xpic').css('padding-left',xpic_margin);
 
  $('#picx  a').bind("mouseenter", function(){    /*绑定暂停*/
         chang1();
      });
 $('#picx  a').bind("mouseleave", function(){
         chang4();
      });
 function chang1() /*清除循环*/
 {
  clearInterval(ctimer)
 }
 
 
function chang2(x)   /*元素的序号*/
 {
   bb = "c0" + ii  ;
   $(document.getElementById(bb)).fadeTo(300,0.3,   /*让原来的图片渐变*/
    function(){
   ii = x;
   aa = "m0" + ii;
   iaa= document.getElementById(aa);
   bb = "c0" + ii;
   ibb= document.getElementById(bb);     
   $("#picx .xpic a").attr("class","sd02");     /*改变小图的式样*/
    iaa.className = "sd01";  
   $("#picx .mpic .pic").css("display","none");
   ibb.style.display = "block";  
   $(document.getElementById(bb)).fadeTo(500,1)  /*让新的图片渐变*/
    } );
 }

function chang3()   /*循环*/              
 {
   
   bb = "c0" + ii  ;
   $(document.getElementById(bb)).fadeTo(300,0.3, 
    function(){
   ii++
   if(ii==num){ii=1}
   aa = "m0" + ii;
   iaa= document.getElementById(aa);
   bb = "c0" + ii;
   ibb= document.getElementById(bb);     
   $("#picx .xpic a").attr("class","sd02");
    iaa.className = "sd01";  
   $("#picx .mpic .pic").css("display","none");
   ibb.style.display = "block";  
   $(document.getElementById(bb)).fadeTo(500,1);
    } );
 }


function chang4()  /*重新开始循环*/
 {  
 
 ctimer = setInterval('chang3()', span); 
 
  }