

$(document).ready(function() {
    $(".menuoverstate").each(function(i) {

        preload_image = new Image();
        preload_image.src = this.src.replace(".jpg", "_o.jpg");

        $(this).hover(
            function() {
                if (this.src.indexOf("_o.jpg") == -1) {
                    this.src = this.src.replace(".jpg", "_o.jpg");
                }

            },

            function() {
                this.src = this.src.replace("_o.jpg", ".jpg");

            });

    }
        );
});


$(document).ready(function() {
    $(".menuoverstate-png").each(function(i) {

        preload_image = new Image();        
        preload_image.src = this.src.replace(".png", "_o.png");

        $(this).hover(
            function() {
                if (this.src.indexOf("_o.png") == -1) {
                    this.src = this.src.replace(".png", "_o.png");
                }

            },

            function() {
                this.src = this.src.replace("_o.png", ".png");

            });

    }
        );
});


var aboutStates = { "menuAbout": false, "menuAboutDropDown": false };

var shopStates = { "menuShop": false, "menuShopDropDown": false };

var facilitatingStates = { "menuFacilitating": false, "menuFacilitatingDropDown": false };

var adaptiveStates = { "menuAdaptive": false, "menuAdaptiveDropDown": false };

var TRANSITION_SPEED = 100;

function checkAboutMenu() {

    if (aboutStates["menuAbout"] == false && aboutStates["menuAboutDropDown"] == false) {
        jQuery("#menuAboutDropDown").slideUp(TRANSITION_SPEED);

        if (typeof (aboutPackage) == "undefined") {

            var src = jQuery("#menuAbout").attr('src');
            src = src.replace("_o.jpg", ".jpg");
            jQuery("#menuAbout").attr("src", src);
        }

    }
}

function checkAdaptiveMenu() {

    if (adaptiveStates["menuAdaptive"] == false && adaptiveStates["menuAdaptiveDropDown"] == false) {
        jQuery("#menuAdaptiveDropDown").slideUp(TRANSITION_SPEED);

        if (typeof (menuPackage) == "undefined") {

            var src = jQuery("#menuAdaptive").attr('src');
            src = src.replace("_o.jpg", ".jpg");
            jQuery("#menuAdaptive").attr("src", src);
        }

    }
}

function checkShopMenu() {

    if (shopStates["menuShop"] == false && shopStates["menuShopDropDown"] == false) {
        jQuery("#menuShopDropDown").slideUp(TRANSITION_SPEED);

        if (typeof (shopPackage) == "undefined") {

            var src = jQuery("#menuShop").attr('src');
            src = src.replace("_o.jpg", ".jpg");
            jQuery("#menuShop").attr("src", src);
        }

    }
}

function checkFacilitatingMenu() {

    if (facilitatingStates["menuFacilitating"] == false && facilitatingStates["menuFacilitatingDropDown"] == false) {
        jQuery("#menuFacilitatingDropDown").slideUp(TRANSITION_SPEED);

        if (typeof (facilitatingPackage) == "undefined") {

            var src = jQuery("#menuFacilitating").attr('src');
            src = src.replace("_o.jpg", ".jpg");
            jQuery("#menuFacilitating").attr("src", src);
        }

    }
}

jQuery(document).ready(function() {

// About menu dropdowns //

jQuery("#menuAbout").hover(function() {
    aboutStates["menuAbout"] = true;

    var src = jQuery("#menuAbout").attr("src");

    if (src.indexOf("_o.jpg") == -1) {
        src = src.replace(".jpg", ".jpg");
        jQuery("#menuAbout").attr("src", src);
    }

    if (aboutStates["menuAboutDropDown"] == false) {
        jQuery("#menuAboutDropDown").slideDown(TRANSITION_SPEED);
    }
},

        function() {
            aboutStates["menuAbout"] = false;

            setTimeout("checkAboutMenu();", 100);
        });


jQuery("#menuAboutDropDown").hover(function() {
    aboutStates["menuAboutDropDown"] = true;



},
    function() {
        aboutStates["menuAboutDropDown"] = false;
        setTimeout("checkAboutMenu();", 100);
    });

    // Shop menu dropdowns //

    jQuery("#menuShop").hover(function() {
        shopStates["menuShop"] = true;

        var src = jQuery("#menuShop").attr("src");

        if (src.indexOf("_o.jpg") == -1) {
            src = src.replace(".jpg", ".jpg");
            jQuery("#menuShop").attr("src", src);
        }

        if (shopStates["menuShopDropDown"] == false) {
            jQuery("#menuShopDropDown").slideDown(TRANSITION_SPEED);
        }
    },

        function() {
            shopStates["menuShop"] = false;

            setTimeout("checkShopMenu();", 100);
        });


    jQuery("#menuShopDropDown").hover(function() {
        shopStates["menuShopDropDown"] = true;



    },
    function() {
        shopStates["menuShopDropDown"] = false;
        setTimeout("checkShopMenu();", 100);
    });

    // Facilitating menu dropdowns //

    jQuery("#menuFacilitating").hover(function() {
        facilitatingStates["menuFacilitating"] = true;

        var src = jQuery("#menuFacilitating").attr("src");

        if (src.indexOf("_o.jpg") == -1) {
            src = src.replace(".jpg", ".jpg");
            jQuery("#menuFacilitating").attr("src", src);
        }

        if (facilitatingStates["menuFacilitatingDropDown"] == false) {
            jQuery("#menuFacilitatingDropDown").slideDown(TRANSITION_SPEED);
        }
    },

        function() {
            facilitatingStates["menuFacilitating"] = false;

            setTimeout("checkFacilitatingMenu();", 100);
        });


    jQuery("#menuFacilitatingDropDown").hover(function() {
        facilitatingStates["menuFacilitatingDropDown"] = true;



    },
    function() {
        facilitatingStates["menuFacilitatingDropDown"] = false;
        setTimeout("checkFacilitatingMenu();", 100);
    });



    // Adaptive menu dropdowns //

    jQuery("#menuAdaptive").hover(function () {
        adaptiveStates["menuAdaptive"] = true;

        var src = jQuery("#menuAdaptive").attr("src");

        if (src.indexOf("_o.jpg") == -1) {
            src = src.replace(".jpg", ".jpg");
            jQuery("#menuAdaptive").attr("src", src);
        }

        if (adaptiveStates["menuAdaptiveDropDown"] == false) {
            jQuery("#menuAdaptiveDropDown").slideDown(TRANSITION_SPEED);
        }
    },

        function () {
            adaptiveStates["menuAdaptive"] = false;

            setTimeout("checkAdaptiveMenu();", 100);
        });


    jQuery("#menuAdaptiveDropDown").hover(function () {
        adaptiveStates["menuAdaptiveDropDown"] = true;

    },
    function () {
        adaptiveStates["menuAdaptiveDropDown"] = false;
        setTimeout("checkAdaptiveMenu();", 100);
    });



    $("#pageflip").hover(function () { //On hover...
        $("#pageflip img , .msg_block").stop()
		.animate({ //Animate and expand the image and the msg_block (Width + height)
		    width: '329px',
		    height: '329px'
		}, 500);
    }, function () {
        $("#pageflip img").stop() //On hover out, go back to original size 
		.animate({
		    width: '155px',
		    height: '155px'
		}, 220);
        $(".msg_block").stop() //On hover out, go back to original size
		.animate({
		    width: '155px',
		    height: '155px'
		}, 200); //Note this one retracts a bit faster (to prevent glitching in IE)
    });
});


