var menuTimer = null;
var lastActiveMenu;
var mmenu = null;

function Browser() {

  this.IE    = false;
  this.NS    = false;
  this.OP    = false;
  this.FF    = false;

  var userAgent;
  userAgent = navigator.userAgent;
  if ((userAgent.indexOf("Opera")) >= 0) {
    this.OP = true;
    return;
  }

  if ((userAgent.indexOf("MSIE")) >= 0) {
    this.IE = true;
    return;
  }

  if ((userAgent.indexOf("Netscape6/")) >= 0) {
    this.NS = true;
    return;
  }

  if ((userAgent.indexOf("Firefox")) >= 0) {
    this.FF = true;
    return;
  }
}

var browser = new Browser();

function showFullImage(PimgSrc)
{
    var w = 100;
    var h = 100;
    var leftPos = (screen.availWidth-w) / 2;
    var topPos = (screen.availHeight-h) / 2;
    window.open('/ShowFullImage/'+PimgSrc,'','dependent=1,width='+w+',height='+h+',scrollbars=yes,resizable=no,status=no,titlebar=0,top='+topPos+',left='+leftPos);
}


function getLeft(obj)
{
        var left = obj.offsetLeft;
        if (obj.offsetParent) { left += getLeft(obj.offsetParent) };
        return left;
}

function getTop(obj)
{
        var top = obj.offsetTop;
        if (obj.offsetParent) { top += getTop(obj.offsetParent); }
        return top;
}

function showSubMenu(sub,event,m)
{
    if(lastActiveMenu != sub)
        hideSubMenu();
    clearTimeout(menuTimer);
    lastActiveMenu = sub;
    mmenu = m;
    var f = document.getElementById(sub);
    if (browser.OP || browser.FF)
    {
        var block = event.target.id;
        var parentObj = event.target;
    }
    else
    {
        var block = event.srcElement.name;
        var parentObj = event.srcElement;
    }
    if (block)
    {
        if (f)
        {
            if(block.substr(0,8) == 'headMenu')
            {
                var lefter = getLeft(parentObj);
                var topper = getTop(parentObj);

                f.style.top = topper + 44 + 'px';
                f.style.left = lefter + 'px';
                f.style.display = '';
            }
            if(block.substr(0,8) == 'mainMenu')
            {
                var lefter = getLeft(parentObj);
                var topper = getTop(parentObj);

                f.style.top = topper + 'px';
                f.style.left = lefter + 168 + 'px';   
                f.style.display = '';
            }
        }
    }
}

function hideSubMenu()
{
    var f = document.getElementById(lastActiveMenu);
    if (f)
        f.style.display = 'none';
    if(mmenu)
        mmenu.style.backgroundColor='';
}