$(document).ready(function () {
    // close sf

    $('.closeSf').click(function () {
        $.unblockUI();
        return false;
    });

    // send-friend-form
    $('#sf-form').ajaxForm({ beforeSubmit: showRequest, success: sfResponse });
    // subscribtion-form
    $('.subscribtion-form').ajaxForm({ beforeSubmit:  showRequest, success:  showResponse });

});

// global login
function OpenLogin() {
    $.blockUI({
        message: $('#loginwrapper'),
        css: {
            width: '650px',
            left: '30%',
            cursor: 'default',
            border: 'none',
            backgroundColor:'transperent' 
        },
        overlayCSS: {
            cursor: 'default'
        }
    });
    
}

// global send to friend

function OpenSendFriend() {
    $.blockUI({
        message: $('#send-friend-wrapper'),
        css: {
            width: '445px',
            top:'25%',
            cursor: 'default'
        },
        overlayCSS: {
            cursor: 'default',
            backgroundColor: '#d1d0d5',
            opacity: 0.2
        }
    });

}

// subscribtion functions

function showRequest(){ $('.status').html('');}
function showResponse(data){ 
    if(data.type == 'error'){
        $('.status').html('<div class="sub-error">'+data.message+'</div>');
        } else if(data.type == 'success'){
            $('.status').html('<div class="sub-success">Thank you for your subscribtion.</div>');
            $('.newsletter-input').val('Enter email address');
        }
    }


    function sfResponse(data) {
        if (data.type == 'error') {
            $('.sfstatus').html('<div class="sub-error">' + data.message + '</div>');
        } else if (data.type == 'success') {
            $('.sfstatus').html('<div class="sub-success">' + data.message + '</div>');
        }
    }