function bbpanel (page){
	$("#panelHolder").load("bbpanel.php?page="+page+"");
	initFB();
}
function bbpanelHide(){
	$("#panelHolder").slideUp();
	
}
function panelUserProfileSetGender(){
	var n = $("#panelUserProfileGender").val();
	
	$.ajax({
	  url: "panel.setgender.php",
	  type: "GET",
	  data: { n : n},
	  cache: false,
	  success: function(html){
	  	$("#panelUserGender").html(html);
	  }
	});			
}
function panelLoginDivClose() {
	$("div#panelLoginDiv").fadeOut();
}
function panelLoginBox() {
	$("div#panelLoginDiv").fadeIn();
}
function panelLogout(){
	$.ajax({
	  url: "panel.logout.php",
	  type: "GET",
	  data: { },
	  cache: false,
	  success: function(html){
	  	bbpanel("bevakning");
	  }
	});			
	
}
function panelProfileChange (m, v)
{

	switch(m){
		case "UserGender":
			var res = '<select id="panelUserProfileGender">'+
			
			'<option value="Kvinna"'+(v == "Kvinna" ? " selected" : "")+'> Kvinna'+
			'<option value="Man"'+(v == "Man" ? " selected" : "")+'> Man'+
			
			'</select><input type="button" value="OK" class="button" onclick="panelUserProfileSetGender();">';
			
			$("#panelUserGender").html(res);
			break;
		case "UserName":
			var res = '<input type="text" id="panelUserProfileName" value="'+v+'"><input type="button" value="OK" class="button" onclick="panelUserProfileSetName();">';
			$("#panelUserName").html(res);
			break;
		case "UserBirthdate":
			
			var c = v.split("-");
			var res = "";
			res += '<select class="panelUserProfileBirthdate" id="panelUserProfileYear">';
			for(i = 10; i <= 99; i++){
				var ins = "19"+i;
				res += '<option value="'+ins+'"'+(ins == c[0] ? " selected" : "")+'>'+i;
			}
			for(i = 0; i <= 5; i++){
				var ins = "200"+i;
				res += '<option value="'+ins+'"'+(ins == c[0] ? " selected" : "")+'>'+i;
			}
			res += "</select>";
			res += '<select class="panelUserProfileBirthdate" id="panelUserProfileMonth">';
			for(i = 1; i <= 12; i++){
				var ins = i < 10 ? "0"+i+"" : i;
				res += '<option value="'+ins+'"'+(ins == c[1] ? " selected" : "")+'>'+ins;
			}
		
			res += "</select>";
			res += '<select class="panelUserProfileBirthdate" id="panelUserProfileDay">';
			for(i = 1; i <= 31; i++){
				var ins = i < 10 ? "0"+i+"" : i;
				res += '<option value="'+ins+'"'+(ins == c[2] ? " selected" : "")+'>'+ins;
			}
		
			res += '</select><input type="button" value="OK" class="button" onclick="panelUserProfileSetBirthdate();">';
			
			$("#panelUserBirthdate").html(res);					
		
			break;
	}

}
function panelUserProfileSetName(){
	var n = $("#panelUserProfileName").val();
	
	$.ajax({
	  url: "panel.setname.php",
	  type: "GET",
	  data: { n : n},
	  cache: false,
	  success: function(html){
	  	if(html == "OK")
			bbpanel("bevakning");
	  }
	});
	
}
function panelUserProfileSetBirthdate(){
	var y = $("#panelUserProfileYear").val();
	var m = $("#panelUserProfileMonth").val();
	var d = $("#panelUserProfileDay").val();

	$.ajax({
	  url: "panel.setbirthdate.php",
	  type: "GET",
	  data: { y : y, m : m, d : d},
	  cache: false,
	  success: function(html){
		 $("#panelUserBirthdate").html(html);					
	  }
	});

}
function panelLoginShowPassword(v){
	if(v == 0){
		$("#panelLoginPasswordField").hide();
	} else {
		$("#panelLoginPasswordField").fadeIn();
	}
}
$(window).ready(function(){
	$("#bevakningperiod").change(function(){
		var val = $(this).val();
		
		alert("Ändrat till "+val+" timmars intervall");
	});
	
	$("#bevakningaktiverad").click(function(){
		var f = document.getElementById("bevakningaktiverad");
		if(f){
		
			if(f.checked){
				$("#panelBevakning").fadeIn();
			} else {
				$("#panelBevakning").fadeOut();
			}
		
		}
	});
	
	$("#panelRegEmail").click(function(){
		if($(this).val() == "Aktivera bevakning")
			$(this).val("");
	});
	$("#panelRegEmail").blur(function(){
		if($(this).val() == "")
			$(this).val("Aktivera bevakning");
	});


	
	$("#panelBevakningButton").click(function(){
	
		alert($("#panelBevakningEmail").val());
	
	});
	
	$("#panelLoginButton").click(function(){
	
		var m = $("#panelLoginEmail").val();
		var p = $("#panelLoginPassword").val();
		panelLogin(m, p);
	
	});
	
	$("#panelRegButton").click(function(){
	
		var m = $("#panelRegEmail").val();
		
		$.ajax({
		  url: "panel.regemail.php",
		  type: "GET",
		  data: { m : m },
		  cache: false,
		  success: function(html){
			switch(html){
				case "OK":
					bbpanel("bevakning2");
					break;
				default:
					panelRegMessage(html);
					break;
			}
		  }
		});					
		
		//panelSignup(m);
	
	});
});

var wfcb;
function waitForCallback(){

	$.ajax({
	  url: "panel.callback.php",
	  type: "GET",
	  data: { },
	  cache: false,
	  success: function(html){
		switch(html){
			case "OK":
				clearTimeout(wfcb);
				bbpanel("bevakning");
				break;
			case "NO":
				clearTimeout(wfcb);
				break;
			default:
				wfcb = setTimeout("waitForCallback()", "10000");
				break;
		}
	  }
	});
}

function panelSignup(m){

	$.ajax({
	  url: "panel.signup.php",
	  type: "GET",
	  data: { m : m },
	  cache: false,
	  success: function(html){
		
		switch(html){
			case "OK":
				panelRegMessage("Det lösenord du behöver för att logga in har skickats till dig.");
				clearTimeout(wfcb);
				waitForCallback();
				
				break;
			default:
				panelRegMessage(html);
				break;
		}
		
	  }
	});

}
var prm;
function panelRegMessageClose(){
	clearTimeout(prm);
	$("#panelRegMessage").html("").hide();
}
function panelRegMessage(v){
	panelRegMessageClose();
	$("#panelRegMessage").html(v);
	$("#panelRegMessage").fadeIn();
	
	prm = setTimeout("panelRegMessageClose()", "15000");
	
}
function panelRegPeriodValSave(v) {
	var ret = "Skicka mig ett bevakningsmail ";
	var text = "";
	switch(v){
		case "1": text = "varje timme"; break;
		case "24": text = "varje dag"; break;
		case "48": text = "varannan dag"; break;
		case "168": text = "varje vecka"; break;
	}
	
	$.ajax({
	  url: "panel.regperiodsave.php",
	  type: "GET",
	  data: { v : v },
	  cache: false,
	  success: function(html){
	  }
	});				
	
	ret += '<a href="#" onclick="panelRegPeriodSelect('+v+'); return false;">'+text+'</a>';
	
	$("#panelRegPeriodDiv").html(ret);
}
function panelRegPeriodSelect(v){
	$("#panelRegPeriodDiv").html(
		'Skicka mig ett bevakningsmail '+
		'<select onchange="panelRegPeriodValSave(this.value); return false;">'+
		'<option value="1"'+(v=="1" ? " selected" : "")+'> varje timme'+
		'<option value="24"'+(v=="24" ? " selected" : "")+'> varje dag'+
		'<option value="48"'+(v=="48" ? " selected" : "")+'> varannan dag'+
		'<option value="168"'+(v=="168" ? " selected" : "")+'> varje vecka'+
		'</select>'
	);
}

function panelLogin(m, p){
	$.ajax({
	  url: "panel.login.php",
	  type: "GET",
	  data: { m : m, p : p },
	  cache: false,
	  success: function(html){
		
		switch(html){
			case "OK":
				bbpanel("bevakning");
				break;
			default:
				alert(html);
				break;
		}
		
	  }
	});
	
}