
 function Marguee(mid,m1id,m2id)
 {
  this.marSpeed=20;//速度数值越大速度越慢
  this.marqueeObj=null;
  this.marqueeObj1=null;
  this.marqueeObj2=null;
  this.marDirection="LEFT";
  this.marType="IMG";

  this.marqueeLeft=function()
  {
    if(this.marqueeObj2.offsetWidth-this.marqueeObj.scrollLeft<=0)
        {this.marqueeObj.scrollLeft-=this.marqueeObj1.offsetWidth;}
    else
        {this.marqueeObj.scrollLeft++;}
  }
  
  this.marqueeTop=function()
  {
        if(this.marqueeObj2.offsetHeight-this.marqueeObj.scrollTop<=0)
            {this.marqueeObj.scrollTop-=this.marqueeObj1.offsetHeight;}
        else
            {this.marqueeObj.scrollTop++;}
  }
  
 
  this.runMarquee=function(start)
  {
      this.marqueeObj=document.getElementById(mid);

      this.marqueeObj1=document.getElementById(m1id);
      this.marqueeObj2=document.getElementById(m2id);

      //alert(this.marqueeObj1.offsetWidth+"  "+this.marqueeObj1.offsetHeight);
      //alert(this.marqueeObj1.offsetHeight+"  "+this.marqueeObj.offsetHeight+" "+this.marDirection);            
      var isSetM2=false; 
              
      if(this.marqueeObj1.offsetWidth > 0 || this.marqueeObj1.offsetHeight > 0)
      {
          if(this.marDirection=="LEFT") {if(this.marqueeObj1.offsetWidth > this.marqueeObj.offsetWidth) {isSetM2=true;}}
          else if(this.marDirection=="TOP" || this.marDirection=="TOP2" ) {if(this.marqueeObj1.offsetHeight > this.marqueeObj.offsetHeight) {isSetM2=true;}}
          
          
      }
      else//if(!isSetM2) 
      {          
          if(texts.length < start)
          {   
              if(this.marType=="TEXT"){if(texts[0].length > start) {isSetM2=true;}}
              else {return;}
          }
          else
          {
              isSetM2=true;
          }
      }
      if(isSetM2) {this.marqueeObj2.innerHTML=this.marqueeObj1.innerHTML;}
      else {return;}

      //setInterval访问
      var _this=this;
      var marquee;
      
      var marquee;
      if(this.marDirection=="LEFT")
        marquee=function(){_this.marqueeLeft();};
      else if(this.marDirection=="TOP")
        marquee=function(){_this.marqueeTop();};
      else if(this.marDirection=="TOP2")
        marquee=function(){_this.marqueeTop();};

      var MyMar=setInterval(marquee,_this.marSpeed);
      this.marqueeObj.onmouseover=function() {clearInterval(MyMar);}
      this.marqueeObj.onmouseout=function() {MyMar=setInterval(marquee,_this.marSpeed);}
   }

   this.getOutStr=function(texts,pics,links,divWidth,divHeight,imgWidth,imgHeight)
   {
    imgWidth=parseInt(imgWidth-2);

    var out_str="";
    
    if(this.marDirection=="LEFT")
    {
        if(this.marType=="IMG")
        {
            var textHeight = divHeight - imgHeight;
            var textDisplay=parseInt(textHeight)==0?"none":"block";
            var tdWidth=parseInt(imgWidth);
            
            var str_1="<div id=\""+mid+"\" style=\"overflow: hidden; height: "+divHeight+"px; width: "+divWidth+"px; color: #ff0000\">"+
                "<table align=\"left\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">"+
                    "<tr>"+
                        "<td id=\""+m1id+"\" valign=\"top\" >"+
                            "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">"+
                                "<tr>";

            var str_2="";                    

            var str_3=          "</tr>"+
                            "</table>"+
                        "</td>"+
                        "<td id=\""+m2id+"\" valign=\"top\">"+
                        "</td>"+
                    "</tr>"+
                "</table>"+
            "</div>";


            for(i=0;i<texts.length;i++) 
            {
            str_2+=          "<td  valign=\"middle\" style=\"width:"+tdWidth+"px;\">"+
                                "<a href='javascript:void(0);' onclick=\""+links[i]+"\" target=\"_self\">"+
                                    "<img border=\"0\" src=\""+pics[i]+"\" alt=\""+texts[i]+"\" width=\""+imgWidth+"\" height=\""+imgHeight+"\" />"+
                                "</a>"+  
                                "<div style=\"display:"+textDisplay+";text-align:center;height:"+textHeight+"px;\">"+
                                    "<table align=\"center\">"+
                                        "<tr>"+
                                            "<td valign=\"middle\" height=\""+parseInt(textHeight-4)+"\">"+
                                             "<a href=\""+links[i]+"\" target=\"_blank\">"+
                                                texts[i]+
                                             "</a>"+       
                                            "</td>"+
                                        "</tr>"+
                                    "</table>"+
                                    "</div>"+    
                            "</td>"+
                            "<td>"+
                                "&nbsp;"+
                            "</td>";
            }
            out_str=str_1+str_2+str_3;
        }
        
        else if(this.marType=="TEXT")
        {
            if(this.marSpeed==20) this.marSpeed=100;
            out_str="<div id=\""+mid+"\" style=\"overflow: hidden;white-space:nowrap; margin: auto auto; height: "+divHeight+"px; width: "+divWidth+"px;\">"+
                            "<div id=\""+m1id+"\" style=\"width:auto;height:auto;\">"+
                                "　　"+texts[0]+"<br/>"+
                            "</div>"+
                            "<div id=\""+m2id+"\" style=\"width:auto;height:auto;\">"+
                            "</div>"+
                       "</div>";

        }
    }
    else if(this.marDirection=="TOP")
    {
        if(this.marType=="IMG")
        {
            var textHeight = 20;//divHeight - imgHeight;
            var textDisplay=parseInt(textHeight)==0?"none":"block";
            var tdWidth=parseInt(imgWidth);
            
            var str_1="<div id=\""+mid+"\" style=\"overflow: hidden; height: "+divHeight+"px; width: "+divWidth+"px; color: #ff0000\">"+
                "<table align=\"left\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">"+
                    "<tr>"+
                        "<td id=\""+m1id+"\" valign=\"top\" >"+
                            "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                                 

            var str_2="";                    

            var str_3=     "</table>"+
                        "</td>"+
                    "</tr>"+
                    "<tr>"+
                        "<td id=\""+m2id+"\" valign=\"top\">"+
                        "</td>"+
                    "</tr>"+
                "</table>"+
            "</div>";
            
            for(i=0;i<texts.length;i++) 
            {
            str_2+=             "<tr>"+  
                                    "<td  valign=\"middle\" style=\"width:"+tdWidth+"px;\">"+
                                        "<a href=\""+links[i]+"\" target=\"_blank\">"+
                                            "<img border=\"0\" src=\""+pics[i]+"\" alt=\""+texts[i]+"\" width=\""+imgWidth+"\" height=\""+imgHeight+"\" />"+
                                        "</a>"+ 
                                         
                                        "<div style=\"display:"+textDisplay+";text-align:center;height:"+textHeight+"px;\">"+
                                            "<table align=\"center\">"+
                                                "<tr>"+
                                                    "<td valign=\"middle\" height=\""+parseInt(textHeight-4)+"\">"+
                                                     "<a href=\""+links[i]+"\" target=\"_blank\">"+
                                                        texts[i]+
                                                     "</a>"+       
                                                    "</td>"+
                                                "</tr>"+
                                            "</table>"+
                                        "</div>"+    
                                    "</td>"+
                                "</tr>"+
                                "<tr>"+    
                                    "<td>"+
                                        "&nbsp;"+
                                    "</td>"+
                                "</tr>";     
            }
            out_str=str_1+str_2+str_3; 
        }
        else if(this.marType=="TEXT")
        {
            if(this.marSpeed==20) this.marSpeed=100;
            out_str="<div id=\""+mid+"\" style=\"overflow: hidden; margin: auto auto; height: "+divHeight+"px; width: "+divWidth+"px;\">"+
                            "<div id=\""+m1id+"\" style=\"width:auto;height:auto;\">"+
                                "　　"+texts[0]+"<br/>"+
                            "</div>"+
                            "<div id=\""+m2id+"\" style=\"width:auto;height:auto;\">"+
                            "</div>"+
                       "</div>";

        }
        else if(this.marType=="LINK")
        {
            if(this.marSpeed==20) this.marSpeed=100;
            out_str="<div id=\""+mid+"\" style=\"overflow: hidden; margin: auto auto; height: "+divHeight+"px; width: "+divWidth+"px;\">"+
                            "<div id=\""+m1id+"\" style=\"width:auto;height:auto;\">"+
                                "　　"+texts[0]+"<br/>"+
                            "</div>"+
                            "<div id=\""+m2id+"\" style=\"width:auto;height:auto;\">"+
                            "</div>"+
                       "</div>";

        }
        
    }
     else if(this.marDirection=="TOP2")
     {
        if(this.marType=="IMG")
        {
            var textHeight = 20;//divHeight - imgHeight;
            var textDisplay=parseInt(textHeight)==0?"none":"block";
            var tdWidth=parseInt(imgWidth-2);
            
            var str_1="<div id=\""+mid+"\" style=\"overflow: hidden; height: "+divHeight+"px; width: "+divWidth+"px; color: #ff0000\">"+
                "<table align=\"left\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\">"+
                    "<tr>"+
                        "<td id=\""+m1id+"\" valign=\"top\" >"+
                            "<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\">";
                                 

            var str_2="";                    

            var str_3=     "</table>"+
                        "</td>"+
                    "</tr>"+
                    "<tr>"+
                        "<td id=\""+m2id+"\" valign=\"top\">"+
                        "</td>"+
                    "</tr>"+
                "</table>"+
            "</div>";
            
            for(i=0;i<texts.length;i++) 
            {
            str_2+=           "<tr>"+  
                                    "<td  valign=\"middle\" style=\"width:"+tdWidth+";\">"+
                                        "<a href=\""+links[i]+"\" target=\"_blank\">"+
                                            "<img border=\"0\" src=\""+pics[i]+"\" alt=\""+texts[i]+"\" width=\""+imgWidth+"\" height=\""+imgHeight+"\" />"+
                                        "</a>"+
                                     "</td>"+ 
                                     "<td style=\"width:200px;\">"+    
                                        "<div style=\"display:"+textDisplay+";width:100%;text-align:center;\">"+
                                            texts[i]+"<br/>"+
                                            texts2[i]+"<br/>"+
                                            "<a  href=\""+links[i]+"\" target=\"_blank\" style=\"color:red;\">"+
                                                "详细信息>>"+
                                            "</a>"+   
                                        "</div>"+    
                                    "</td>"+
                                "</tr>"+
                                "<tr>"+    
                                    "<td>"+
                                        "&nbsp;"+
                                    "</td>"+
                                "</tr>";     
            }
            out_str=str_1+str_2+str_3; 
         }
     }


    return out_str;
   }
}
