$(document).ready(function () {

    if (loginStatus == 'Logout')
        $("#PageHeader .Account").html("<a href='/signout.aspx'>Sign Out</a> / <a href='/account.aspx'>My Account</a>");

    $("#LoginLink").click(function () {

        if ($("#LoginPanel").is(":visible")) {
            $("#LoginPanel").slideUp();
        }
        else {
            var offset = $("#LoginLink").offset();
            $("#LoginPanel").css({ left: offset.left, top: 30 })
            $("#LoginPanel").slideDown();
            $("#txtLoginPanelUsername").focus();
        }

    });

    $("#PageHeader .Currency").click(function () {

        if ($("#LocalizationPanel").is(":visible")) {
            $("#LocalizationPanel").slideUp();
        }
        else {
            var offset = $("#PageHeader ul").offset();
            var left = offset.left + 980 - $("#LocalizationPanel").outerWidth();
            $("#LocalizationPanel").css({ left: left, top: 30 })
            $("#LocalizationPanel").slideDown();
        }

    });

    $("#PageHeader .LanguageFlag").click(function () {

        if ($("#LocalizationPanel").is(":visible")) {
            $("#LocalizationPanel").slideUp();
        }
        else {
            var offset = $("#PageHeader ul").offset();
            var left = offset.left + 980 - $("#LocalizationPanel").outerWidth();
            $("#LocalizationPanel").css({ left: left, top: 30 })
            $("#LocalizationPanel").slideDown();
        }

    });

    $.ajax({
        type: "GET",
        url: "/handlers/Blog.aspx",
        dataType: "json",
        success: function (data) {

            for (var x in data.posts) {

                var post = data.posts[x];

                $("<div/>").addClass("NewsText").html(post.Title).appendTo(".NewsItems");
                var div = $("<div/>").addClass("NewsItem").appendTo(".NewsItems");
                $("<span/>").addClass("NewsDate").html(post.Published + " / ").appendTo(div);
                $("<a/>").attr({ "href": post.Link, "target": "_blank" }).text("Read More...").appendTo(div);
                $("<div/>").addClass("Clear10").appendTo(".NewsItems");

            }

        }
    });

    $.ajax({
        type: "GET",
        url: "/handlers/Twitter.aspx",
        dataType: "json",
        success: function (data) {

            for (var x in data.posts) {

                var post = data.posts[x];

                $("<div/>").addClass("Clear10").appendTo(".TwitterItems");
                $("<div/>").addClass("TwitterText").html(post.Title).appendTo(".TwitterItems");
                var div = $("<div/>").addClass("TwitterItem").appendTo(".TwitterItems");
                $("<span/>").addClass("TwitterDate").html(post.Published + " / ").appendTo(div);
                $("<a/>").attr({ "href": "http://twitter.com/#!/CrimsonCircle", "target": "_blank" }).text("Read More...").appendTo(div);

            }

        }
    });

    $.ajax({
        type: "GET",
        url: "/handlers/Localization.aspx",
        data: { "RequestType": "GetCurrencies" },
        dataType: "json",
        success: function (data) {

            for (var x in data.currencies) {

                var currency = data.currencies[x];
                var div = $("<div/>").text(currency.Code).addClass("CurrencyItem").appendTo("#LocalizationPanel .Currencies");

                if (currency.Code == customerCurrency)
                    $(div).addClass("Selected");

            }

            $(".CurrencyItem").click(function () {

                var currencyCode = $(this).text();
                var returnUrl = window.location.pathname.substring(window.location.pathname.lastIndexOf("/") + 1);
                window.location = "/setcurrency.aspx?returnUrl=" + returnUrl + "&CurrencySetting=" + currencyCode;

            });

        }
    });

    $.ajax({
        type: "GET",
        url: "/handlers/Localization.aspx",
        data: { "RequestType": "GetLanguages" },
        dataType: "json",
        success: function (data) {

            for (var x in data.languages) {

                var language = data.languages[x];
                var div = $("<div/>").attr("code", language.Code).html('<img src="/App_Themes/Skin_1/ImagesCustom/Header/Flag_' + language.Code + '.png" alt="Language"/><span>' + eval("language_" + language.Code.split("-")[0]) + '</span>').addClass("LanguageItem").appendTo("#LocalizationPanel .Languages");

                if (language.Code == customerLanguage)
                    $(div).addClass("Selected");

            }

            $(".LanguageItem").click(function () {

                var languageCode = $(this).attr("code");
                var returnUrl = window.location.pathname.substring(window.location.pathname.lastIndexOf("/") + 1);
                window.location = "/setlocale.aspx?returnUrl=" + returnUrl + "&LocaleSetting=" + languageCode;

            });

        }
    });

    $(".OnlineSupportWrapper a").live("click", function (e) {

        e.preventDefault();
        window.open('http://crimsoncircle.smartertrack.com/Chat/frmClientPreChat.aspx?config=1', 'LiveChat1', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=560,height=520');

    });

    $("#PageHeader .Currency").text(customerCurrency);
    $("#PageHeader .LanguageFlag").attr("src", "/App_Themes/Skin_1/ImagesCustom/Header/Flag_" + customerLanguage + ".png");

    $("#txtLoginPanelUsername").focus(function () {
        $("#txtLoginPanelUsername").val("");
    });

    $("#txtLoginPanelPassword").focus(function () {
        $("#txtLoginPanelPassword").val("");
    });

    /*
    $("#txtLoginPanelUsername").blur(function () {
    if ($("#txtLoginPanelUsername").val() == '')
    $("#txtLoginPanelUsername").val("Enter your Email");
    });

    $("#txtLoginPanelPassword").blur(function () {
    if ($("#txtLoginPanelPassword").val() == '')
    $("#txtLoginPanelPassword").val("Enter your Password");
    });
    */

    $("#LoginPanel .ImageButton").click(function () {

        var username = $("#txtLoginPanelUsername").val();
        var password = $("#txtLoginPanelPassword").val();
        var errorText = "";

        if ($("#txtLoginPanelUsername").val() == '' || $("#txtLoginPanelUsername").val() == "Enter your Email") {
            errorText = "An email address is required."
        }
        else if ($("#txtLoginPanelPassword").val() == '' || $("#txtLoginPanelPassword").val() == "Enter your Password") {
            errorText = "A password is required."
        }

        if (errorText.length > 0)
            alert(errorText);
        else {

            $.ajax({
                type: "GET",
                url: "/handlers/Authentication.aspx",
                data: { Username: username, Password: password, CustomerID: customerID },
                dataType: "json",
                success: function (data) {

                    if (data.CustomerID != customerID) {

                        $("#LoginPanel").slideUp();
                        $("#PageHeader .Account").html("<a href='/signout.aspx'>Sign Out</a> / <a href='/account.aspx'>My Account</a>");

                    }
                    else {

                        alert(data.ErrorText);

                    }
                }
            });

        }

    });

    $("#SearchBox").focus(function () {
        $("#SearchBox").val("");
    });

    $("#SearchBox").blur(function () {
        if ($("#SearchBox").val() == '')
            $("#SearchBox").val("SEARCH HERE");
    });

    $("#SearchButton").click(function (e) {

        var searchTerm = $("#SearchBox").val();

        e.preventDefault();

        if (searchTerm != '' && searchTerm != "SEARCH HERE") {

            window.location = "/Search.aspx?SearchTerm=" + searchTerm;

        }
    });

    $("#SearchBox").keypress(function (e) {

        if (e.which == 13) {
            e.preventDefault();
            $("#SearchButton").click();
        }

    });

    $(".Link").hover(
        function () {
            var id = $(this).find("a").attr("href");
            var offset = $(this).offset();
            var left = offset.left + 210;

            $(this).addClass("Active");
            $(id).css({ left: left, top: offset.top })
            clearTimeout($(this).data('timeout'));
            $(id).show(300);
        },
        function () {
            var id = $(this).find("a").attr("href");

            $(this).removeClass("Active");

            var timeoutId = setTimeout(function () { $(id).hide(); }, 300);
            $(this).data('timeout', timeoutId);
        }
    );

    $(".LeftNavMenu").hover(
        function () {
            var id = $("a[href='#" + $(this).attr("id") + "']").closest("li");
            $(id).addClass("Active");
            clearTimeout($(id).data('timeout'));
        },
        function () {
            $(this).data("timeout", setTimeout($.proxy(function () {
                var id = $("a[href='#" + $(this).attr("id") + "']").closest("li");
                $(id).removeClass("Active");
                $(this).hide()
            }, this), 300));
        }
    );

    $(".HomePageLink").click(function () {

        window.location = '/default.aspx';

    });

    $(".ProductsLink a, .EventsLink a, .CustomerServiceLink a").click(function (e) {

        e.preventDefault();

    });

    $(".LanguageItem").live("mouseover", function () {

        $(this).find("img").hide();
        $(this).find("span").show();
    });

    $(".LanguageItem").live("mouseout", function () {

        $(this).find("span").hide();
        $(this).find("img").show();
    });

    checkSupportStatus();

});

function checkSupportStatus() {

    $.ajax({
        type: "GET",
        url: "/handlers/SmarterTrack.aspx",
        dataType: "json",
        success: function (data) {

            if (data.Status == 0)
                $(".OnlineSupportWrapper").html("<img src='/App_Themes/Skin_1/ImagesCustom/Search/Offline.png' alt='Live Chat'>");
            else
                $(".OnlineSupportWrapper").html("<a href='#'><img src='/App_Themes/Skin_1/ImagesCustom/Search/Online.png' alt='Live Chat'></a>");

        }
    });

    setTimeout('checkSupportStatus()', 5000);

}