
var Signup = {
    init: function() {
        this.startNameObserver();
        this.bpUsernameBox();
        this.setTitle();
        this.setCountry();
        this.setProvince();
    },

    startNameObserver: function() {
        $('lastNameSignUp').observe("focus", function(e) {
            var split = $('lastNameSignUp').value.split(" , ");
            if(split[0] == defaultLName && split[1] == defaultFName) {
                $('lastNameSignUp').value = "";
            }
        })

        $('lastNameSignUp').observe("blur", function(e) {
            if($('lastNameSignUp').value == "") {
                $('lastNameSignUp').value = defaultLName + " , " + defaultFName;
            }
        })
    },

    checkAndGo: function() {
        $('formSubmit').click();
    },

    bpUsernameBox: function(n) {
        if($('bpCheckbox').checked == true) $('bpUserContainer').removeClassName('hidden');
        else $('bpUserContainer').addClassName('hidden');
    },

    setCountry: function(){
	    var x = $('countrySignUp').value;
	    if(x != '-'){
            $('countrySpan').update($('countrySpanOption_'+x).innerHTML);
	    }else{
	        $('countrySpan').update('-');
	    }
    },

    setTitle: function(){
	    var x = $('titleSelect').value;
        $('titleSpan').update($('titleSpanOption_'+x).innerHTML);

    },

    setProvince: function(){
	    var x = $('stateSignUp').value;
	    if(x != '-'){
            $('stateSpan').update($('stateSpanOption_'+x).innerHTML);
        }else{
            $('stateSpan').update('-');
        }
    },

    changeProvinces: function(country) {
        sField = $('stateSignUp');
	    new Ajax.Request("/ajax/getProvinces.php", {
	        postBody: "&country=" + country,

	        onSuccess: function(r) {
	            var obj = r.responseText.evalJSON();

	            $(sField).update();
	            var opt = document.createElement('option');
                Element.extend(opt);
                opt.setAttribute("value", "-");

                var optTxt = document.createTextNode("-");
                opt.appendChild(optTxt);

                $(sField).appendChild(opt);

	            if(obj.result != 'OK') return false;

	            for(var i in obj.provinces) {
	               var opt = document.createElement('option');
	               Element.extend(opt);
	               opt.setAttribute("value", i);
	               opt.setAttribute("id", "stateSpanOption_"+i);

	               var optTxt = document.createTextNode(obj.provinces[i]);
	               opt.appendChild(optTxt);

	               $(sField).appendChild(opt);
	            }
	        }
	    })
	    $('stateSpan').update('-');
	}
}