var megaMenuConfig = {
    interval: 1,
    sensitivity: 10,
    over: MegaOver,
    timeout: 20,
    out: MegaOut
};

function MegaOver() {
    $(this).find(".megaMenuItem").addClass("hovering");

    var imgName = $(this).find("img:first").attr("src");
    imgName = imgName.replace(".png", "Over.png");
    $(this).find("img:first").attr("src", imgName);
};

function MegaOut() {
    $(this).find(".megaMenuItem").removeClass("hovering");

    var imgName = $(this).find("img:first").attr("src");
    imgName = imgName.replace("Over.png", ".png");
    $(this).find("img:first").attr("src", imgName);
};

$(document).ready(function () {
    $("#menuAbout").hoverIntent(megaMenuConfig);
    $("#menuServices").hoverIntent(megaMenuConfig);
    $("#menuProducts").hoverIntent(megaMenuConfig);
    $("#menuContact").hoverIntent(megaMenuConfig);
    $("#menuEnviroment").hoverIntent(megaMenuConfig);
    $("#menuCustomer").hoverIntent(megaMenuConfig);
    $("#menuFTP").hoverIntent(megaMenuConfig);

    $("#galleryClose").click(function () {
        hideGallery();
    });
});

function ShowGallery(galleryPage) {
    
    $('#overlayGallery').remove();
    $("body").append('<div id="overlayGallery"></div>');
    $("#overlayGallery").click(function () { hideGallery(); }).hide();

    var arrayPageSize = pageSize();
    $("#overlayGallery").hide().css({ width: '100%', height: arrayPageSize[1] + 'px', opacity: 0.8 }).fadeIn();

    var left = (arrayPageSize[0] / 2) - ($("#gallery").width() / 2)

    $("#gallery").css({ top: '100px', left: left + 'px' }).show();

    $("#gallerySrc").attr("src", galleryPage);
};

function hideGallery() {
    $("#gallery").hide();
    $("#overlayGallery").hide();
    $("#gallerySrc").attr("src","/blank.htm");
}

function pageSize() {
    var xScroll, yScroll;

    if (window.innerHeight && window.scrollMaxY) {
        xScroll = window.innerWidth + window.scrollMaxX;
        yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac
        xScroll = document.body.scrollWidth;
        yScroll = document.body.scrollHeight;
    } else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
        xScroll = document.body.offsetWidth;
        yScroll = document.body.offsetHeight;
    }

    var windowWidth, windowHeight;

    if (self.innerHeight) { // all except Explorer
        if (document.documentElement.clientWidth) {
            windowWidth = document.documentElement.clientWidth;
        } else {
            windowWidth = self.innerWidth;
        }
        windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
        windowWidth = document.documentElement.clientWidth;
        windowHeight = document.documentElement.clientHeight;
    } else if (document.body) { // other Explorers
        windowWidth = document.body.clientWidth;
        windowHeight = document.body.clientHeight;
    }

    // for small pages with total height less then height of the viewport
    if (yScroll < windowHeight) {
        pageHeight = windowHeight;
    } else {
        pageHeight = yScroll;
    }


    // for small pages with total width less then width of the viewport
    if (xScroll < windowWidth) {
        pageWidth = xScroll;
    } else {
        pageWidth = windowWidth;
    }

    var arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
    return arrayPageSize;
}