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

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

    $(function ()
    {
        ///
        /// EXPANDING MENU
        ///
        // Imposta: ExpandingMenu
        SetExpandingMenu($("#WebsiteHead_MenuNavigation #TopMenu_Company"), "HeadMenu_ButtonAzienda_Hover");
        SetExpandingMenu($("#WebsiteHead_MenuNavigation #TopMenu_Products"), "HeadMenu_ButtonProdotti_Hover");
        SetExpandingMenu($("#WebsiteHead_MenuNavigation #TopMenu_Outlet"), "HeadMenu_ButtonOutlet_Hover");
        SetExpandingMenu($("#WebsiteHead_MenuNavigation #TopMenu_Support"), "HeadMenu_ButtonSupporto_Hover");

        // Imposta: Expanding Menu
        function SetExpandingMenu($MenuArea, HoverClass)
        {
            var $MenuButton = $(".MenuButton", $MenuArea);
            var $MenuContent = $(".MenuContent", $MenuArea);
            var $MenuButton_Class = $MenuButton.attr("class");

            // Nascondi: Menu
            $MenuContent.hide();

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

            $MenuArea.hover(function ()
            {
                var id = jQuery.data(this);

                NavigationTimers[id] = setTimeout(function ()
                {

                    //alert("Over");
                    // Imposta: Immagine MouseOver
                    $MenuButton.removeClass();
                    $MenuButton.addClass(HoverClass);

                    // Espande: Menu
                    $MenuContent.show(0);

                    NavigationTimers[id] = "";

                }, HoverTime);

            }, function ()
            {
                var id = jQuery.data(this);

                if (NavigationTimers[id] != "")
                {
                    clearTimeout(NavigationTimers[id]);
                }
                else
                {
                    // Comprime: Menu
                    $MenuContent.slideUp(0, function ()
                    {
                        // Imposta: Immagine MouseOut
                        $MenuButton.removeClass();
                        $MenuButton.addClass($MenuButton_Class);
                    });
                }
            });
        }

        ///
        /// CROSS AREA
        ///
        // Recupera: Elementi CrossArea dalla pagina
        var $CrossArea_Button = $(".CrossArea_Button");

        $CrossArea_Button.hover(function ()
        {

            var $CrossArea_Button_Left = $("a", this);
            var $CrossArea_Button_Right = $("span", this);

            // Imposta: Immagine MouseOver
            $CrossArea_Button_Left.removeClass();
            $CrossArea_Button_Left.addClass("CrossArea_Button_Left_Over");

            $CrossArea_Button_Right.removeClass();
            $CrossArea_Button_Right.addClass("CrossArea_Button_Right_Over");

        }, function ()
        {

            var $CrossArea_Button_Left = $("a", this);
            var $CrossArea_Button_Right = $("span", this);

            // Imposta: Immagine MouseOut
            $CrossArea_Button_Left.removeClass();
            $CrossArea_Button_Left.addClass("CrossArea_Button_Left_Out");

            $CrossArea_Button_Right.removeClass();
            $CrossArea_Button_Right.addClass("CrossArea_Button_Right_Out");
        });

        ///
        /// SEARCH TEXT BOX
        ///
        // Imposta: Testo preimpostato nel TextBox
        var $TextBox_Head = $(".TextBox_Head");

        $TextBox_Head.each(function ()
        {
            $TextBox = $(this);
            if ($TextBox.val() != this.title)
            {
                $TextBox.removeClass("TextBox_Head_Empty");
            }
        });

        $TextBox_Head.focus(function ()
        {
            $TextBox = $(this);
            if ($TextBox.val() == this.title)
            {
                $TextBox.val("");
                $TextBox.removeClass("TextBox_Head_Empty");
            }
        });

        $TextBox_Head.blur(function ()
        {
            $TextBox = $(this);
            if ($.trim($TextBox.val()) == "")
            {
                $TextBox.val(this.title);
                $TextBox.addClass("TextBox_Head_Empty");
            }
        });
    });

    
    // Imposta: Contatore articoli nel carrello
    $(function ()
    {
        var WebMethod = "../../Libs/App_Services/StoreService.asmx/GetOrderItemsCount";
        var Parameters = "{}"

        $.ajax({
            type: "POST",
            url: WebMethod,
            data: Parameters,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (Data)
            {
                // Imposta: Contatore
                $("#OrderCountValue").html("(" + Data.d + ")");
            }
        });
    });
});