/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
var ModalUnOpener;

$(document).ready(function() {
    var modal_config = {
        animate: true,
        type: MdLightbox.UI.Popup.Type.MODAL,
        minWidth : 400,
        minHeight : 200,
        showOverlay : true,
        overlayOpacity : 1,
        autoPos : true
    }
    ModalUnOpener = new MdLightbox.UI.Popup($("#signin_container"), modal_config);

    watchLogins();
});

function watchLogins(){
    $('#layout_upper_login').click(showLoginModal);
    $('#layout_lower_login').click(showLoginModal);
    $("#user_change_password").click(showChangePasswordModal);
    $("#user_change_email").click(showChangeEmailModal);

}

function showChangeEmailModal(){
    var myUrl = $("#user_change_email").attr('urlToGo');
    $('#login_content').html('cargando contenido');
    openModal();
    $.ajax({
        type: "POST",
        url: myUrl,
        dataType: "json",
        success: function(data){
            if(data.result == 1){

                $('#login_content').html(data.body);
                openModal();

                setObserversAfterLoadContent();

            }
        }

    });
}

function sendChangeEmail(){
    $.ajax({
        type: "POST",
        url: $("#form_change_email_ajax").attr('action'),
        dataType: "json",
        data: $("#form_change_email_ajax").serialize(),
        success: function(data){
            if(data.result == 1){

                $('#login_content').html(data.body);

            }else{
                //location.reload();
            }
        }

    });
    return false;
}

function showChangePasswordModal(){
    var myUrl = $("#user_change_password").attr('urlToGo');
    $.ajax({
        type: "POST",
        url: myUrl,
        dataType: "json",
        success: function(data){
            if(data.result == 1){

                $('#login_content').html(data.body);
                openModal();

                setObserversAfterLoadContent();

            }
        }

    });
}

function sendChangePassword(){
    $.ajax({
        type: "POST",
        url: $("#form_change_password_ajax").attr('action'),
        dataType: "json",
        data: $("#form_change_password_ajax").serialize(),
        success: function(data){
            if(data.result == 1){

                $('#login_content').html(data.body);

            }else{
                //location.reload();
            }
        }

    });
    return false;
}

function showLoginModal(){
    var myUrl = $("#layout_upper_login").attr('urlToGo');
    $('#login_content').html('cargando contenido');
    openModal();

    var vpHeight = $(window).height() / 2;
    var vpLeft = $(window).width() / 2;
    $('#signin_container_overlay').html('<div style="position:absolute; left:'+vpLeft+'px; top:'+vpHeight+'px;"><img style="" src="/images/ajax-loader.gif" /></div>');


    $.ajax({
        type: "POST",
        url: myUrl,
        dataType: "json",
        success: function(data){
            if(data.result == 1){

                $('#login_content').html(data.body);
                openModal();

                setObserversAfterLoadContent();

            }
        }

    });
}

function sendSigninForm(){
    $.ajax({
        type: "POST",
        url: $("#form_login_ajax").attr('action'),
        dataType: "json",
        data: $("#form_login_ajax").serialize(),
        success: function(data){
            if(data.result == 1){

                $('#login_content').html(data.body);
                setObserversAfterLoadContent();
                
            }else{
                location.reload();
            }
        }

    });
    return false;
}

function setObserversAfterLoadContent(){
    $('.default-value').each(function() {
        var default_value = this.value;
        $(this).focus(function() {
            if(this.value == default_value) {
                this.value = '';
            }
        });
        $(this).blur(function() {
            if(this.value == '') {
                this.value = default_value;
            }
        });
    });

    $('.password-clear').show();
    $('.password-password').hide();
    $('.password-repeat').hide()
    $('.password-repeat-clear').show();
    

    $('.password-clear').focus(function() {
        $('.password-clear').hide();
        $('.password-password').show();
        $('.password-password').focus();
    });
    $('.password-password').blur(function() {
        if($('.password-password').val() == '') {
            $('.password-clear').show();
            $('.password-password').hide();
        }
    });

    $('.password-repeat').blur(function() {
        if($('.password-repeat').val() == '') {
            $('.password-repeat-clear').show();
            $('.password-repeat').hide();
        }
    });

    $('.password-repeat-clear').focus(function() {
        $('.password-repeat-clear').hide();
        $('.password-repeat').show();
        $('.password-repeat').focus();
    });
}

function showResendActivationEmailModal(){
    $.ajax({
        type: "POST",
        url: "/mdAuth/getActiveAccountEmail",
        dataType: "json",
        success: function(data){
            if(data.result == 1){

                $('#login_content').html(data.body);
                openModal();

            }
        }

    });
}

function submitResendActivationEmailAjax(){
    $.ajax({
        type: "POST",
        url: $("#form_resend_activation_email_ajax").attr('action'),
        dataType: "json",
        data: $("#form_resend_activation_email_ajax").serialize(),
        success: function(data){
            $('#login_content').html(data.body);
            
        }

    });
    return false;
}



function showJoinNow(){
    var myUrl = $("#join_now_link").attr('urlToGo');
    $.ajax({
        type: "POST",
        url: myUrl,// "/mdUserManagementFrontend/getRegisterMinimunUserAjax",
        dataType: "json",
        success: function(data){
            if(data.result == 1){
                $('#login_content').html(data.body);
                openModal();
                setObserversAfterLoadContent();
            }
        }

    });
}



function submitJoinAjax(){
    $.ajax({
        type: "POST",
        url: $("#register_form_user").attr('action'),
        dataType: "json",
        data: $("#register_form_user").serialize(),
        success: function(data){
            if(data.result == 1){
                if(data.code == 2){
                    $('#login_error').html(data.error);
                }else{
                    $('#login_content').html(data.body);
                }
                //setObserversAfterLoadContent();
            }else{
                location.reload();
            }
        }

    });
    return false;
}

function showResetPassword(){
    myUrl = $("#reset_password_link").attr('urlToGo'),
    $.ajax({
        type: "POST",
        url: myUrl,//"/mdAuth/getResetUserPasswordAjax",
        dataType: "json",
        cache: "false",
        success: function(data){
            if(data.result == 1){
                $('#login_content').html(data.body);
                openModal();
                setObserversAfterLoadContent();
            }
        }

    });
}



function sendResetPassword(){
    $.ajax({
        type: "POST",
        url: $("#form_reset_password_ajax").attr('action'),
        dataType: "json",
        data: $("#form_reset_password_ajax").serialize(),
        success: function(data){
            if(data.result == 1){

                $('#login_content').html(data.body);

            }else{
        //location.reload();
        }
        }

    });
    return false;
}


function openModal(){
    ModalUnOpener.open();
}
function closeModal(){
    ModalUnOpener.close();
}

