$(document).ready(function() {

    $("#loginForm").submit(function() { 
        $(this).ajaxSubmit({
                success: showResponse,
                beforeSubmit: validateForm,
                resetForm: true,
                dataType: 'json'
            });
        return false;
    });

    $("#componentDiv").click(function() {
    	$("#loginForm").hide();
    	$("#login-loader").show();
    });

    $("#ccvTooltip").qtip({
        content: $("#info").html(),
        position: {
            corner: {
                target: 'topRight',
                tooltip: 'bottomLeft'
            }
        },
        style: {
            width: 310,
            border: {
                width: 2,
                radius: 5,
                color: '#4C4C4C'
            },
            tip: 'bottomLeft'
        }
    });

});


function validateForm(formData, jqForm, options) { 
    var form = jqForm[0]; 
    if (!form.username.value || !form.password.value) { 
        alert('Please enter a value for both Username and Password'); 
        return false; 
    }
    $("#login_loader").show();
}

function showResponse(responseText, statusText) {
    $("#login_loader").hide();
    if (responseText.status) {
        window.location = responseText.url;
    } else {
        alert(responseText.message);
    }
}

function onLogin(response) {
    if (response.status == 'OK') {
        var UID = response['user']['UID'];
        var firstName = response['user']['firstName'];
        var lastName = response['user']['lastName'];
        var gender = response['user']['gender'];
        var profileUrl = response['user']['profileURL'];
        profileUrl = profileUrl.split('id=');
        var profileId = profileUrl['1'];
        var loginProvider = response['user']['loginProvider'];
        $.ajax({
            type: "POST",
            url: "/account/authenticate",
            data: {uid:UID, firstname:firstName, lastname:lastName,
        		  gender:gender, profileid:profileId, provider:loginProvider},
            dataType: 'json',
            success: function(msg){
    	        $("#auth-loader").hide();
                if (msg.status) {
                    window.location = "/account/stats";
                } else {
                    addclass = "error";
                    $("#stat-msg").addClass(addclass).html(msg.message);
                }
            }
        });
    } else {
    	$("#loginForm").show();
    	$("#login-loader").hide();
    }
}