﻿// JavaScript Document
var closeMenu; //variable for submenu timeout
var page = page; //if page isn't declared in the html declare it here to keep the script from malfunctioning.
jQuery(document).ready(function() {
    jQuery('#menu > li').mouseover(function() {
        var self = this;
        var menu = jQuery(self).children('ul');
        var omenus = jQuery(self).siblings().children('ul');
        jQuery(omenus).fadeOut('fast'); //remove other menus
        if (jQuery(menu).css('display') == 'none') {
            jQuery(menu).fadeIn('fast'); //show sub menu (if it exists)
        }
        window.clearTimeout(closeMenu); //cancel closing of menu

        //create and position png images for rounded corner effect
        if (jQuery.browser.msie && jQuery.browser.version < 7) {
            //if ie6 or less with no transparent png support
            jQuery(self).append('<div id="cornerLeft"></div>');
            jQuery('#cornerLeft').css('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/menu_corner_left.png")');
            jQuery(self).append('<div id="cornerRight"></div>');
            jQuery('#cornerRight').css('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/menu_corner_right.png")');
        } else {
            jQuery(self).append('<img src="images/menu_corner_left.png" id="cornerLeft" />');
            jQuery(self).append('<img src="images/menu_corner_right.png" id="cornerRight" />');
        }
        jQuery('#cornerLeft').css({ position: 'absolute', width: '9px', height: '6px', top: '-5px', left: '0px' });
        jQuery('#cornerRight').css({ position: 'absolute', width: '9px', height: '6px', top: '-5px', right: '0px' });
    });
    jQuery('#menu > li').mouseout(function() {
        var self = this;
        var menu = jQuery(self).children('ul');
        if (jQuery(menu).css('display') == 'block') {
            closeMenu = window.setTimeout(function() { jQuery(menu).fadeOut('fast'); }, 500); //wait 1 sec and close menu
        }
        //remove png corner images
        jQuery('#cornerLeft').remove();
        jQuery('#cornerRight').remove();
    });
    jQuery('#menu ul li').mouseover(function() {
        var self = this;
        var parentMenu = jQuery(self).parent().parent().children('a');
        jQuery(parentMenu).css({ backgroundImage: 'url(images/menu_rollover_bg.gif)', backgroundRepeat: 'repeat-x' });
        window.clearTimeout(closeMenu); //cancel closing of menu
    }).mouseout(function() {
        var self = this;
        var parentMenu = jQuery(self).parent().parent().children('a');

        var id = "#" + jQuery(self).parent().parent().attr("id");
        if (id != page) {
            jQuery(parentMenu).removeAttr('style'); //.css('backgroundImage','inherit');
        }
    });

    // set proper menu item to be highlighted based on the page variable
    jQuery(page).children('a').css({ backgroundImage: 'url(images/menu_rollover_bg.gif)', backgroundRepeat: 'repeat-x' });
    //add curly corners
    if (jQuery.browser.msie && jQuery.browser.version < 7) {
        //if ie6 or less with no transparent png support
        jQuery('<div id="cornerLeftOn"></div>').appendTo(page);
        jQuery('#cornerLeftOn').css('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/menu_corner_left.png")');
        jQuery('<div id="cornerRightOn"></div>').appendTo(page);
        jQuery('#cornerRightOn').css('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/menu_corner_right.png")');

        //also remove the first-child right border from the footer while we're at it
        jQuery('#footer').children().first().children('a').css('borderLeft', '0px');

    } else {
        jQuery('<img src="images/menu_corner_left.png" id="cornerLeftOn" />').appendTo(page);
        jQuery('<img src="images/menu_corner_right.png" id="cornerRightOn" />').appendTo(page);
    }
    jQuery('#cornerLeftOn').css({ position: 'absolute', width: '9px', height: '6px', top: '-5px', left: '0px' });
    jQuery('#cornerRightOn').css({ position: 'absolute', width: '9px', height: '6px', top: '-5px', right: '0px' });

    //there is a known issue with sharepoint that makes all links
    //in CMSBlock content have an attribute of target="_blank"
    //lets see if we can't use some jquery to thwart that because
    //links going to new windows are evil.
    jQuery('#content a').removeAttr('target');

});  //close jQuery(document).ready()