var t 
var scroll_to 
var scroll_width
var browser
browser = navigator.appName;


function display_product_info(product_id,sub_dept){
document.getElementById('product_updater').src="http://www.life-works.com/product_detail_info.asp?product_id="+product_id+"&sub_dept="+sub_dept 
}

function update_modelDD()
{

product_name = document.getElementById('product_name').value;
document.getElementById('product_updater').src="http://www.life-works.com/product_select_info.asp?product_name="+product_name

}


function show_the_tab(to_display)
{
document.getElementById('desc').style.display='none'
document.getElementById('pack').style.display='none'
document.getElementById('req').style.display='none'
document.getElementById('compatibility').style.display='none'
document.getElementById('specs').style.display='none'
document.getElementById('manuals').style.display='none'
document.getElementById('features').style.display='none'

if (document.getElementById('td_desc')){
document.getElementById('td_desc').style.backgroundColor='#b1d702'
document.getElementById('td_desc').style.color='#333'
document.getElementById('td_desc').style.fontWeight='normal'}

if(document.getElementById('td_pack')){
document.getElementById('td_pack').style.backgroundColor='#b1d702'
document.getElementById('td_pack').style.color='#333'
document.getElementById('td_pack').style.fontWeight='normal'}

if(document.getElementById('td_req')){
document.getElementById('td_req').style.backgroundColor='#b1d702'
document.getElementById('td_req').style.color='#333'
document.getElementById('td_req').style.fontWeight='normal'}

if(document.getElementById('td_manuals')){
document.getElementById('td_manuals').style.backgroundColor='#b1d702'
document.getElementById('td_manuals').style.color='#333'
document.getElementById('td_manuals').style.fontWeight='normal'}

if(document.getElementById('td_compatibility')){
document.getElementById('td_compatibility').style.backgroundColor='#b1d702'
document.getElementById('td_compatibility').style.color='#333'
document.getElementById('td_compatibility').style.fontWeight='normal'}

if(document.getElementById('td_features')){
document.getElementById('td_features').style.backgroundColor='#b1d702'
document.getElementById('td_features').style.color='#333'
document.getElementById('td_features').style.fontWeight='normal'}

if(document.getElementById('td_specs')){
document.getElementById('td_specs').style.backgroundColor='#b1d702'
document.getElementById('td_desc').style.color='#333'
document.getElementById('td_desc').style.fontWeight='normal'
}
document.getElementById(to_display).style.display='block'
document.getElementById('td_'+to_display).style.backgroundColor='#666'
document.getElementById('td_'+to_display).style.color='#fff'
document.getElementById('td_'+to_display).style.fontWeight='bold'
}


function show_the_tab2(to_display)
{
document.getElementById('desc').style.display='none'
document.getElementById('pack').style.display='none'
document.getElementById('req').style.display='none'
document.getElementById('compatibility').style.display='none'
document.getElementById('specs').style.display='none'
document.getElementById('manuals').style.display='none'
document.getElementById('features').style.display='none'

if (document.getElementById('td_desc')){
document.getElementById('td_desc').style.backgroundColor='#ac5884'
document.getElementById('td_desc').style.fontWeight='normal'
}

if(document.getElementById('td_pack')){
document.getElementById('td_pack').style.backgroundColor='#ac5884'
document.getElementById('td_pack').style.fontWeight='normal'
}

if(document.getElementById('td_req')){
document.getElementById('td_req').style.backgroundColor='#ac5884'
document.getElementById('td_req').style.fontWeight='normal'
}


if(document.getElementById('td_features')){
document.getElementById('td_features').style.backgroundColor='#ac5884'
document.getElementById('td_features').style.fontWeight='normal'
}


if(document.getElementById('td_manuals')){
document.getElementById('td_manuals').style.backgroundColor='#ac5884'
document.getElementById('td_manuals').style.fontWeight='normal'
}


if(document.getElementById('td_compatibility')){
document.getElementById('td_compatibility').style.backgroundColor='#ac5884'
document.getElementById('td_compatibility').style.fontWeight='normal'
}

if(document.getElementById('td_specs')){
document.getElementById('td_specs').style.backgroundColor='#ac5884'
document.getElementById('td_specs').style.fontWeight='normal'
}

document.getElementById(to_display).style.display='block'
document.getElementById('td_'+to_display).style.backgroundColor='#ea77af'
document.getElementById('td_'+to_display).style.fontWeight='bold'
}





function close_detail(){
if(navigator.appName.indexOf("Microsoft") > -1){
var canSee = 'block'
} else {
var canSee = 'table-row';
}

//alert(document.getElementById('title_'+dept_id))
//document.getElementById('title_'+dept_id).style.display=canSee
//document.getElementById('close_tr_'+dept_id).style.display="none"

document.getElementById('product_info').innerHTML=''

var xxx = 0;
do
{
if(document.getElementById('image_'+xxx)){
document.getElementById('image_'+xxx).style.filter="alpha(opacity=100)"
document.getElementById('image_'+xxx).style.opacity="1"

document.getElementById('Idiv_'+xxx).style.filter="alpha(opacity=100)"
document.getElementById('Idiv_'+xxx).style.opacity="1"
}
xxx =xxx+1;
}
while (document.getElementById('image_'+xxx));
}



function diplay_large(image_to_display)
{
parent.document.getElementById('img_holder').style.display="block"
parent.document.getElementById('large_image').src="gallery_detail/"+image_to_display+""
}

function diplay_large_image()
{
document.getElementById('display_large').style.display="block"

}

function close_image()
{
document.getElementById('display_large').style.display="none"
}



function close_large_image(image_to_display)
{
parent.document.getElementById('img_holder').style.display="none"
parent.document.getElementById('large_image').src="images/spacer.gif"
parent.document.getElementById('img_holder2').style.display="none"
parent.document.getElementById('large_image2').src="images/spacer.gif"
}


function diplay_large2(image_to_display)
{
parent.document.getElementById('img_holder2').style.display="block"
parent.document.getElementById('large_image2').src="gallery_detail/"+image_to_display+""
}


function switch_class_in(element_id)
{
document.getElementById('center_'+element_id).className="subnav_bg_over"
document.getElementById('left_'+element_id).className="subnav_bgleft_over"
document.getElementById('right_'+element_id).className="subnav_bgright_over"
}

function switch_class_out(element_id)
{document.getElementById('center_'+element_id).className="subnav_bg"
document.getElementById('left_'+element_id).className="subnav_bgleft"
document.getElementById('right_'+element_id).className="subnav_bgright"
}


/**************************************************************************************
The below functions fix the onmouseover and onmouseout events.
For ex: if I have a main div container then I mouse between elements in
that div such as <li>'s or a table, etc then the onmouseout event and onmouseover
events are triggering.
onmouseenter and onmouseleave is a MS solution in IE 5.5+ but that does us no good
since won't work in FF

so....use functions below as follows
<div 
onmouseover="if (checkMouseEnter(this, event)) {over();}" 
onmouseout="if (checkMouseLeave(this, event)) {out();}"
style="top:100px">

***************************************************************************************/

function containsDOM (container, containee) {
  var isParent = false;
  do {
    if ((isParent = container == containee))
      break;
    containee = containee.parentNode;
  }
  while (containee != null);
  return isParent;
}

function checkMouseEnter (element, evt) {
  if (element.contains && evt.fromElement) {
    return !element.contains(evt.fromElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}

function checkMouseLeave (element, evt) {
  if (element.contains && evt.toElement) {
    return !element.contains(evt.toElement);
  }
  else if (evt.relatedTarget) {
    return !containsDOM(element, evt.relatedTarget);
  }
}