// JavaScript Document

var IE = null;
var myEle = null;
var mouse = new Array(2);
var myImg = new Image(200,150);

function startup()
{
	// start mouse-move event
	IE = document.all?true:false
	document.onmousemove = getMouse;
	
	// get element
	myEle = document.getElementById("previewImg");
}

function getMouse(e)
{
  if(IE)
  {
    mouse[0] = event.clientX + document.documentElement.scrollLeft;
    mouse[1] = event.clientY + document.documentElement.scrollTop;
  }
  else
  {
    mouse[0] = e.pageX;
    mouse[1] = e.pageY;
  }  

  if(mouse[0] < 0)
  	mouse[0] = 0;
  if(mouse[1] < 0)
  	mouse[1] = 0;
}

function testLoad(stockNum)
{
	myImg = new Image(200,150);
	stockNum = stockNum.substr(0,4);
	
	// error & success handling
	myImg.onload = showPreview;
	myImg.onerror = showError;
	
	// load image
	myImg.src = "images/stockPhotos/" + stockNum + ".jpg";
}

function showPreview()
{
	myEle.src = myImg.src;
	myEle.style.left = mouse[0] - 300 + 'px';
	myEle.style.top = mouse[1] - 75 + 'px';
}

function showError()
{
	myImg.src = "images/preview_unavailable.jpg";
	myEle.src = myImg.src;
}

function hidePreview()
{
	myEle.style.left = "-500px";
}