/// <reference path="../../Libs/Plugins/jQuery/jquery.js" />

/// <summary>
/// © XTRA | Estetica e tecnologia
/// Email: info@xtra.it
/// </summary>

// Page: Ready
$(document).ready(function() {

    // Imposta: Expanding Menu
    $(function() {

        // Recupera: Elementi dalla pagina
        var $ExpMenu_ScorpionBay = $("#ExpMenu #ExpMenu_ScorpionBay");
        var $ExpMenu_OnLineStore = $("#ExpMenu #ExpMenu_OnLineStore");
        var $ExpMenu_Collection = $("#ExpMenu #ExpMenu_Collection");
        var $ExpMenu_StoreLocator = $("#ExpMenu #ExpMenu_StoreLocator");

        var $ExpMenu_Button_ScorpionBay = $("#ExpMenu #HeadMenu_ExpMenu_Button_ScorpionBay");
        var $ExpMenu_Button_OnLineStore = $("#ExpMenu #HeadMenu_ExpMenu_Button_OnLineStore");
        var $ExpMenu_Button_Collection = $("#ExpMenu #HeadMenu_ExpMenu_Button_Collection");
        var $ExpMenu_Button_StoreLocator = $("#ExpMenu #HeadMenu_ExpMenu_Button_StoreLocator");

        var $ExpMenu_Content_ScorpionBay = $("#ExpMenu #ExpMenu_Content_ScorpionBay");

        var $ExpMenu_Button_ScorpionBay_Class = $ExpMenu_Button_ScorpionBay.attr("class");
        var $ExpMenu_Button_OnLineStore_Class = $ExpMenu_Button_OnLineStore.attr("class");
        var $ExpMenu_Button_Collection_Class = $ExpMenu_Button_Collection.attr("class");
        var $ExpMenu_Button_StoreLocator_Class = $ExpMenu_Button_StoreLocator.attr("class");

        // Disattiva: Menu Scorpion Bay e rimuove lo stile hidden
        $ExpMenu_Content_ScorpionBay.hide();
        $ExpMenu_Content_ScorpionBay.removeClass("Hidden");

        // Imposta: Timer per evitare effetti indesiderati
        var HoverTime = 200;
        var NavigationTimers = [];

        $ExpMenu_ScorpionBay.hover(function() {

            var id = jQuery.data(this);

            NavigationTimers[id] = setTimeout(function() {

                // Imposta: Immagine MouseOver
                $ExpMenu_Button_ScorpionBay.removeClass();
                $ExpMenu_Button_ScorpionBay.addClass("HeadMenu_ScorpionBay_Over");


                // Espande: Menu
                $ExpMenu_Content_ScorpionBay.slideDown("fast");

                NavigationTimers[id] = "";

            }, HoverTime);


        }, function() {

            var id = jQuery.data(this);

            if (NavigationTimers[id] != "") {
                clearTimeout(NavigationTimers[id]);
            }
            else {

                // Comprime: Menu
                $ExpMenu_Content_ScorpionBay.slideUp("fast", function() {

                    // Imposta: Immagine MouseOut
                    $ExpMenu_Button_ScorpionBay.removeClass();
                    $ExpMenu_Button_ScorpionBay.addClass($ExpMenu_Button_ScorpionBay_Class);
                });
            }
        });

        if (!$ExpMenu_Button_OnLineStore.hasClass("HeadMenu_OnlineStore_Selected")) {
            $ExpMenu_OnLineStore.hover(function() {

                // Imposta: Immagine MouseOver
                $ExpMenu_Button_OnLineStore.removeClass();
                $ExpMenu_Button_OnLineStore.addClass("HeadMenu_OnlineStore_Over");

            }, function() {

                // Imposta: Immagine MouseOut
                $ExpMenu_Button_OnLineStore.removeClass();
                $ExpMenu_Button_OnLineStore.addClass($ExpMenu_Button_OnLineStore_Class);
            });
        }

        if (!$ExpMenu_Button_Collection.hasClass("HeadMenu_Collection_Selected")) {
            $ExpMenu_Collection.hover(function() {

                // Imposta: Immagine MouseOver
                $ExpMenu_Button_Collection.removeClass();
                $ExpMenu_Button_Collection.addClass("HeadMenu_Collection_Over");

            }, function() {

                // Imposta: Immagine MouseOut
                $ExpMenu_Button_Collection.removeClass();
                $ExpMenu_Button_Collection.addClass($ExpMenu_Button_Collection_Class);
            });
        }

        if (!$ExpMenu_Button_StoreLocator.hasClass("HeadMenu_StoreLocator_Selected")) {
            $ExpMenu_StoreLocator.hover(function() {

                // Imposta: Immagine MouseOver
                $ExpMenu_Button_StoreLocator.removeClass();
                $ExpMenu_Button_StoreLocator.addClass("HeadMenu_StoreLocator_Over");

            }, function() {

                // Imposta: Immagine MouseOut
                $ExpMenu_Button_StoreLocator.removeClass();
                $ExpMenu_Button_StoreLocator.addClass($ExpMenu_Button_StoreLocator_Class);

            });
        }
    });

    // Imposta: Store menu
    $(function() {

        // Recupera: Elementi dalla pagina
        var $StoreMenu_Man = $("#HeadMenu_StoreMenu #StoreMenu_Man");
        var $StoreMenu_Woman = $("#HeadMenu_StoreMenu #StoreMenu_Woman");
        var $StoreMenu_Junior = $("#HeadMenu_StoreMenu #StoreMenu_Junior");
        var $StoreMenu_Girl = $("#HeadMenu_StoreMenu #StoreMenu_Girl");
        var $StoreMenu_Accessories = $("#HeadMenu_StoreMenu #StoreMenu_Accessories");

        var $StoreMenu_Button_Man = $("#HeadMenu_StoreMenu #HeadMenu_StoreMenu_Button_Man");
        var $StoreMenu_Button_Woman = $("#HeadMenu_StoreMenu #HeadMenu_StoreMenu_Button_Woman");
        var $StoreMenu_Button_Junior = $("#HeadMenu_StoreMenu #HeadMenu_StoreMenu_Button_Junior");
        var $StoreMenu_Button_Girl = $("#HeadMenu_StoreMenu #HeadMenu_StoreMenu_Button_Girl");
        var $StoreMenu_Button_Accessories = $("#HeadMenu_StoreMenu #HeadMenu_StoreMenu_Button_Accessories");

        var $StoreMenu_Content_Man = $("#HeadMenu_StoreMenu #StoreMenu_Content_Man");
        var $StoreMenu_Content_Woman = $("#HeadMenu_StoreMenu #StoreMenu_Content_Woman");
        var $StoreMenu_Content_Junior = $("#HeadMenu_StoreMenu #StoreMenu_Content_Junior");
        var $StoreMenu_Content_Girl = $("#HeadMenu_StoreMenu #StoreMenu_Content_Girl");
        var $StoreMenu_Content_Accessories = $("#HeadMenu_StoreMenu #StoreMenu_Content_Accessories");

        var $StoreMenu_Button_Man_Class = $StoreMenu_Button_Man.attr("class");
        var $StoreMenu_Button_Woman_Class = $StoreMenu_Button_Woman.attr("class");
        var $StoreMenu_Button_Junior_Class = $StoreMenu_Button_Junior.attr("class");
        var $StoreMenu_Button_Girl_Class = $StoreMenu_Button_Girl.attr("class");
        var $StoreMenu_Button_Accessories_Class = $StoreMenu_Button_Accessories.attr("class");

        // Disattiva: Menu Scorpion Bay e rimuove lo stile hidden
        $StoreMenu_Content_Man.hide();
        $StoreMenu_Content_Man.removeClass("Hidden");

        $StoreMenu_Content_Woman.hide();
        $StoreMenu_Content_Woman.removeClass("Hidden");

        $StoreMenu_Content_Junior.hide();
        $StoreMenu_Content_Junior.removeClass("Hidden");

        $StoreMenu_Content_Girl.hide();
        $StoreMenu_Content_Girl.removeClass("Hidden");

        $StoreMenu_Content_Accessories.hide();
        $StoreMenu_Content_Accessories.removeClass("Hidden");

        // Imposta: Timer per evitare effetti indesiderati
        var HoverTime = 200;
        var NavigationTimers = [];

        $StoreMenu_Man.hover(function() {

            var id = jQuery.data(this);

            NavigationTimers[id] = setTimeout(function() {

                // Imposta: Immagine MouseOver
                $StoreMenu_Button_Man.removeClass();
                $StoreMenu_Button_Man.addClass("StoreMenu_Man_Over");

                // Espande: Menu
                $StoreMenu_Content_Man.show();

                NavigationTimers[id] = "";

            }, HoverTime);


        }, function() {

            var id = jQuery.data(this);

            if (NavigationTimers[id] != "") {
                clearTimeout(NavigationTimers[id]);
            }
            else {

                // Comprime: Menu
                $StoreMenu_Content_Man.hide(0, function() {

                    // Imposta: Immagine MouseOut
                    $StoreMenu_Button_Man.removeClass();
                    $StoreMenu_Button_Man.addClass($StoreMenu_Button_Man_Class);
                });
            }
        });

        $StoreMenu_Woman.hover(function() {

            var id = jQuery.data(this);

            NavigationTimers[id] = setTimeout(function() {

                // Imposta: Immagine MouseOver
                $StoreMenu_Button_Woman.removeClass();
                $StoreMenu_Button_Woman.addClass("StoreMenu_Woman_Over");

                // Espande: Menu
                $StoreMenu_Content_Woman.show();

                NavigationTimers[id] = "";

            }, HoverTime);


        }, function() {

            var id = jQuery.data(this);

            if (NavigationTimers[id] != "") {
                clearTimeout(NavigationTimers[id]);
            }
            else {

                // Comprime: Menu
                $StoreMenu_Content_Woman.hide(0, function() {

                    // Imposta: Immagine MouseOut
                    $StoreMenu_Button_Woman.removeClass();
                    $StoreMenu_Button_Woman.addClass($StoreMenu_Button_Woman_Class);
                });
            }
        });

        $StoreMenu_Junior.hover(function() {

            var id = jQuery.data(this);

            NavigationTimers[id] = setTimeout(function() {

                // Imposta: Immagine MouseOver
                $StoreMenu_Button_Junior.removeClass();
                $StoreMenu_Button_Junior.addClass("StoreMenu_Junior_Over");

                // Espande: Menu
                $StoreMenu_Content_Junior.show();

                NavigationTimers[id] = "";

            }, HoverTime);


        }, function() {

            var id = jQuery.data(this);

            if (NavigationTimers[id] != "") {
                clearTimeout(NavigationTimers[id]);
            }
            else {

                // Comprime: Menu
                $StoreMenu_Content_Junior.hide(0, function() {

                    // Imposta: Immagine MouseOut
                    $StoreMenu_Button_Junior.removeClass();
                    $StoreMenu_Button_Junior.addClass($StoreMenu_Button_Junior_Class);
                });
            }
        });

        $StoreMenu_Girl.hover(function() {

            var id = jQuery.data(this);

            NavigationTimers[id] = setTimeout(function() {

                // Imposta: Immagine MouseOver
                $StoreMenu_Button_Girl.removeClass();
                $StoreMenu_Button_Girl.addClass("StoreMenu_Girl_Over");

                // Espande: Menu
                $StoreMenu_Content_Girl.show();

                NavigationTimers[id] = "";

            }, HoverTime);


        }, function() {

            var id = jQuery.data(this);

            if (NavigationTimers[id] != "") {
                clearTimeout(NavigationTimers[id]);
            }
            else {

                // Comprime: Menu
                $StoreMenu_Content_Girl.hide(0, function() {

                    // Imposta: Immagine MouseOut
                    $StoreMenu_Button_Girl.removeClass();
                    $StoreMenu_Button_Girl.addClass($StoreMenu_Button_Girl_Class);
                });
            }
        });

        $StoreMenu_Accessories.hover(function() {

            var id = jQuery.data(this);

            NavigationTimers[id] = setTimeout(function() {

                // Imposta: Immagine MouseOver
                $StoreMenu_Button_Accessories.removeClass();
                $StoreMenu_Button_Accessories.addClass("StoreMenu_Accessories_Over");

                // Espande: Menu
                $StoreMenu_Content_Accessories.show();

                NavigationTimers[id] = "";

            }, HoverTime);


        }, function() {

            var id = jQuery.data(this);

            if (NavigationTimers[id] != "") {
                clearTimeout(NavigationTimers[id]);
            }
            else {

                // Comprime: Menu
                $StoreMenu_Content_Accessories.hide(0, function() {

                    // Imposta: Immagine MouseOut
                    $StoreMenu_Button_Accessories.removeClass();
                    $StoreMenu_Button_Accessories.addClass($StoreMenu_Button_Accessories_Class);
                });
            }
        });

    });

    // Imposta: Language Selector
    $(function() {

        // Recupera: Elementi dalla pagina
        var $LanguageSelector = $("#LanguageSelector");

        var $LanguageSelector_Button = $("#LanguageSelector #LanguageSelector_Button");

        var $LanguageSelector_Content = $("#LanguageSelector #LanguageSelector_Content");

        // Disattiva: Menu Scorpion Bay e rimuove lo stile hidden
        $LanguageSelector_Content.hide();
        $LanguageSelector_Content.removeClass("Hidden");

        // Imposta: Timer per evitare effetti indesiderati
        var HoverTime = 100;
        var NavigationTimers = [];

        $LanguageSelector.hover(function() {

            var id = jQuery.data(this);

            NavigationTimers[id] = setTimeout(function() {

                // Espande: Menu
                $LanguageSelector_Content.show();

                NavigationTimers[id] = "";

            }, HoverTime);


        }, function() {

            var id = jQuery.data(this);

            if (NavigationTimers[id] != "") {
                clearTimeout(NavigationTimers[id]);
            }
            else {

                // Comprime: Menu
                $LanguageSelector_Content.hide();
            }
        });
    });
});