// Browser detection
var ie = document.all?true:false;
var ie7 = (document.all && !window.opera && window.XMLHttpRequest) ? true : false;
var iestd;
if (ie)
  if (document.compatmode)
    if (document.compatmode != "backcompat") iestd = 1;
//var opera = navigator.useragent.indexof("opera") > -1 ? true : false;
var uaver = navigator.appversion;
//var opera7 = navigator.useragent.indexof("opera 7") > -1 ? true : false;
var opera = false;
var opera7 = false;
if (opera) ie = false;
// End of browser detection

// Mouse detection
var X = 0;
var Y = 0;
var docX = document.offsetWidth;
var docY = document.offsetHeight;
var minY, maxY, minX, maxX;
var submenuShown = false;

var all = document.all ? document.all : document.getElementsByTagName('*');

function getMouseXY(e) {
  if (ie) {
    tempX = event.clientX + (document.body.scrollLeft ? document.body.scrollLeft : document.documentElement.scrollLeft);
    tempY = event.clientY + (document.body.scrollTop ? document.body.scrollTop : document.documentElement.scrollTop);
  } else {
    tempX = e.pageX
    tempY = e.pageY
  }

  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}
  X = tempX;
  Y = tempY;
  if (submenuShown && !mouseInMenu()) {
    hideSubmenu();
  }
  return true
}
// End of mouse detection

function showSubmenu(li) {
  if (typeof document.attachEvent!='undefined') {
    document.attachEvent('onmousemove',getMouseXY);
  } else {
    document.addEventListener('mousemove',getMouseXY,false);
  }
  var submenu = document.getElementById("submenu");
  if (ie) {  // IE counts offset relatively to the parent node (or body node, not sure)
    body = document.childNodes[1].childNodes[1];
    submenu.style.top = body.offsetTop + li.offsetTop + li.offsetHeight + 'px';
    left = li.offsetLeft + body.offsetLeft - 40;
  } else {
    left = li.offsetLeft;
  }
  submenu.style.left = left + 'px';
  submenu.style.visibility = 'visible';
  submenuShown = true;
}

function hideSubmenu() {
  
  if (typeof document.attachEvent!='undefined') {
    document.detachEvent('onmousemove',getMouseXY);
  } else {
    document.removeEventListener('mousemove',getMouseXY,false);
  }
  var submenu = document.getElementById("submenu");
  submenu.style.visibility = 'hidden';
  submenuShown = false;
  
//  alert(Y + ' ' + submenu.offsetTop + ' ' + (submenu.offsetHeight + submenu.offsetTop));
}

function mouseInMenu() {
  offsetY = 0;
  var submenu = document.getElementById("submenu");
  menuHeight = submenu.parentNode.offsetHeight;
  headerOffsetTop = document.getElementById("header").offsetTop;
  headerOffsetLeft = document.getElementById("header").offsetLeft;
  menuOffsetTop = document.getElementById("menu").offsetTop;  
  borderLeft = headerOffsetLeft + submenu.offsetLeft;
  borderRight = headerOffsetLeft + submenu.offsetLeft + submenu.offsetWidth;
  borderTop = menuOffsetTop + headerOffsetTop + submenu.offsetTop - menuHeight - 1;
  borderBottom = menuOffsetTop + headerOffsetTop + submenu.offsetTop + submenu.offsetHeight;
  if (X < borderLeft || X > borderRight || Y < borderTop || Y > borderBottom) {
    return false;
  } else {
    return true;
  }

}

function changeModelPhoto(src) {
  document.getElementById("model-photo-img").src = src;
  
}

function setBodyMargin() {
  if (!ie) {
    var clientHeight = document.documentElement.clientHeight;
    var body = document.childNodes[1].childNodes[1];
    var bodyHeight = body.offsetHeight;
    var left = document.getElementById('model-left');
    if (clientHeight > bodyHeight) {
      var topSpace = ((clientHeight - bodyHeight) / 2);
      body.style.marginTop = topSpace + "px";
     
    }
  }
}