var ARTICLE_NUM;
var LANG_SOURCE;
var BASE_URL = "http://www.atlaspost.com/";
var CONTENT_URL = BASE_URL + "w_vote_json.php?article=" + ARTICLE_NUM;
var STYLESHEET = BASE_URL + "w_css.css";
var ROOT = "my_xss_vote";

var logoclass = "w_headc";
var titletxt = "最新投票結果";
var buttontxt = "投票";
var enddate = "結束時間<br>";
if (LANG_SOURCE != 1) {
  logoclass = "w_heade";
  titletxt = "Poll Results";
  buttontxt = "Vote";
  enddate = "End Date<br>";
}

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 title = data[data.length - 2];

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

      var txt = "";
      var count = 1;
      for (var i = 0; i < data.length - 2; i = i + 2) {
        var percent = 0;

        if (txt.length > 0) {
          txt += "></td><td></td></tr></table>" + 
                  "</td></tr><tr><td height=20 valign=bottom class=wtd>" + count + ".";
        }
        txt += data[i];
        if (txt.length > 0) {
          txt += "</td></tr><tr><td height=20 valign=top><table border=0 cellspacing=0 cellpadding=0>" + 
          	     "<tr><td></td>" + 
                 "<td class=wtd><img src=" + BASE_URL + "designnew/images/voteline_bg.gif height=14 width=";
        }
        for (var j = 0; j < parseInt(data[i + 1]); j++) {
          percent = parseInt(data[i + 1]) * 128 / total;
        }
        txt += percent;
        count++;
      }
	    
      var time = parseInt(data[data.length - 1]) + 604800;
      var date = new Date();
      date.setTime(time * 1000);
      var year = date.getUTCFullYear();
      var month = date.getMonth() + 1;
      var day = date.getDate();
      var hour = date.getHours();
      var min = date.getMinutes();
      
      var mtext;
      if (month == 1) mtext = "Jan";
      if (month == 2) mtext = "Feb";
      if (month == 3) mtext = "Mar";
      if (month == 4) mtext = "Apr";
      if (month == 5) mtext = "May";
      if (month == 6) mtext = "Jun";
      if (month == 7) mtext = "Jul";
      if (month == 8) mtext = "Aug";
      if (month == 9) mtext = "Sep";
      if (month == 10) mtext = "Oct";
      if (month == 11) mtext = "Nov";
      if (month == 12) mtext = "Dec";
      if (hour < 10) hour = "0" + hour;
      if (min < 10) min = "0" + min;

      div.innerHTML = "<table border=0 cellspacing=0 cellpadding=0 width=160 bgcolor=#FFFFFF>" + 
      	              "<tr><td width=10 class=w_boxleft></td>" + 
      	              "<td width=140 class=w_boxtext>" + 
                          "<a href=" + BASE_URL + "landmark-" + ARTICLE_NUM + ".htm class=w_title>" + 
                          titletxt + "</a></td>" +
      	              "<td width=10 class=w_boxright></td></tr>" + 
      	              "<tr><td width=10 class=w_fr4></td><td width=140>" +
      	  
                      "<table border=0 cellspacing=0 cellpading=0 width=140 bgcolor=#FFFFFF style='table-layout:fixed'>" + 
                      "<tr><td valign=bottom style='word-break: break-all;' class=wtd><br>" + 
                      	  "<a href=" + BASE_URL + "landmark-" + ARTICLE_NUM + ".htm class=w_option>" + 
                      	  title + "</a></td></tr>" +
    	              "<tr><td height=30 valign=bottom class=wtd>1." + txt + "></td>" + 
    	                  "<td></td></tr></table></td></tr>" + 
    	              "<tr><td class=w_date height=30 align=center valign=bottom>" + enddate + 
    	                   day + "/" + mtext + "/" + year + " " + hour + ":" + min + "</td></tr>" +
    	              "<tr><td align=center height=50><div class=w_button>" + 
    	              	  "<a href=" + BASE_URL + "landmark-" + ARTICLE_NUM + ".htm class=w_btlink>" + buttontxt + "</a></td></tr>" +
                      "<tr><td class=" + logoclass + " onclick=window.location='http://www.atlaspost.com'></td></tr>" + 
                      "</table>" +

                      "</td><td width=10 class=w_fr5></td></tr>" +
                      "<tr><td width=10 class=w_fr6></td>" + 
                      "<td height=10 width=140 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();