var specialDiv;
function createDiv(elementId, smallDiv){
	var gLeft = 10;
	var gRight = 470;
	var gTop = 10;
	var gBottom = 470;
	var gSpeed = 50;
	var gWidth = gRight - gLeft;
	var gHeight = gBottom - gTop;
	var xSize = 100;
	var dHeight = 190;
	if(!specialDiv){
//document.junkBox.text.value='Creating Specials Div\n';
		specialDiv = document.createElement("div");
		document.body.appendChild(specialDiv);
	}
    var element = document.getElementById(elementId);
var winWidth = (window.innerWidth)?window.innerWidth:document.body.clientWidth;
var winHeight = (window.innerHeight)?window.innerHeight:document.body.clientHeight;

//document.junkBox.text.value='window.innerWidth: '+window.innerWidth +'\n';
//document.junkBox.text.value+='window.innerHeight: '+window.innerHeight +'\n';
//document.junkBox.text.value+='winWidth : '+winWidth +'\n';
//document.junkBox.text.value+='winHeight : '+winHeight  +'\n';
//document.junkBox.text.value+='document.body.clientWidth: '+document.body.clientWidth +'\n';
//document.junkBox.text.value+='document.body.clientHeight: '+document.body.clientHeight +'\n';


//document.junkBox.text.value+='window.outerWidth: '+window.outerWidth +'\n';
//document.junkBox.text.value+='window.outerHeight: '+window.outerHeight +'\n';
//document.junkBox.text.value+='navigator.appName.substr(0,5): '+navigator.appName.substr(0,5) +'\n';



  var  scrollY= 0;

  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrollY= window.pageYOffset;
  } else if( document.body && (  document.body.scrollTop ) ) {
    //DOM compliant
    scrollY= document.body.scrollTop;
  } else if( document.documentElement && (  document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrollY= document.documentElement.scrollTop;
  }

//document.junkBox.text.value+='window.pageXOffset: '+window.pageXOffset +'\n';
//document.junkBox.text.value+='window.pageYOffset: '+window.pageYOffset +'\n';
//document.junkBox.text.value+='scrollY : '+ scrollY  +'\n';
//document.junkBox.text.value+='window.screenX: '+window.screenX +'\n';
//document.junkBox.text.value+='window.screenY: '+window.screenY +'\n';
//document.junkBox.text.value+='window.screenLeft: '+window.screenLeft +'\n';
//document.junkBox.text.value+='window.screenTop: '+window.screenTop +'\n';
//document.junkBox.text.value+='element.offsetParent.offsetLeft: '+element.offsetParent.offsetLeft +'\n';
//document.junkBox.text.value+='element.offsetParent.offsetTop: '+element.offsetParent.offsetTop +'\n';
//document.junkBox.text.value+='element.offsetTop: '+element.offsetTop +'\n';
//document.junkBox.text.value+='element.offsetHeight: '+element.offsetHeight +'\n';
//document.junkBox.text.value+='navigator.appName: '+navigator.appName +'\n';
var y;
border=5;

var elementPos = findPos(element);
//document.junkBox.text.value+='elementPos X : '+elementPos[0]+'\n';
//document.junkBox.text.value+='elementPos Y : '+elementPos[1]+'\n';
	y = elementPos[1] +border +element.offsetHeight;
	x = elementPos[0] +1; // add 1 to just move it over a bit
    var testbottom = y - scrollY + dHeight;
    var testtop =  y - scrollY ;
//document.junkBox.text.value+='testbottom: '+testbottom +'\n';
//document.junkBox.text.value+='testtop: '+testtop +'\n';
if(testbottom > winHeight){
//document.junkBox.text.value+='1\n';
    y = (winHeight + scrollY) - (dHeight + border); 
}else if(testtop < 0){
//document.junkBox.text.value+='2\n';
    y = scrollY+3;
}else{
//document.junkBox.text.value+='3\n';
	y = elementPos[1] +border +element.offsetHeight;
}
//document.junkBox.text.value+='x: '+x +'\n';
//document.junkBox.text.value+='y: '+y +'\n';
	specialDiv.style.left = x;
	specialDiv.style.top = y;
	specialDiv.style.width = (smallDiv)?175:255;
	specialDiv.style.height = dHeight;
	specialDiv.style.position = 'absolute';
	specialDiv.style.border = '1px solid #6699FF';
	specialDiv.style.margin = '0px';
	specialDiv.style.padding = '0px';
	specialDiv.style.backgroundColor = '#F0F0F0';
	specialDiv.style.font = 'normal 12px Monospace, Courier;';
	specialDiv.x = x;
	specialDiv.y = y;
	specialDiv.innerHTML = getInnerHtml();
	//specialDiv.xdir = 1;
	//specialDiv.ydir = 0;
	//p = Math.floor(Math.random()*3)+1
	//specialDiv.program = p;
	return specialDiv;
}
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}
function getInnerHtml(){
	var html = '<table width="100%" height="100%"><tr><td align="center" valign="middle"><img src="/shop/jsp/shop/images/loading.gif" /></td></tr></table>';
	return html;
}
function divShow(elementId,productId,smallDiv){
	specialDiv = createDiv(elementId,smallDiv);
	specialDiv.style.display='block';
	lookup(productId);
}

var xmlHttp;
function lookup(productId){
//document.junkBox.text.value+='\nin lookup('+productId+')\n';
        xmlHttp = getXmlHttpObject();
        if (! xmlHttp ){
            alert ('Some Message');
            return ;
        }
        var url="ProductFlyOut.jsp?id="+productId;
        xmlHttp.onreadystatechange=stateChanged;
        xmlHttp.open("GET",url,true);
        xmlHttp.send(null);
}
function stateChanged(){
	if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
		specialDiv.innerHTML = xmlHttp.responseText;
	}
}
function divHide(){
	fadeOut(specialDiv);
}

function fadeOut(div){
	div.style.display='none';
}