var lastRollOverObject = null;
var lastRollOverImage = null;

//Function to bind the mouse out events for all the images in the main menu item.
function SetupMenuMouseOut() {
    $("ul#mainmenu li img").bind("mouseleave", function() { lastRollOverObject.src = lastRollOverImage; });
}

//Rollover when mouse is over menu item
function MenuMouseOver(callingObject, newImageURL) {

    if (lastRollOverObject != null) {
        lastRollOverObject.src = lastRollOverImage;
    }

    lastRollOverObject = callingObject;
    lastRollOverImage = callingObject.src;

    callingObject.src = newImageURL;

}

//Attach the mouse out events once the page has loaded
$(document).ready(SetupMenuMouseOut);


var _fadeOutTimer = null;

function ShowMenu(id) {
    var _object;

    if (_fadeOutTimer != null)
        clearTimeout(_fadeOutTimer);

    _fadeOutTimer = null;
    HideAll();

    _object = $(id);
    _object.show();
}

function HideMenu(id) {
    //$(id).fadeOut("fast");
    
    if (jQuery.browser.msie && jQuery.browser.version < 8)
        $(id).hide();
    else
        $(id).fadeOut("fast");
    _fadeOutTimer = null;
}

function HideMenuTimer(id, secs) {
    if (_fadeOutTimer == null) {
        _fadeOutTimer = setTimeout("HideMenu('" + id + "')", secs * 100);
    }
}

function HideAll() {
    $("ul.subMenu").hide();
}

function ShowSideMenu(id) {
    var _object;
/*
    if (_fadeOutTimer != null)
        clearTimeout(_fadeOutTimer);

    _fadeOutTimer = null;
    HideAll();
*/

    //debugger;
    _object = $(id);
    _object.show();



}