var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;
var ddmenu = 0;

var shopname = "";
var shopnumber = "";
var title;
var headline;

var txt_length = 0;
var meta_length = 0;

function menu_open() {
    menu_canceltimer();
    menu_close();
    ddmenuitem = $(this).find('ul').css('visibility', 'visible');
}

function menu_close() {
    if (ddmenuitem) ddmenuitem.css('visibility', 'hidden');
    if (ddmenu) ddmen.removeClass('selected');
}

function menu_timer()
{ closetimer = window.setTimeout(menu_close, timeout); }

function menu_canceltimer() {
    if (closetimer) {
        window.clearTimeout(closetimer);
        closetimer = null;
    } 
}

$(document).ready(function () {
    $('#MMenu > li').bind('mouseover', menu_open);
    $('#MMenu > li').bind('mouseout', menu_timer);

    jQuery('.maincontent').cycle({
        fx: 'fade',
        pause: 1,
        speed: 1000,
        timeout: 4000
    });
    jQuery('[id$="imgEdit"]').click(function () {
        jQuery('#data').modal({
            opacity: 80,
            overlayCss: { backgroundColor: "#111" }
        });
    });

    jQuery('[id$="imgNewFrontPageImage"]').click(function () {
        jQuery('#upload').modal({
            opacity: 80,
            overlayCss: { backgroundColor: "#111" }
        });
    });

    jQuery("#info li a").click(function () {
        jQuery('#' + $(this).attr('rel')).modal({
            opacity: 20,
            overlayCss: { backgroundColor: "#111" }
        });
    });

    //Order step 1:
    jQuery('[id$="chkreturningCustomer"]').attr('checked') ? jQuery("#returningcustomer").show() : jQuery("#returningcustomer").hide();
    jQuery('[id$="chkreturningCustomer"]').click(function () {
        $(this).attr('checked') ? jQuery("#returningcustomer").show() : jQuery("#returningcustomer").hide();
    });

    jQuery('[id$="chkDifferentAddress"]').attr('checked') ? jQuery("#address2").show() : jQuery("#address2").hide();

    jQuery('[id$="chkDifferentAddress"]').click(function () {
        //$(this).attr('checked') ? jQuery("#address2").show() : jQuery("#address2").hide();
        if ($(this).attr('checked')) {
            jQuery("#address2").show();
            var select1 = jQuery('#address1 select');
            var select2 = jQuery('#address2 select');
            if (select1.val() != select2.val())
                document.forms[0].submit();
        }
        else {
            jQuery('#address2 [type=text]').val('');
            var select1 = jQuery('#address1 select');
            var select2 = jQuery('#address2 select');
            select2.val(select1.val());
            jQuery("#address2").hide();
            document.forms[0].submit();
            //location.reload();
        }

    });

    jQuery('[id$="chkSaveAddress"]').attr('checked') ? jQuery("#saveAddress").show() : jQuery("#saveAddress").hide();

    jQuery('[id$="chkSaveAddress"]').click(function () {
        $(this).attr('checked') ? jQuery("#saveAddress").show() : jQuery("#saveAddress").hide();
    });

    jQuery('[id$="txtEmailInfo"]').keydown(function (event) {
        if (event.keyCode == '13') {
            btnGetReturningCustomer.click();
        }
    });
    jQuery('[id$="txtPasswordInfo"]').keydown(function (event) {
        if (event.keyCode == '13') {
            btnGetReturningCustomer.click();
        }
    });

    jQuery("#brandDetails").mouseover(function () {
        jQuery('[id$="editbutton"]').show();
    });
    jQuery("#brandDetails").mouseout(function () {
        jQuery('[id$="editbutton"]').hide();
    });

    jQuery('[id$="editbutton"]').click(function () {
        jQuery('[id$="divEdit"]').modal({
            opacity: 80,
            overlayCss: { backgroundColor: "#111" },
            containerCss: {
                padding: 0,
                overflow: 'auto',
                maxHeight: 800
            }
        });


        if (jQuery('[id$="hidShopName"]') != null) {
            shopname = jQuery('[id$="hidShopName"]').val();
            shopnumber = jQuery('[id$="hidShopNumber"]').val();
        }
        var textEditor = jQuery('[id$="txtTextEditor"]');
        jQuery("textarea").htmlarea(textEditor);
        txt_length = jQuery('[id$="txtTextEditor"]').val().length;

        jQuery("#txt_length").html(jQuery('[id$="txtTextEditor"]').val().length);

        meta_length = jQuery('[id$="txtMetaDescription"]').val().length;
        jQuery("#meta_length").html(meta_length);

        jQuery('[id$="txtTextEditor"]').keyup(function () {
            jQuery("#txt_length").html(jQuery('[id$="txtTextEditor"]').val().length);
        });

        jQuery('[id$="txtMetaDescription"]').keyup(function () {
            jQuery("#meta_length").html(jQuery('[id$="txtMetaDescription"]').val().length);
        });
        jQuery('[id$="txtShortText"]').keyup(function () {
            Update();
        });
        jQuery('[id$="txtColorText"]').keyup(function () {
            Update();
        });
    });

    jQuery('[id$="usernameTextBox"]').keydown(function (event) {
        if (event.keyCode == '13') {
            jQuery('[id$="OK_Button"]').click();
        }
    });
    jQuery('[id$="passwordTextBox"]').keydown(function (event) {
        if (event.keyCode == '13') {
            jQuery('[id$="OK_Button"]').click();
        }
    });
    jQuery('[id$="ddlCategories"]').change(function () {
        jQuery('[id$="lblDesignerCategory"]').html(jQuery('[id$="hidBrandName"]').val() + " " + jQuery('[id$="ddlCategories"] :selected').text());
        Update();
    });
});

function Update() {
    if (shopnumber.length > 0) {
            if (shopnumber == "1") {
                //alert(jQuery('[id$="lblTitle"]').html());
                jQuery('[id$="lblTitle"]').html(jQuery('[id$="txtColorText"]').val() + " " + jQuery('[id$="lblDesignerCategory"]').html() + " - " + jQuery('[id$="txtShortText"]').val() + " | " + jQuery('[id$="hidShopName"]').val());
                jQuery('[id$="lblEditHeadline"]').html(jQuery('[id$="txtColorText"]').val() + " " + jQuery('[id$="lblDesignerCategory"]').html() + " - " + jQuery('[id$="txtShortText"]').val());
            }
            if (shopnumber == "2") {
                jQuery('[id$="lblTitle"]').html(jQuery('[id$="lblDesignerCategory"]').html() + " - " + jQuery('[id$="txtShortText"]').val() + " " + jQuery('[id$="txtColorText"]').val() + " | " + jQuery('[id$="hidShopName"]').val());
                jQuery('[id$="lblHeadline"]').html(jQuery('[id$="lblDesignerCategory"]').html() + " - " + jQuery('[id$="txtShortText"]').val() + " " + jQuery('[id$="txtColorText"]').val());
            }
        }
        jQuery("#meta_length").html(jQuery('[id$="txtMetaDescription"]').val().length);
}
document.onclick = menu_close;