working = false;

feed = '/stocks/stocks.php';
imagesPath = '/stocks/img/';


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



o = new Stock("Dow", "^DJI", null, null, null);
stocks[0] = o;

o = new Stock("S&P 500", "^GSPC", null, null, null);
stocks[1] = o;

o = new Stock("Nasdaq", "^IXIC", null, null, null);
stocks[2] = o;

o = new Stock("Topaz Resources", "TOPZ.OB", null, null, null);
stocks[3] = o;

o = new Stock("Citibank", "C", null, null, null);
stocks[4] = o;

o = new Stock("Goldman", "GS", null, null, null);
stocks[5] = o;

o = new Stock("VizStar Inc", "VIZS.OB", null, null, null);
stocks[6] = 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("<table class='stock'>");
  showStocks();
  document.write("</table>");
}

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

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

function getStockHTML(stock) {
  s = "<div class=stockName>" + stock.name + "</div>";
  if(stock.last) {
    slast = stock.last;
  } else {
    slast = "N/A";
  }

  sicon = "";
  sChangeClass = "";
  if(stock.change) {
    if(stock.change > 0) {
      sicon = "<img src='" + imagesPath + "up.gif'>";
      sChangeClass = "valueUp";
    } else if(stock.change < 0) {
      sicon = "<img src='" + imagesPath + "dn.gif'>";
      sChangeClass = "valueDn";
    } else {      
      sicon = "<img src='" + imagesPath + "st.gif'>";
    }    
  } 

  schange = stock.change;  
  schangep = stock.changep;

  s += "<div class=stockLast>" + slast + "</div>";
  s += "<div class=stockIcon>" + sicon + "</div>";
  s += "<div class=stockChange><span class=" + sChangeClass + ">" + schange + "</span></div>";
  s += "<div 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);
  }  
}