working = false;

feed = '/indices/Asia_indices.php';
imagesPath = '/indices/images/';


stocks = new Array();
stock = new Object();

o = new Stock("Nikkei 225", "N225", null, null, null);
stocks[0] = o;

o = new Stock("Hang Seng", "HSI", null, null, null);
stocks[1] = o;

o = new Stock("STI", "STI", null, null, null);
stocks[2] = o;

function getStock(id) {
  for(i = 0; i < stocks.length; i ++) {
    if(stocks[i].id == id) {
      return stocks[i];
    }
  }
  return null;
}

function showWatchlist() {
  document.write("<div class=watchlist>");
  showStocks();
  document.write("</div>");
  document.write("<div class=hostby><a href='http://www.quotevision.net' target='_blank'>Power by Quote Vision</a></div>");
}

function showStocks() {
  for(i = 0; i < stocks.length; i ++) {
    stock = stocks[i];
    sclass = i % 2 == 0 ? "light" : "dark";
    document.write("<div class=" + sclass + ">");
    showStock(stock);
    document.write("</div>");
  }
}

function showStock(stock) {
  document.write("<div id=" + stock.id + ">")
  stockHTML = getStockHTML(stock);
  document.write(stockHTML);
  document.write("</div>");
}

function IsNumeric(input){
    var RE = /^-{0,1}\d*\.{0,1}\d+$/;
    return (RE.test(input));
}

function getStockHTML(stock) {
  s = "<div class=row>";
  s += "<div class=stockName>" + "<a href=javascript:void(0); onmouseover='parent.Tip(&quot;<img src=http://ichart.finance.yahoo.com/t?s=^" + stock.id + " width=192 height=96><BR>"+ stock.name + "&quot;), OFFSETX, 1' onmouseout=parent.UnTip() style=text-decoration:none>" + stock.name + "</a></div>";
  if(stock.last) {
    slast = stock.last;
  } else {
    slast = "N/A";
  }

  sicon = "";
  sChangeClass = "";
  schange = stock.change;
  if(IsNumeric(schange)){schange = Math.round(stock.change*100)/100;}
  schangep = stock.changep;
  if(stock.change) {
    if(parseInt(stock.change) > 0) {
      sicon = "<img src='" + imagesPath + "up.gif'>";
      sChangeClass = "valueUp";
    } else if(parseInt(stock.change) < 0) {
      sicon = "<img src='" + imagesPath + "down.gif'>";
      sChangeClass = "valueDn";
    } else {      
      sicon = "<img src='" + imagesPath + "nc.gif'>";
      
    }    
  } 
    else {
  	sicon = "<img src='" + imagesPath + "nc.gif'>";
	schange = 0.00;  

    }

  s += "<div align=center class=stockLast>" + slast + "</div>";
  s += "<div class=stockIcon>" + sicon + "</div>";
  s += "<div align=right class=stockChange><span class=" + sChangeClass + ">" + schange + "</span></div>";
  s += "<div align=right class=stockChangep><span class=" + sChangeClass + ">" + schangep + "</span></div>";
  s += "</div>";
  return s;
}
    


function Stock(name, id, last, change, changep) {
  this.id = id;
  this.name = name;
  this.last = last;
  this.change = change;
  this.changep = changep;
}

function createRequestObject() {
  var ro;
  var browser = navigator.appName;
  if(browser == "Microsoft Internet Explorer") {
    ro = new ActiveXObject("Microsoft.XMLHTTP");
  } else {
    ro = new XMLHttpRequest();
  }
  return ro;
}

var http = createRequestObject();

function sndReq() {
  working = true;
  http.open('get', feed + "?time=" + new Date().getTime());
  http.onreadystatechange = handleResponse;
  http.send(null);
}

function doUpdate() {
  if(!working) {
    sndReq();
  }
}


function handleResponse() {
  if(http.readyState == 4){
    var response = http.responseText;
    var update = new Array();

    lines = response.split("\n");
    for(var i = 0; i < lines.length; i ++) {
      line = lines[i];
      if(line.length > 0 && line.indexOf('|' != -1)) {
        update = line.split('|');
        id = update[0];
        last = update[1];
        change = update[2];
        changep = update[3];
        updateStock(id, last, change, changep);        
      }
    }
    setTimeout("doUpdate()", 5000);
    working = false;
  } 
  
}

function updateStock(id, last, change, changep) {  
  stock = getStock(id);
  if(stock != null) {
    stock.last = last;
    stock.change = change;
    stock.changep = changep;
    s = getStockHTML(stock);
    document.getElementById(id).innerHTML = getStockHTML(stock);
  }  
}