﻿ function no1_pic()
       {
         document.getElementById("show_pic").src=a[0];
         document.getElementById("set_div").innerHTML="<span style='cursor:hand' onclick='set_pic(0)'>上一张</span>&nbsp;&nbsp;&nbsp;&nbsp;1/"+t3+"&nbsp;&nbsp;&nbsp;&nbsp;<span style='cursor:hand' onclick='set_pic(1)'>下一张</span>";
         document.getElementById("diji").innerHTML="0";
          //列表
           var pic_content="";
    

                if(a.length<=6)
                {
                    for(i=0;i<a.length;i++)
                    {
                        pic_content=pic_content+"<img src=\""+a[i]+"\" width=\"115\" height=\"86\"   onclick=\"set_pic("+i+")\" style=\"cursor:pointer\"/>&nbsp;";
                    }
                }
                else
                {
                
                    for(i=0;i<6;i++)
                    {
                        if (i == 0)
                            {
                         pic_content=pic_content+"<img src=\""+a[i]+"\" width=\"115\" height=\"86\"   onclick=\"set_pic("+i+")\" style=\"cursor:pointer\"/>&nbsp;";
                        }
                        else
                        {
                          pic_content=pic_content+"<img src=\""+a[i]+"\" width=\"115\" height=\"86\"   onclick=\"set_pic("+i+")\"  style=\"cursor:pointer; filter: Gray;\"/>&nbsp;";
                        }
                    }
                   
                }        
           
    document.getElementById("pic_content").innerHTML=pic_content;
    
    
       }
       function set_pic(g1)
       {
       document.getElementById("show_pic").src=a[g1];
       document.getElementById("diji").innerHTML=g1;
        var tt1=parseInt(g1)+1;
        var tt2=parseInt(g1)-1;
        var tt3=parseInt(g1)+1;
        if(tt2<0)
        {
        tt2=0;
        }
       if(parseInt(tt1)>=parseInt(t3))
       {
       tt1=t1;
       }

        document.getElementById("set_div").innerHTML="<span style='cursor:hand' onclick='set_pic("+tt2+")'>上一张</span>&nbsp;&nbsp;&nbsp;&nbsp;"+tt3+"/"+t3+"&nbsp;&nbsp;&nbsp;&nbsp;<span style='cursor:hand' onclick='set_pic("+tt1+")'>下一张</span>";
        
        //列表
           var pic_content="";
    

                if(a.length<=6)
                {
                    for(i=0;i<a.length;i++)
                    {
                      pic_content=pic_content+"<img src=\""+a[i]+"\" width=\"115\" height=\"86\"   onclick=\"set_pic("+i+")\" style=\"cursor:pointer\"/>&nbsp;";
                    }
                }
                else
                {
                
                     var d_page =parseInt(document.getElementById("diji").innerHTML)+1;
                     var stapage = 0;
                     var overpage = 6;
                     
                        if (d_page > 6)
                        {
                            stapage = d_page - 1;
                            if (d_page + 5 < a.length)
                            {
                                overpage = d_page + 5;
                            }
                            else
                            {
                                overpage = a.length;
                                stapage = parseInt(a.length)-6;
                            }
                        }

                    for ( i = stapage; i < overpage; i++)
                        {
                            if (i == d_page-1)
                            {
                                 pic_content=pic_content+"<img src=\""+a[i]+"\" width=\"115\" height=\"86\"   onclick=\"set_pic("+i+")\" style=\"cursor:pointer\"/>&nbsp;";
                            }
                            else
                            {
                            pic_content=pic_content+"<img src=\""+a[i]+"\" width=\"115\" height=\"86\"   onclick=\"set_pic("+i+")\" style=\"cursor:pointer; filter: Gray;\"/>&nbsp;";

                            }

                        }
                     
                   
                }        
           
    document.getElementById("pic_content").innerHTML=pic_content;
       }
       function move_pic()
       {
            var shubiao_l=window.event.clientX-document.getElementById('show_pic').offsetLeft;
            var tupian_l=document.getElementById('show_pic').offsetLeft;
            shubiao_l=parseInt(shubiao_l)-tupian_l;

            var tupian_w=document.getElementById('show_pic').offsetWidth;
            //tupian_w=parseInt(tupian_w)/2;
   
    
              if(tupian_w/2>shubiao_l)
            {
                document.getElementById("show_pic").alt="上一个"; 
            }
            else
            {
               document.getElementById("show_pic").alt="下一个"; 
            }
        
        
        
        //parseInt
        
        
       }
       function onclick_pic()
       {
            var shubiao_l=window.event.clientX-document.getElementById('show_pic').offsetLeft;
            var tupian_l=document.getElementById('show_pic').offsetLeft;
            shubiao_l=parseInt(shubiao_l)-tupian_l;
            var tupian_w=document.getElementById('show_pic').offsetWidth;
            //tupian_w=parseInt(tupian_w)/2;
             var shang_1=0;
            if(tupian_w/2>shubiao_l)
            {
              shang_1=parseInt(document.getElementById("diji").innerHTML)-1
               if(shang_1<0)
               {
                shang_1=0;
               }
                
            }
            else
            {
               shang_1=parseInt(document.getElementById("diji").innerHTML)+1;
               if(shang_1>=parseInt(t3))
               {
                shang_1=document.getElementById("diji").innerHTML;
               }
              
            }
      document.getElementById("diji").innerHTML=shang_1;
         document.getElementById("show_pic").src=a[shang_1];
         var tt4=parseInt(shang_1)+1;
         document.getElementById("set_div").innerHTML="<span style='cursor:hand' onclick='set_pic("+shang_1+")'>上一张</span>&nbsp;&nbsp;&nbsp;&nbsp;"+tt4+"/"+t3+"&nbsp;&nbsp;&nbsp;&nbsp;<span style='cursor:hand' onclick='set_pic("+shang_1+")'>下一张</span>";
         
         //列表
           var pic_content="";
    

                if(a.length<=6)
                {
                    for(i=0;i<a.length;i++)
                    {
                         pic_content=pic_content+"<img src=\""+a[i]+"\" width=\"115\" height=\"86\"   onclick=\"set_pic("+i+")\" style=\"cursor:pointer\"/>&nbsp;";
                    }
                }
                else
                {
                
                     var d_page =parseInt(document.getElementById("diji").innerHTML)+1;
                     var stapage = 0;
                     var overpage = 6;
                     
                        if (d_page > 6)
                        {
                            stapage = d_page - 1;
                            if (d_page + 5 < a.length)
                            {
                                overpage = d_page + 5;
                            }
                            else
                            {
                                overpage = a.length;
                                stapage = parseInt(a.length)-6;
                            }
                        }

                    for ( i = stapage; i < overpage; i++)
                        {
                            if (i == d_page-1)
                            {
                                  pic_content=pic_content+"<img src=\""+a[i]+"\" width=\"115\" height=\"86\"   onclick=\"set_pic("+i+")\" style=\"cursor:pointer\"/>&nbsp;";
                            }
                            else
                            {
                               pic_content=pic_content+"<img src=\""+a[i]+"\" width=\"115\" height=\"86\"   onclick=\"set_pic("+i+")\" style=\"cursor:pointer\"  style=\"filter: Gray;\"/>&nbsp;";
                            }

                        }
                     
                   
                }        
           
    document.getElementById("pic_content").innerHTML=pic_content;
        
        

       }
