// JavaScript Document

$(function() {
	$("#loginForm").css("display","none").after('<div class="button bg"><button class="styled" id="loginFormButton">Begin Survey</button></div><div class="clearer"></div>')
	$("#loginFormButton").click(loginBox)
	if($("div.user-not-found").size()>0) {loginBox()}
	
})


function showForm() {
	$("#TB_window form").css("display","block")
	$("#TB_window form input:text")[0].focus()
}


function loginBox() {
	
	tb_show("","?TB_inline&height=220&width=400&inlineId=loginForm&modal=true")
	
	//$("#TB_overlay").fadeIn("fast")
	$("#TB_window form").css("display","none").submit(loginSubmit)
	$("#TB_window").addClass("loginForm").slideDown("slow",showForm)
	
	$("select.other").change(function() {
		
		if(this[this.selectedIndex].value=="Other") {
			var n = this.name
			
			$(this).attr("name",n+"__select").css("display","none").after('<input name="'+n+'" id="'+n+"__otherinput"+'" class="other-select '+ n+"__otherinput"   +'"/>')
			$("#TB_window form input."+n+"__otherinput")[0].focus()
		}
	})
	
	
	

}

function loginSubmit() {
	
	
	var valid = true
	
	$(this).find("select#professional_area").each(function() {
	
		if(this.selectedIndex==0) {
			
			alert("Please select an appropriate professional area")
			
			valid=false
		}
	
	})
	
	$(this).find("input:text[@name='professional_area']").each(function() {
	
		if(!this.value) {
			
			alert("Please enter an appropriate professional area")
			
			valid=false
		}
	
	})
	
	
	return valid	
	
	
	
}