var success = false;
var surveyAns = '';
	$(function() {
		$('#dlg').dialog({
			bgiframe:true,
			autoOpen: false,
			width: 450,
			height: 280, 
			modal: true,
			buttons: {
				'Ok 確定': function() {
					$('#dlg').dialog('close');
					if (success) {
						location.href = "http://www.hkbloggercon.asia";
					}	
				}
			}
		});

		$('#submit-button').click(function() {
			var url = '/registration/';
			var lastName = $('#last_name').val();
			var firstName = $('#first_name').val();
			var nickName = $('#nick_name').val();
			var title = $("input[@name='title']:checked").val(); 
			var email = $('#email').val();
			var contactNo = $('#contact_no').val();
			var blogUrl = $('#blog_url').val();
 			//var survey = $("input[@name='survey']:checked").val();
			var survey = getSurveyAns();
			var attendingEvent = getSelection('o', 8);
			showLoadingIcon(true);	
			$.post(url, {submit: 'submit', 
					last_name:lastName,
					first_name:firstName,
					nick_name:nickName,
					title:title,
					email:email,
					contact_no:contactNo,
					blog_url:blogUrl,
					survey:survey,
					attending_event:attendingEvent
				}, 
					function(data) {
						var msg = '';
						if (data.success == true) {
							// Todo: send to registration successful screen
							msg = 'Registration completed sucessfully. 註冊成功!';	
							success = true;
						} else {
							msg = data.message;
						}
						$('#dlg-msg').html(msg);
						$('#dlg').dialog('open');						
						showLoadingIcon(false);
					}, "json");
		});
		$('#reset-button').click(function() {
			$('#last_name').val('');
			$('#first_name').val('');
			$('#nick_name').val('');
			$('#title-NA').attr("checked", "checked");
			$('#email').val('');
			$('#contact_no').val('');
			$('#blog_url').val('');
			$('#survey-unknown').attr("checked", "checked");
			for(var i=1;i<=8;i++) {
				var id = 'o'+i;
				setChecked(id, false);
			}
		});
	});

function setChecked(id, b) {
	var o = document.getElementById(id);
	if(o) {
		o.checked = b;
	}
}
function getSelection(id_prefix, num) {
        var n = 0;
        for(var i=1; i<=num; i++) {
                var id = id_prefix+i;
                var o = document.getElementById(id);
                if (o) {
                        if (o.checked)
                                n = n | o.value;
                }
        }
        return n;
}

function showLoadingIcon(b) {
	return;
	var o = document.getElementById('loading-layer');
	var display = (b) ? 'inline' : 'none';
	o.style.display = display;
}

function getSurveyAns() {
	var ar = document.getElementsByName('survey');
	for(var i=0;i<ar.length;i++) {
		var o = ar[i];
		if (o.checked) {
			return o.value;	
		}
	}	
}