//  do row hovery stuff (not sure we need this any more)

  var currow;
  function hover_over(row) {
    if (row == currow) {
      currow.bgColor = '#FFF6F6';
    } else {
      row.bgColor='#F6F6F6';
    }
  }
  function hover_out(row) {
    row.bgColor = '#E2D8BF';
    if (currow) {currow.bgColor='#C4B298'}
  }
  function chkvalidation(frm) {
    var rtn = true;
    if (typeof(valiform) == 'function') {
      rtn = valiform(frm);
    }
    return rtn;
  }


//  do layers stuff

  dom = (document.getElementById) ? true : false;
  ns5 = ((navigator.userAgent.indexOf("Gecko")>-1) && dom) ? true: false;
  ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
  ns4 = (document.layers && !dom) ? true : false;
  ie4 = (document.all && !dom) ? true : false;
  nodyn = (!ns5 && !ns4 && !ie4 && !ie5) ? true : false;
  
  var curPg='lyr1';	// id of first layer
  function loadLyr(pg) {
  	var oldPg = curPg;
  	hide(oldPg);
    curPg = pg;
  	show(pg);
  }
  
  function show(lyr) {
  	var theLyr = (ns4)? document.relDiv.document.layers[lyr] : (ie4)? document.all[lyr].style : (ie5||ns5)? document.getElementById(lyr).style: null;
  	if (!theLyr) return;
  	theLyr.visibility = "visible";
  }
  
  function hide(lyr) {
  	var theLyr = (ns4)? document.relDiv.document.layers[lyr] : (ie4)? document.all[lyr].style : (ie5||ns5)? document.getElementById(lyr).style: null;
  	if (!theLyr) return;
  	theLyr.visibility = "hidden";	
  }



//  do hover changing stuff

  function checkBrowser(){
  	this.ver=navigator.appVersion
  	this.dom=document.getElementById?1:0
  	this.ie5=(this.ver.indexOf("MSIE")>-1 && this.dom)?1:0;
  	this.ie4=(document.all && !this.dom)?1:0;
  	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
  	this.ns4=(document.layers && !this.dom)?1:0;
  	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
   	return this
  }
  bw=new checkBrowser();

//  var theString = '<STYLE TYPE="text/css">#baln{width:140;}</STYLE>';
//  theString+='<DIV CLASS="balloon" id="baln"></DIV>';
//  document.write(theString);

  function showHover(event,img,prodname,prodtext) {
    var id='baln';
    var message = '<b>Sample:</b><br><table width=140><tr><td background="'+img+'" width=140 height=130><img src="/images/1x1.gif" width=140 height=130></td></tr>';
    message += '<tr><td><b>'+prodname+'</b><br>'+prodtext+'</td></tr></table>';
                  
//    var message = '<table><tr><td width=140>'+prodname+'</td></tr>';
//    message += '<tr><td width=140 height=130 background="'+img+'"><img src="/images/1x1.gif" width=140 height=130></td></tr></table>';
    if (bw.ns4) {
      document.layers[id].write(message);
      document.layers[id].close();
//      document.layers[id].left = event.pageX + 10;
//      document.layers[id].top = event.pageY + 10;;
//      document.layers[id].visibility="show";
    } else {
      document.all[id].innerHTML = message;
//      document.all[id].style.pixelLeft = (document.body.scrollLeft + event.clientX) + 10;
//      document.all[id].style.pixelTop = (document.body.scrollTop + event.clientY) + 10;
//      document.all[id].style.visibility="visible";
    }
  }
  function hideHover () {
//    bw.ns4 ? document.layers['baln'].visibility="hide" : document.all['baln'].style.visibility="hidden";
    var id='baln';
    var message = '<b>Selected:</b><br><table width=140><tr><td background="/images/products/<intrica type=data name=prod_image>" width=140 height=130><img src="/images/1x1.gif" width=140 height=130></td></tr>';
    message += '<tr><td><b><intrica type=data name=prod_name></b><br><intrica type=data name=prod_summary></td></tr></table>';
    if (bw.ns4) {
      document.layers[id].write(message);
      document.layers[id].close();
    } else {
      document.all[id].innerHTML = message;
    }
  }