$(function() {
    var bytyMenuVisible = false;
    var domyMenuVisible = false;
    var pozemkyMenuVisible = false;
    var priestoryMenuVisible = false;
    var timeoutID = -1;

    //run the currently selected effect
    function showMenu(el) {
        //get effect type from 
        var selectedEffect = "slide";

        //most effect types need no options passed by default
        var options = { direction: "down" };
        //run the effect
        el.show();
        //el.show(selectedEffect, options, 500);
    };
    //run the currently selected effect
    function hideMenu(el) {
        //get effect type from 
        var selectedEffect = "slide";

        //most effect types need no options passed by default
        var options = { direction: "down" };

        //run the effect
        if (el != null)
            el.hide();
        //el.hide(selectedEffect, options, 500);
    };

    function multiHider(hideByty, hideDomy, hidePozemky, hidePriestory) {
        if (hideByty && bytyMenuVisible) {
            hideMenu($("#bytyHoverMenu"));
            bytyMenuVisible = false;
        }
        if (hideDomy && domyMenuVisible) {
            hideMenu($("#domyHoverMenu"));
            domyMenuVisible = false;
        }
        if (hidePozemky && pozemkyMenuVisible) {
            hideMenu($("#pozemkyHoverMenu"));
            pozemkyMenuVisible = false;
        }
        if (hidePriestory && priestoryMenuVisible) {
            hideMenu($("#priestoryHoverMenu"));
            priestoryMenuVisible = false;
        }
    }

    $("#bytyOption").mouseenter(function() {
        if (!bytyMenuVisible) {
            bytyMenuVisible = true;
            ChangeLinkImg('imgByty', 'byty_over.gif');
            showMenu($("#bytyHoverMenu"));

            multiHider(false, true, true, true);
        }
        return false;
    });
    $("#bytyOption").mouseleave(function() {
        ChangeLinkImg('imgByty', 'byty.gif');
        hideMenu($("#bytyHoverMenu"));
        bytyMenuVisible = false;
        return false;
    });
    $("#domyOption").mouseenter(function() {
        if (!domyMenuVisible) {
            domyMenuVisible = true;
            ChangeLinkImg('imgDomy', 'domy_over.gif');
            showMenu($("#domyHoverMenu"));

            multiHider(true, false, true, true);
        }
        return false;
    });
    $("#domyOption").mouseleave(function() {
        ChangeLinkImg('imgDomy', 'domy.gif');
        hideMenu($("#domyHoverMenu"));
        domyMenuVisible = false;
        return false;
    });
    $("#pozemkyOption").mouseenter(function() {
        if (!pozemkyMenuVisible) {
            pozemkyMenuVisible = true;
            ChangeLinkImg('imgPozemky', 'pozemky_over.gif');
            showMenu($("#pozemkyHoverMenu"));

            multiHider(true, true, false, true);
        }
        return false;
    });
    $("#pozemkyOption").mouseleave(function() {
        ChangeLinkImg('imgPozemky', 'pozemky.gif');
        hideMenu($("#pozemkyHoverMenu"));
        pozemkyMenuVisible = false;
        return false;
    });
    $("#priestoryOption").mouseenter(function() {
        if (!priestoryMenuVisible) {
            priestoryMenuVisible = true;
            ChangeLinkImg('imgPriestory', 'priestory_over.gif');
            showMenu($("#priestoryHoverMenu"));

            multiHider(true, true, true, false);
        }
        return false;
    });
    $("#priestoryOption").mouseleave(function() {
        ChangeLinkImg('imgPriestory', 'priestory.gif');
        hideMenu($("#priestoryHoverMenu"));
        priestoryMenuVisible = false;
        return false;
    });

    function ChangeLinkImg(imgId, imgSrc) {
        document.getElementById(imgId).src = (window.imagesRelPath ? window.imagesRelPath : "Content/Images/") + imgSrc;
    }
});