var LANG_SOURCE;
var BASE_URL = "http://www.atlaspost.com/";
var CONTENT_URL = BASE_URL + "w_vote_json.php?activity=2";
var STYLESHEET = BASE_URL + "w_css.css";
var ROOT = "my_xss_webvotel";
var voteurl = "actweb.php";

var logoclass = "<a href=http://www.atlaspost.com class=w_option>地圖日記</a>主辦";
var titletxt = "2007年度Web 2.0網站投票";
var title = "誰是您心目中的2007年度Web 2.0網站？";
var buttontxt = "投票";
var enddate = "結束時間：";

function iecheck() {
  if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
    var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
    var iever = (rslt != null && Number(rslt[1]) >= 5.5 && Number(rslt[1]) <= 7 );
  }
  return iever;
}

MyXssMagic = new function() {

  function requestStylesheet(stylesheet_url) {
    stylesheet = document.createElement("link");
    stylesheet.rel = "stylesheet";
    stylesheet.type = "text/css";
    stylesheet.href = stylesheet_url;
    stylesheet.media = "all";
    document.lastChild.firstChild.appendChild(stylesheet);
  }

  function requestContent( local ) {
    var script = document.createElement('script');
    // How you'd pass the current URL into the request
    // script.src = CONTENT_URL + '&url=' + escape(local || location.href);
    script.src = CONTENT_URL;
    document.getElementsByTagName('head')[0].appendChild(script);
  }

  this.init = function() {
    this.serverResponse = function(data) {
      if (!data) return;
      var div = document.getElementById(ROOT);

      var total = 0;
      for (var c = 2; c < data.length; c = c + 3) {
        total += parseInt(data[c]);
      }

      var count = 1;
      var txt = "";
      for (var i = 0; i < data.length; i = i + 3) {
      	var percent = 0;
      	var percent2d = 0;
        percent = parseInt(data[i + 2]) * 10000 / total;
        percent2d = parseInt(percent) / 100;
        var percentwidth = 0;
        percentwidth = parseInt(data[i + 2]) * 200 / total;
        txt += "<tr><td height=20 valign=bottom><table border=0 cellspacing=0 cellpadding=0>" + 
        	   "<tr><td width=170 class=wtd>" + count + "." + data[i + 1] + "</td>" + 
               "<td width=180 class=wtd>" + 
               "<img src=" + BASE_URL + "designnew/images/voteline_bg.gif height=14 width=" + percentwidth + "></td>" + 
               "<td width=80 align=right style='font-size: 8pt;' class=wtd>" + data[i + 2] + "票 / " + 
               percent2d + "%</td></tr></table></td></tr>";
        count++;
      }

      
      div.innerHTML = "<table border=0 cellspacing=0 cellpadding=0 width=450>" + 
      	              "<tr><td width=10 class=w_boxleft></td>" + 
      	              "<td width=430 class=w_boxtext align=center>" + 
                          "<a href=" + BASE_URL + voteurl + " class=w_title>" + 
                          titletxt + "</a></td>" +
      	              "<td width=10 class=w_boxright></td></tr>" + 
      	              "<tr><td width=10 class=w_fr4></td><td width=430>" +
      	  
                      "<table border=0 cellspacing=0 cellpading=0 width=430 bgcolor=#FFFFFF style='table-layout:fixed'>" + 
                      "<tr><td valign=bottom class=wtd><br>" + 
                      	  "<a href=" + BASE_URL + voteurl + "?type=1 class=w_option>" + 
                      	  title + "</a></td></tr>" +
    	              "<tr><td height=10></td></tr>" + 
    	               txt + 
    	              "<tr><td align=right style='font-size: 8pt;' height=18 valign=bottom class=wtd>……以及更多網站</td></tr>" + 
    	              "<tr><td height=40 valign=bottom><table border=0 cellspacing=0 cellpadding=0>" + 
    	                 "<tr><td width=300 class=w_date>" + enddate + "30/Nov/2007 00:00</td>" +
    	                   "<td width=130 align=right><div class=w_button>" + 
    	              	  "<a href=" + BASE_URL + voteurl + " class=w_btlink>" + buttontxt + "</a></td></tr>" +
    	              "</table></td></tr>" + 
                      "<tr><td align=right style='font-size: 8pt;' height=18 valign=bottom class=wtd>" + logoclass + "</td></tr>" + 
                      "</table>" +

                      "</td><td width=10 class=w_fr5></td></tr>" +
                      "<tr><td width=10 class=w_fr6></td>" + 
                      "<td height=10 width=430 class=w_fr7></td>" + 
                      "<td width=10 class=w_fr8></td></tr>" + 
                      "</table>";  

      div.style.display = 'block'; // make element visible
      div.style.visibility = 'visible'; // make element visible
    }
	
    requestStylesheet(STYLESHEET);
    document.write("<div id='" + ROOT + "' style='display: none'></div>");
    requestContent();
    var no_script = document.getElementById('no_script');
    if (no_script) { no_script.style.display = 'none'; }
  }
}

MyXssMagic.init();