// Detect if the browser is IE or not.
// If it is not IE, we assume that the browser is NS.
var IE = document.all?true:false

// If NS -- that is, !IE -- then set up for mouse capture
if (!IE) document.captureEvents(Event.MOUSEMOVE)

// Temporary variables to hold mouse x-y pos.s
var tempX = 0
var tempY = 0

var divname="diam_det";

// Main function to retrieve mouse x-y pos.s
function getMouseXY(e) {
  if (IE) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft
    tempY = event.clientY + document.body.scrollTop
  } else {  // grab the x-y pos.s if browser is NS
    /*tempX = e.pageX
    tempY = e.pageY*/
if (!e)
	var e = window.event||window.Event;

if('undefined'!=typeof e.pageX)
{
tempX = e.pageX;
tempY = e.pageY;
}
else
{
tempX = e.clientX + document.body.scrollLeft;
tempY = e.clientY + document.body.scrollTop;
}

  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0};
  if (tempY < 0){tempY = 0};
  // show the position values in the form named Show
  // in the text fields named MouseX and MouseY
 
  return true
}

function MoveFrameToMouse(frame_obj)
{
var newY;
getMouseXY();
newY=tempY-20;
frame_obj.style.pixelTop=newY;
frame_obj.style.pixelLeft=40;
}

function get_basic_diam_det()
{
var det_frame_html;

det_frame_html='<table cellspacing="0" cellpadding="0" border="0">';
det_frame_html+='<tr><td align="right" height="1"><img src="../images/dframe/item_catalogflyout_topline.gif" height="1"/></td>';
det_frame_html+='<td style="{background-repeat: repeat-x;height:1px}" height="1px" background="../images/dframe/item_catalogflyout_topline.gif"></td></tr>';
det_frame_html+='<tr><td style="{background-repeat: repeat-y;}" background="../images/dframe/item_diamondsearchflyout_leftline.gif" valign="top"></td>';
det_frame_html+='<td bgcolor="#FFFFFF"><table id="_content" width="100%" class="overlaytable" cellspacing="0" cellpadding="3" border="0">';
det_frame_html+='<tr><td width="150"><table width="100%" cellspacing="3" cellpadding="0" border="0">';
det_frame_html+='<tr class="overlaytablerowheading"><th>Diamond Information</th></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Diamond #:</b> #sn#</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Measurements:</b> #Measurements#&nbsp;mm</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Cut:</b> #Cut#</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Polish:</b> #Polish#</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Symmetry:</b> #Symmetry#</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Depth %:</b> #Depth#</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Table %:</b> #Table#</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Crown Height %:</b> #Crown#</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Pavilion Depth %:</b> #Pavilion#</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Girdle:</b> #Girdle#</td></tr>';
det_frame_html+='<tr class="overlaytablerowshaded"><td><b>Fluorescence:</b> #Fluorescense#</td></tr>';
det_frame_html+='</table></td></tr></table></td>';
det_frame_html+='<td style="{background-repeat: repeat-y;width: 9px;" background="../images/dframe/item_diamondsearchflyout_rightline.gif" valign="top">';
det_frame_html+='<table cellspacing="0" cellpadding="0" border="0"><tr><td height="0px" id="_rightspacer"></td></tr>';
det_frame_html+='<tr><td id="_rightarrow" ><img src="../images/dframe/item_diamondsearchflyout_rightarrow.gif"/></td></tr></table></td></tr>';
det_frame_html+='<tr><td height="3"></td>';
det_frame_html+='<td height="3" style="{background-repeat: repeat-x;height: 3px;}" background="../images/dframe/item_diamondsearchflyout_bottomline.gif"/></td>';
det_frame_html+='<td height="3" align="left" valign="top"><img height="3" width="3" src="../images/dframe/item_diamondsearchflyout_bottomrightcorner.gif"/></td></tr></table>';

return det_frame_html;
}

function show_det(tr_obj,sn,Cut,Measurements,Depth,Table,Crown,Pavilion,Fluorescense,Polish,Symmetry,Girdle)
{
var frame_obj, frame_content;

HighLite(tr_obj);

frame_obj=document.getElementById(divname);
MoveFrameToMouse(frame_obj);

frame_content=get_basic_diam_det();

//frame_content=det_frame_html;
frame_content=frame_content.replace("#sn#",sn);
frame_content=frame_content.replace("#Cut#",Cut);
frame_content=frame_content.replace("#Measurements#",Measurements);
frame_content=frame_content.replace("#Depth#",Depth);
frame_content=frame_content.replace("#Table#",Table);
frame_content=frame_content.replace("#Crown#",Crown);
frame_content=frame_content.replace("#Pavilion#",Pavilion);
frame_content=frame_content.replace("#Fluorescense#",Fluorescense);
frame_content=frame_content.replace("#Polish#",Polish);
frame_content=frame_content.replace("#Symmetry#",Symmetry);
frame_content=frame_content.replace("#Girdle#",Girdle);

frame_obj.innerHTML=frame_content;

}

function HighLite(V)
{
var i=0;

while (V.tagName!="TR"){
	V=V.parentElement;	
}

V.className = "H";
}

function Original(V){

var i=0;

while (V.tagName!="TR"){
	V=V.parentElement;
}
V.className = "";

//frame_obj=document.getElementById(divname);
//frame_obj.innerHTML="";
}