/* jQuery Mega Menu v1.02
* Last updated: June 29th, 2009. This notice must stay intact for usage 
* Author: JavaScript Kit at http://www.javascriptkit.com/
* Visit http://www.javascriptkit.com/script/script2/jScale/ for full source code
*/

jQuery.noConflict();

var outflag = "-1";

var jkmegamenu = {

    effectduration: 0,
    enterdelaytimer: 500,
    leavedelaytimer: 500,

    megamenulabels: [],
    megamenus: [],
    zIndexVal: 5000,
    $shimobj: null,

    addshim: function($) {
        $(document.body).append('<IFRAME id="outlineiframeshim" src="' + (location.protocol == "https:" ? 'blank.htm' : 'about:blank') + '" style="display:none; left:0; top:0; z-index:999; position:absolute; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" frameBorder="0" scrolling="no"></IFRAME>')
        this.$shimobj = $("#outlineiframeshim")
    },

    alignmenu: function($, e, megamenu_pos) {
    var megamenu = this.megamenus[megamenu_pos]
    var $anchor = megamenu.$anchorobj
    var $menu = megamenu.$menuobj
    var menuleft = document.getElementById("anchormega" + megamenu_pos).offsetLeft
	var megameoffsety = document.getElementById("anchormega" + megamenu_pos).offsetTop
		
	var browser = navigator.appName
	var b_version = navigator.appVersion
    var version = b_version.split(";");
    var trim_Version = version[1].replace(/[ ]/g, "");
    if (browser == "Microsoft Internet Explorer" && (trim_Version == "MSIE7.0" ||trim_Version == "MSIE6.0")) {
			menuleft = megamenu.$anchorobj.offset().left
			megameoffsety = megamenu.offsety - 2
    }
        
    var archorleft = menuleft;
    menuleft = menuleft - 150;

	if (($(window).width() - menuleft) < 805) {
		if ($(window).width()<770){
			menuleft=30
		}else{
			menuleft = $(window).width() - 805
		}
        
    }
        
    var menutop = megameoffsety + document.getElementById("anchormega" + megamenu_pos).offsetHeight
    $menu.css({ left: menuleft + "px", top: menutop + "px" })
    this.$shimobj.css({ width: megamenu.actualwidth + "px", height: megamenu.actualheight + "px", left: menuleft + "px", top: menutop + "px", display: "block" })

    var megemenuOffsetleft = document.getElementById("anchormega" + megamenu_pos).offsetLeft;
    document.getElementById("anchormega" + megamenu_pos).style.backgroundImage = 'url('+hostAddress+'/Webportal/images/uberHeaderBG'+ megamenu_pos +'.png)';
	
    document.getElementById("arrowup" + megamenu_pos).style.left = (archorleft - menuleft + (document.getElementById("anchormega" + megamenu_pos).offsetWidth / 2) - 158) + "px"
	document.getElementById("arrowup" + megamenu_pos).style.display = ""
		
    },

    showmenu: function(e, megamenu_pos) {
        var megamenu = this.megamenus[megamenu_pos]
        var $menu = megamenu.$menuobj
        var $menuinner = megamenu.$menuinner
        if ($menu.css("display") == "none") {
            this.alignmenu(jQuery, e, megamenu_pos)
            $menu.css("z-index", ++this.zIndexVal)
            $menu.show(this.effectduration, function() {
                $menuinner.css('visibility', 'visible')
            })
        }
        return false
    },

    hidemenu: function(e, megamenu_pos) {
        var megamenu = this.megamenus[megamenu_pos]
        var $menu = megamenu.$menuobj
        var $menuinner = megamenu.$menuinner
        $menuinner.css('visibility', 'hidden')
        this.$shimobj.css({ display: "none", left: 0, top: 0 })
        $menu.hide(this.effectduration)
        document.getElementById("anchormega" + megamenu_pos).style.backgroundImage = '';
    },

    definemenu: function(anchorid, menuid, revealtype) {
        this.megamenulabels.push([anchorid, menuid, revealtype])
    },

    render: function($) {
        for (var i = 0, labels = this.megamenulabels[i]; i < this.megamenulabels.length; i++, labels = this.megamenulabels[i]) {
            if ($('#' + labels[0]).length != 1 || $('#' + labels[1]).length != 1) //if one of the two elements are NOT defined, exist
                return
            this.megamenus.push({ $anchorobj: $("#" + labels[0]), $menuobj: $("#" + labels[1]), $menuinner: $("#" + labels[1]).children('ul:first-child'), revealtype: labels[2], hidetimer: null })
            var megamenu = this.megamenus[i]
            megamenu.$anchorobj.add(megamenu.$menuobj).attr("_megamenupos", i + "pos") //remember index of this drop down menu
            megamenu.actualwidth = megamenu.$menuobj.outerWidth()
            megamenu.actualheight = megamenu.$menuobj.outerHeight()
            megamenu.offsetx = megamenu.$anchorobj.offset().left
            megamenu.offsety = megamenu.$anchorobj.offset().top
            megamenu.anchorwidth = megamenu.$anchorobj.outerWidth()
            megamenu.anchorheight = megamenu.$anchorobj.outerHeight()
            $(document.body).append(megamenu.$menuobj) //move drop down menu to end of document
            megamenu.$menuobj.css("z-index", ++this.zIndexVal).hide()
            megamenu.$menuinner.css("visibility", "hidden")
            megamenu.$anchorobj.bind("mouseenter", function(e) {
                var menuinfo = jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))]
                clearTimeout(menuinfo.hidetimer) //cancel hide menu timer
                var currentObj = this.id

                menuinfo.hidetimer = setTimeout(function() {
                    if (outflag == currentObj.substr(currentObj.length - 1, 1)) {
                        jkmegamenu.showmenu(e, parseInt(menuinfo.$menuobj.get(0).getAttribute("_megamenupos")))
                    }
                }, jkmegamenu.enterdelaytimer)

            })
            megamenu.$anchorobj.bind("mouseleave", function(e) {
                var menuinfo = jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))]
                if (e.relatedTarget != menuinfo.$menuobj.get(0) && $(e.relatedTarget).parents("#" + menuinfo.$menuobj.get(0).id).length == 0) { //check that mouse hasn't moved into menu object
                    menuinfo.hidetimer = setTimeout(function() { //add delay before hiding menu
                        jkmegamenu.hidemenu(e, parseInt(menuinfo.$menuobj.get(0).getAttribute("_megamenupos")))
                    }, jkmegamenu.leavedelaytimer)
                }
            })
            megamenu.$menuobj.bind("mouseenter", function(e) {
                var menuinfo = jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))]
                clearTimeout(menuinfo.hidetimer) //cancel hide menu timer
            })
            megamenu.$menuobj.bind("click mouseleave", function(e) {
                var menuinfo = jkmegamenu.megamenus[parseInt(this.getAttribute("_megamenupos"))]
                menuinfo.hidetimer = setTimeout(function() { //add delay before hiding menu
                    jkmegamenu.hidemenu(e, parseInt(menuinfo.$menuobj.get(0).getAttribute("_megamenupos")))
                }, jkmegamenu.leavedelaytimer)
            })
        }
        if (/Safari/i.test(navigator.userAgent)) { //if Safari
            $(window).bind("resize load", function() {
                for (var i = 0; i < jkmegamenu.megamenus.length; i++) {
                    var megamenu = jkmegamenu.megamenus[i]
                    var $anchorisimg = (megamenu.$anchorobj.children().length == 1 && megamenu.$anchorobj.children().eq(0).is('img')) ? megamenu.$anchorobj.children().eq(0) : null
                    if ($anchorisimg) {
                        megamenu.offsetx = $anchorisimg.offset().left
                        megamenu.offsety = $anchorisimg.offset().top
                        megamenu.anchorwidth = $anchorisimg.width()
                        megamenu.anchorheight = $anchorisimg.height()
                    }
                }
            })
        }
        else {
            $(window).bind("resize", function() {
                for (var i = 0; i < jkmegamenu.megamenus.length; i++) {
                    var megamenu = jkmegamenu.megamenus[i]
                    megamenu.offsetx = megamenu.$anchorobj.offset().left
                    megamenu.offsety = megamenu.$anchorobj.offset().top
                }
            })
        }
        jkmegamenu.addshim($)
    }

}

jQuery(document).ready(function($){
	jkmegamenu.definemenu("anchormega0", "divmega0", "mouseover")
	jkmegamenu.definemenu("anchormega1", "divmega1", "mouseover")
	jkmegamenu.definemenu("anchormega2", "divmega2", "mouseover")
	jkmegamenu.definemenu("anchormega3", "divmega3", "mouseover")
	jkmegamenu.render($)
})