/**
 * General functions
 *
 */
 
/**
 * Configuration section
 *  - Change the items to match your files / preferences
 * ***DO NOT point the urls to a different domain. Reason:
 *      Cross-domain ajax requests cannot be done. 
 */
var registerUrl   = "register.php";
var unRegisterUrl = "unregister.php";
var fadeInSpeed   = "fast";


/**
 * Functions that have some interaction with the PHP files 
 *  (by posting data and reading the result)
 *
 */
function registerPhone() {
    $.post(registerUrl, { "phone": $("#subscription #form #phone").val() },
        function (data) {
            hideForms();
            $("#subscription #form").fadeOut(fadeInSpeed);
            $("img#register_success").show();
            $("#subscription #form #phone").val("");
        });
}

function unRegisterPhone() {
    $.post(unRegisterUrl, { "phone": $("#subscription #form #phone").val() },
        function (data) {
            hideForms();
            $("img#unregister_success").fadeIn(fadeInSpeed);
            $("#subscription #form").fadeOut(fadeInSpeed);
            $("#subscription #form #phone").val("");
        });
}

/**
 * Functions definitinos
 *  Change at your own risk.
 *  Uses jQuery (www.jquery.com)
 *
 */
$(document).ready(function() {
    var clear = false;
    $("#subscription #phone").click(function() {
        if (!clear) {
            $(this).val("");
            clear = true;
        }
    });
    
    // hide all the images
    $("img#register").hide();
    $("img#unregister").hide();
    $("img#register_success").hide();
    $("img#unregister_success").hide();
});

function loadPopup(url, width, height) {
    $("#modal_popup").load(url).modal();
}

function hideForms() {
    $("img#register").hide();
    $("img#unregister").hide();
    $("img#register_success").hide();
    $("img#unregister_success").hide();
}

function registerForm() {
    hideForms();
    $("img#register").fadeIn(fadeInSpeed);
    $("#subscription #form").removeClass("unregister").addClass("register").fadeIn();
}

function unRegisterForm() {
    hideForms();
    $("img#unregister").fadeIn(fadeInSpeed);
    $("#subscription #form").removeClass("register").addClass("unregister").fadeIn();
}