var subMenusArray = new Array('floorPlans', 'location', 'pricing', 'recreation', 'attractions', 'privateItaly');
var theColor = "#80a2b7";

function initSubMenus()
{
 for (i=0;i<subMenusArray.length;i++)
 {
  subMenu = document.getElementById(subMenusArray[i]);
  mainMenu = document.getElementById('menuTable');
  baseMenu = document.getElementById(subMenusArray[i] + 'Base');

  xPos = baseMenu.offsetParent.offsetLeft + baseMenu.offsetLeft + mainMenu.offsetParent.offsetParent.offsetLeft + 10;
  yPos = baseMenu.offsetParent.offsetTop + mainMenu.offsetTop + mainMenu.offsetParent.offsetTop + mainMenu.offsetHeight;
  yPos -= 16;

  subMenu.style.left = xPos + "px";
  subMenu.style.top = yPos + "px";
 }
}

function toggleSubmenu(what)
{
 initSubMenus();

 subMenu = document.getElementById(what);
 if (subMenu.style.visibility == 'visible')
  hideSubMenu(what);
 else
 {
  showSubMenu(what);
 }
}

function showSubMenu(what)
{
 for (i=0;i<subMenusArray.length;i++)
 {
  if (subMenusArray[i] != what) {
   document.getElementById(subMenusArray[i]).style.visibility = "hidden";
  }
 }
 document.getElementById(what).style.visibility = "visible";
}

function hideSubMenu(what)
{
 document.getElementById(what).style.visibility = "hidden";
}



var hoverTO = false;
function hoverImg(num) {
 if (!hoverTO) {
  clearTimeout(hoverTO);
  document.getElementById('bigImageHolder').style.background = "URL('"+document.getElementById('bigImage').src+"') no-repeat";
  o = document.getElementById('bigImage');
  o.style.filter = 'alpha(opacity=0)';
  o.style['-moz-opacity'] = 0;
  o.style['-khtml-opacity'] = 0;
  o.style['opacity'] = 0;
  o.src = eval('img'+num).src;

//----- ADD BORDER
  for (i=1;i<=10;i++) {
   if (document.getElementById('thumb' + i) != null) {
    if (num == i)
     document.getElementById('thumb' + i).style.border = "solid #be9521 1px";
    else
     document.getElementById('thumb' + i).style.border = "solid #ffffff 1px";
   }
  }
  hoverTO = setTimeout('doFade(0)', 50);
 }
}

function doFade(curAlpha) {
 clearTimeout(hoverTO);

 curAlpha += 10;
 if (curAlpha > 100)
  curAlpha = 100;
 o = document.getElementById('bigImage');
 o.style.filter = 'alpha(opacity='+curAlpha+')';
 tmpAlpha = curAlpha / 100;
 o.style['-moz-opacity'] = tmpAlpha;
 o.style['-khtml-opacity'] = tmpAlpha;
 o.style['opacity'] = tmpAlpha;

 if (curAlpha < 100)
  hoverTO = setTimeout('doFade('+curAlpha+')', 50);
 else
  hoverTO = false;
}