warningString = "Please fill this field."

function checkFields () {
    var success = true;

    var fields = ['#id_name', '#id_email', '#id_UUID'];
    for(i=0; i<fields.length; i++) {
        if($.trim($(fields[i]).attr("value")) == "") {
            $(fields[i]).attr("value", warningString); 
            $(fields[i]).css("color", "#c76464");
            success = false;
        } 
    }

    return success;
}

$(document).ready(function() {

    $("#iphoneModel li").click(function() { 
        $("#iphoneModel li").removeClass("selected");
        $(this).addClass("selected"); 
        $("#id_device").attr("value", $(this).attr("rel"));
    });


    $("#accountType li").click(function() { 
        $("#accountType li").removeClass("selected");
        $(this).addClass("selected"); 
        $("#id_account").attr("value", $(this).attr("rel"));
    });



    $("input[type='text']").focus( function() {
        if($(this).attr("value") == warningString) {
            $(this).attr("value", "");
            $(this).css("color", "#647f8d");
        } 
            
    });

    $("#submit").click(function() {
        var beta = "betaName=\"Delibar iPhone 1.0\""
        var name = "name=" + $("#id_name").attr("value");
        var email = "email=" + $("#id_email").attr("value"); 
        var website = "website=" + $("#id_website").attr("value"); 
        var device = "device=" + $("#id_device").attr("value");
        var note = "annotation=" + "UUID: " + $("#id_UUID").attr("value") + "\nAccount: " + $("#id_account").attr("value") + "\nJob: " + $("#id_job").attr("value");
 
        if(!checkFields()){
            return;
        }

        $.ajax({
            type: "POST",
            url: $(location).attr('href'),
            dataType: "json",
            data: beta + "&" + name + "&" + email + "&" + website + "&" + device + "&" + note,
            success: function(msg){
                if(msg['success']) {
                    $("#tagline").html("Thanks! You will be notified as soon as the beta starts.");
                    $("#tagline").css("color", "#5c9b48");
                }
                else { 
                    $("#tagline").css("color", "#c76464");

                    if(msg['mailMsg'] != "") {
                        $("#tagline").html(msg['mailMsg']);
                    }
                    else if (msg['genericMsg']){
                        $("#tagline").html(msg['genericMsg']);
                    }
                    else {
                        $("#tagline").html("Server error, please try again later.");
                    }
                }
            }
        });

    });


});