function enhancedIconMouseover( element, row, column, category, code, photoUrl )
{
  var categoryObject = null; 
  
  var img = document.getElementById("picture");
  try 
  {
    // don't change the picture when hovering on the subnav
    
    
    if ( element.className == 'subnav' || element.className == "subnav-hot" )
    {
    }
    else
    {
      // alert(element.className);
      if (navigator.userAgent.indexOf('Safari')!=-1)
      {
        img.src = "/images/pixel.gif";
      }
      img.src = photoUrl;
    }
  }
  catch (e) { alert(e);  }  

  // deselect all other elements
  for ( row = 1; row <= 3; row++ )
  {
    for ( column = 1; column <= 3; column++ )
    {
     icon = "icon_" + row + "_" + column;
     try { document.getElementById( icon ).className = "icon"; } catch(e) {}
    }
  }


  // if this is a category page and the user is hovering on
  // a subnav link
  if ( gIsCategoryPage == 'true' && element.className == 'subnav' )
  {
    // do nothing
  }
  else
  {
    try {
      var icon = document.getElementById("icon_" + row + "_" + column );
      icon.className = "icon-hot";
    }
    catch (e) {}   
  }
  
  try 
  {
    var subnavbar = document.getElementById("subnav-container");
    var spans = getChildrenByTagName(subnavbar, "A");
    
    var index = 0;
    var item = spans[index];
	  while (item)
    {
      if (item.className == "subnav-hot" )
      {
        item.className = "subnav";
      }

      index++;
      item = spans[index];
    }
      
  }
  catch (e) 
  { 

  }

  
  if ( categoryObject != null && categoryObject.fixedNavbarPosition != null )
  {
    try 
    {
      var active = document.getElementById("subnav" + categoryObject.fixedNavbarPosition );
      active.className = "subnav-hot";
    }
    catch (e) {}     
  }
  else
  {
    try 
    {
      var active = document.getElementById("subnav_" + row + "_" + column);
      active.className = "subnav-hot";
    }
    catch (e) {} 
  }
  
  try
  {  
    var hotsquare = document.createElement('DIV');
    hotsquare.id = "hotsquare";
    hotsquare.className = "hotsquare";
  }
  catch (e) {  alert (e); }
  
}

function preCacheImages()
{
  var category = gPageCategory;  
}



function doIconMouseout( element, position, category, code )
{
  try {
    var icon = document.getElementById("icons" + position );
    // icon.className = "icon";
  }
  catch (e) {}    
}

function enhancedIconClick( location )
{
  window.location = "/" + location + "/"; 
  return false;
}


function getChildrenByTagName (elt, strTag)
{
	strTag = strTag.toLowerCase ();
	var rgChildren = new Array ();
  
  // alert(elt);
	var eltChild = elt.firstChild;
	while (eltChild)
	{
		if (eltChild.tagName && eltChild.tagName.toLowerCase () == strTag)
			rgChildren.push (eltChild);
		eltChild = eltChild.nextSibling;
	}
	return rgChildren;
}