// JScript 文件

var marqueeContent=new Array();   
var marqueeInterval=new Array();  
var marqueeId=0;
var marqueeDelay=5000;
var marqueeHeight=130;
var loaded =false;
 function LoadHtml()
 { 
     var url = 'GetImageScroll.aspx';
     var pars = '';

    var myAjax = new Ajax.Request(
    url,
    {
      method: 'get',
      parameters: pars,
      onComplete: showResponse
    });
 }
  function showResponse(originalRequest)
  {
    var vartext = originalRequest.responseText;
    var oDoc=new ActiveXObject("MSXML2.DOMDocument");
    oDoc.loadXML(vartext);
   
    var inew = oDoc.getElementsByTagName("item");
    var len = inew.length
    var counts=len/2;
   
    if(len%2==0)
    { 
       counts=len/2
    }
    else
    {
       counts =parseInt(counts)+1
    }
    
    if(inew[0].text!="No Item!")
    {
     for(var i=0;i<counts;i++)
     {
       var varchiname,Tvarchi,varimg,varimg2,varuprice,varuprice2,vardprice,vardprice2,varCode,varCode2
       var splitimg="promotion_sep.gif"
       var vararrow="promo_arrow.gif"
       var vararrow2="promo_arrow.gif"
       var temp=0;
       if(inew[(2*i)+1]==null)
       {
        varchiname = inew[2*i].text
        Tvarchi ="";
        varimg = inew[2*i].attributes[0].text
        varimg2 = "./images/spacer.gif"
          if (inew[2*i].attributes[2].text==inew[2*i].attributes[3].text||inew[2*i].attributes[3].text==0) 
        { 
         varuprice = "<span class=\"promo_blue1\">原價HK</span><span class=\"promo_blue2\">$"+ inew[2*i].attributes[2].text +"</span>"
         vararrow="../images/spacer.gif"
         vardprice=""
        }
        else
        {
          vararrow="promo_arrow.gif"
          varuprice = "<span class=\"promo_blue1\">原價HK</span><span class=\"promo_blue2\" style=\"text-decoration: line-through;\">$"+ inew[2*i].attributes[2].text +"</span>"
          vardprice = "<span class=\"promo_red1\">特價HK</span><span class=\"promo_red2\">$"+ inew[2*i].attributes[3].text +"</span>"
        } 
        varuprice2 = ""
        //varuprice = "<span class=\"promo_blue1\">原價HK</span><span class=\"promo_blue2\">$"+ inew[2*i].attributes[2].text +"</span>"
       
       // vardprice = "<span class=\"promo_red1\">特價HK</span><span class=\"promo_red2\">$"+ inew[2*i].attributes[3].text +"</span>"
        vardprice2 = ""
        vararrow2="../images/spacer.gif";
        splitimg="../images/spacer.gif"
       // vararrow="../images/spacer.gif"
        varCode=inew[2*i].attributes[6].text
        varCode2=""
        //clearInterval(marqueeInterval[0])
       }
       else
       {
        varchiname = inew[2*i].text
        Tvarchi =inew[(2*i)+1].text;
        varimg = inew[2*i].attributes[0].text
        varimg2 = inew[(2*i)+1].attributes[0].text
         if (inew[2*i].attributes[2].text==inew[2*i].attributes[3].text||inew[2*i].attributes[3].text==0)
        {
          
          varuprice = "<span class=\"promo_blue1\">原價HK</span><span class=\"promo_blue2\" >$"+ inew[2*i].attributes[2].text +"</span>"
          vararrow="../images/spacer.gif"
          vardprice=""
        }
        else
        {
           vararrow="promo_arrow.gif"
           varuprice = "<span class=\"promo_blue1\">原價HK</span><span class=\"promo_blue2\" style=\"text-decoration: line-through;\">$"+ inew[2*i].attributes[2].text +"</span>"
           vardprice = "<span class=\"promo_red1\">特價HK</span><span class=\"promo_red2\">$"+ inew[2*i].attributes[3].text +"</span>"
        } 
        if (inew[(2*i)+1].attributes[2].text==inew[(2*i)+1].attributes[3].text||inew[(2*i)+1].attributes[3].text==0) 
        {
         varuprice2 = "<span class=\"promo_blue1\">原價HK</span><span class=\"promo_blue2\" >$"+ inew[(2*i)+1].attributes[2].text +"</span>"
         vararrow2="../images/spacer.gif"
         vardprice2="";
        }
        else
        {
        vararrow2="promo_arrow.gif"
        varuprice2 = "<span class=\"promo_blue1\">原價HK</span><span class=\"promo_blue2\" style=\"text-decoration: line-through;\">$"+ inew[(2*i)+1].attributes[2].text +"</span>"
        vardprice2 = "<span class=\"promo_red1\">特價HK</span><span class=\"promo_red2\">$"+ inew[(2*i)+1].attributes[3].text +"</span>"
        }
        //varuprice = "<span class=\"promo_blue1\">原價HK</span><span class=\"promo_blue2\" style=\"text-decoration: line-through;\">$"+ inew[2*i].attributes[2].text +"</span>"
       // varuprice2 = "<span class=\"promo_blue1\">原價HK</span><span class=\"promo_blue2\" style=\"text-decoration: line-through;\">$"+ inew[(2*i)+1].attributes[2].text +"</span>"
       // vardprice = "<span class=\"promo_red1\">特價HK</span><span class=\"promo_red2\">$"+ inew[2*i].attributes[3].text +"</span>"
       // vardprice2 = "<span class=\"promo_red1\">特價HK</span><span class=\"promo_red2\">$"+ inew[(2*i)+1].attributes[3].text +"</span>"
        varCode=inew[2*i].attributes[6].text
        varCode2=inew[(2*i)+1].attributes[6].text
       }
     //alert("<a href=\"#\" onclick=\"OpenUrl('"+ varCode +"')\" class=\"pic\"></a>")
        var varStr = "<table width=\"473\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
        varStr+="<tr>"
        varStr+="<td width=\"217\"><table width=\"200\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">"
        varStr+="<tr>"
      varStr+= "<td width=\"69\" height=\"128\><div align=\"center\"><a href=\"#\" onclick=\"OpenUrl('"+ varCode +"')\" class=\"pic\"><img src=\""+ varimg +"\" width=\"54\" height=\"62\" border=\"0\"></a></div></td>"
      varStr+= "<td width=\"115\" class=\"promo_title\" style=\"word-break:break-all\"><p> "+ varchiname +" </p>"
      varStr+= "<table width=\"95%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
      varStr+= "<tr>"
      varStr+= "<td>"+ varuprice +"</td>"
      varStr+= "       </tr>"
      varStr+= "       <tr>"
      varStr+="         <td><div align=\"center\"><img src=\"images/"+vararrow+"\" width=\"10\" height=\"17\"></div></td>"
      varStr+= "       </tr>"
      varStr+= "      <tr>"
      varStr+=  "        <td>"+ vardprice +"</td>"
      varStr+=  "      </tr>"
      varStr+=  "    </table></td>"
      varStr+= " </tr>"
      varStr+="</table></td>"
      varStr+="<td width=\"21\"><div align=\"center\" id=\"divsec\"><img src=\"images/"+ splitimg+"\" width=\"1\" height=\"113\"></div></td>"
      varStr+= "<td width=\"206\">"
      varStr+= "   <table width=\"200\" border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">"
      varStr+=  "    <tr>"
      varStr+=  "<td width=\"69\" height=\"128\"><div align=\"center\"><a href=\"#\" onclick=\"OpenUrl('"+ varCode2 +"')\" class=\"pic\"><img src=\""+ varimg2 +"\" width=\"54\" height=\"62\" border=\"0\"></a></div></td>"
      varStr+=  "      <td width=\"115\" class=\"promo_title\" style=\"word-break:break-all\"><p> "+ Tvarchi +"</p>"
      varStr+=  "        <table width=\"95%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
      varStr+=  "          <tr>"
      varStr+=   "          <td>"+ varuprice2 +"</td>"
      varStr+=    "        </tr>"
      varStr+=  "         <tr>"
      varStr+=  "            <td><div align=\"center\"><img src=\"images/"+vararrow2+"\" width=\"10\" height=\"17\"></div></td>"
      varStr+=   "         </tr>"
      varStr+=    "        <tr>"
      varStr+=   "         <td>"+ vardprice2 +"</td>"
      varStr+=    "        </tr>"
      varStr+=    "      </table></td>"
      varStr+=    "  </tr>"
      varStr+=     "</table>"
      varStr+= "</td>"
      varStr+= "</tr><tr><td height=\"2\"></td><td></td></tr>"
      varStr+="</table>"
      
      marqueeContent[i]=varStr 
      
      }
    } 
  }

function initMarquee()
 { 
   var str="";
   if (typeof(marqueeContent[0])!="undefined")
   {
       str = marqueeContent[0];
   }
   else
   {
       str="Loading......";   
   }

   document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div class="promo_blue1">'+str+'</div></div>');
   marqueeId++;
   marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay);
   
 }
function startMarquee() {
   var str="";
   if (typeof(marqueeContent[marqueeId])!="undefined")
   {
       str = marqueeContent[marqueeId];
   }
   else
   {
       str="";   
   }
        marqueeId++;
    if(marqueeId>=marqueeContent.length) marqueeId=0;
    if(marqueeBox.childNodes.length==1)
     {
        var nextLine=document.createElement('DIV');
        nextLine.innerHTML=str;
        marqueeBox.appendChild(nextLine);
     }
    else 
    {
        marqueeBox.childNodes[0].innerHTML=str;
        marqueeBox.appendChild(marqueeBox.childNodes[0]);
        marqueeBox.scrollTop=0;

    }
    clearInterval(marqueeInterval[1]);
    marqueeInterval[1]=setInterval("scrollMarquee()",20);
    }
function scrollMarquee() {
    marqueeBox.scrollTop++;
    if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
        clearInterval(marqueeInterval[1]);
        }
    }
function OpenUrl(varurl)
{
   top.location.href="product/prodDetails.aspx?code="+ varurl
}
LoadHtml();
initMarquee()