$(document).ready(function() {
    $(".palomaDropDownList .selectionBox .selectionItem").hover(
        function() {
            $(this).find('.leftEdge').css({ 'background-color': '#f0fafe' });
            $(this).find('.content').css({ 'background-color': '#f0fafe' });
            $(this).find('.rightEdge').css({ 'background-color': '#f0fafe' });
            $(this).find('.borderDiv').show();
        },
        function() {
            $(this).find('.leftEdge').css({ 'background-color': '#ffffff' });
            $(this).find('.content').css({ 'background-color': '#ffffff' });
            $(this).find('.rightEdge').css({ 'background-color': '#ffffff' });
            $(this).find('.borderDiv').hide();
        }
    );

    $(".palomaDropDownList .selectionBox").hover(
        function() {
        },
        function() {
            $(this).parent().parent().find('.selectionBox').hide();
        }
    );

    $(".palomaDropDownList .selectionField").click(function() {
        if ($(this).parent().find('.selectionBox').is(':visible')) {
            $(this).parent().find('.selectionBox').hide();
        } else {
            $(this).parent().parent().find('.selectionBox').show();
        }
    });

    $(".palomaDropDownList .selectionBox .selectionItem").click(function() {
        var selectionField = $(this).parent().parent().find('.selectionField .content');
        selectionField.text($(this).find('.content').text());
        $(this).parent().hide();

        if ($(this).attr('id') == 'prenumerera') {
            $('#wantsSubscription').val('1');
        } else {
            $('#wantsSubscription').val('0');
        }
    });

    $("#sendButtonDiv").click(function() {
        if ($('#sendButtonDiv').val() == '1') {
            eval(sendButtonPostBack);
        }
    });

    $(".downloadPalomaFolder").click(function() {
    window.location.href = "/resource/paloma_produktblad.pdf";
    });

    $("#emailAddressDiv input").blur(function(event) {
        var textBoxString = jQuery.trim($(this).val());
        validateEmailAddress(textBoxString);
    });

    $("#emailAddressDiv input").keyup(function(event) {
        var textBoxString = jQuery.trim($(this).val());
        validateEmailAddress(textBoxString);
    });

    $('#callBackBox').click(function() {
        if ($(this).val() == '1') {
            $(this).addClass('checkBoxUncheckedCss');
            $(this).removeClass('checkBoxCheckedCss');
            $(this).val('0');
            $('#wantsCallBack').val('0');
        } else {
            $(this).removeClass('checkBoxUncheckedCss');
            $(this).addClass('checkBoxCheckedCss');
            $(this).val('1');
            $('#wantsCallBack').val('1');
        }
    });

    $('#callBackText').click(function() {
        if ($('#callBackBox').val() == '1') {
            $('#callBackBox').addClass('checkBoxUncheckedCss');
            $('#callBackBox').removeClass('checkBoxCheckedCss');
            $('#callBackBox').val('0');
            $('#wantsCallBack').val('0');
        } else {
            $('#callBackBox').removeClass('checkBoxUncheckedCss');
            $('#callBackBox').addClass('checkBoxCheckedCss');
            $('#callBackBox').val('1');
            $('#wantsCallBack').val('1');
        }
    });
});

function validateEmailAddress(emailAddress) {
     var regex = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;

     if (regex.test(emailAddress)) {
        enableButton($('#sendButtonDiv'));
        $('#sendButtonDiv').val('1');
     } else {
        disableButton($('#sendButtonDiv'));  
        $('#sendButtonDiv').val('0'); 
     }
 }

 function enableButton(button) {
     $(button).removeClass('disabledButtonDiv');
     $(button).addClass('enabledButtonDiv');
     $(button).find('.disabledButtonLeftDiv').addClass('enabledButtonLeftDiv');
     $(button).find('.disabledButtonLeftDiv').removeClass('disabledButtonLeftDiv');
     $(button).find('.disabledButtonMiddleDiv').addClass('enabledButtonMiddleDiv');
     $(button).find('.disabledButtonMiddleDiv').removeClass('disabledButtonMiddleDiv');
     $(button).find('.disabledButtonRightDiv').addClass('enabledButtonRightDiv');
     $(button).find('.disabledButtonRightDiv').removeClass('disabledButtonRightDiv');
 }

 function disableButton(button) {
     $(button).removeClass('enabledButtonDiv');
     $(button).addClass('disabledButtonDiv');
     $(button).find('.enabledButtonLeftDiv').addClass('disabledButtonLeftDiv');
     $(button).find('.enabledButtonLeftDiv').removeClass('enabledButtonLeftDiv');
     $(button).find('.enabledButtonMiddleDiv').addClass('disabledButtonMiddleDiv');
     $(button).find('.enabledButtonMiddleDiv').removeClass('enabledButtonMiddleDiv');
     $(button).find('.enabledButtonRightDiv').addClass('disabledButtonRightDiv');
     $(button).find('.enabledButtonRightDiv').removeClass('enabledButtonRightDiv');
 }