var strLoginID = "";
var strLoginIDa = "";
var strPIN = "";
var strPINa = "";
var blnRegistering = false;
var blnTryAgain = false;
var blnCool = false;
var intLoginID = "";
var imgpanels=new Array();
imgpanels["s1"]="circ";imgpanels["s2"]="flow";imgpanels["s3"]="heart";imgpanels["s4"]="tri";imgpanels["s5"]="no";imgpanels["s6"]="moon";imgpanels["s7"]="squa";imgpanels["s8"]="dpg";imgpanels["s9"]="sun";
imgpanels["c1"]="orange";imgpanels["c2"]="red";imgpanels["c3"]="yellow";imgpanels["c4"]="green";imgpanels["c5"]="blue";imgpanels["c6"]="violet";imgpanels["c7"]="pink";imgpanels["c8"]="brown";imgpanels["c9"]="silver";
imgpanels["z1"]="dog";imgpanels["z2"]="flamingo";imgpanels["z3"]="snake";imgpanels["z4"]="giraffe";imgpanels["z5"]="duck";imgpanels["z6"]="lizard";imgpanels["z7"]="cat";imgpanels["z8"]="dolphin";imgpanels["z9"]="alien";

function resetToStart()
{
	obj1=document.getElementById("frmLogin");
	obj1.txtUser1.value="";
	obj1.txtUser2.value="";
	obj1.txtUser3.value="";
	obj1.txtUser1a.value="";
	obj1.txtUser2a.value="";
	obj1.txtUser3a.value="";
	obj1.txtPIN.value="";
	obj1.txtPINa.value="";
	document.getElementById("txtStat").value = "hi.";
	$("div.panel1").removeClass("hide");
	$("div.panel2").addClass("hide");
	$("div.panel3").addClass("hide");
	$("div.panel4").addClass("hide");
	
	blnRegistering=false;
}

function theChoice(theX)
{
	strX=theX.substr(0,1);
	intX=theX.substr(1,1);
	
	if(!blnRegistering)
	{
		if(strX=="s")
		{
			document.getElementById("frmLogin").txtUser1.value = intX;
			$("div.panel1").addClass("hide");
			$("div.panel2").removeClass("hide");
			document.getElementById("txtStat").value = "oh..";
		}
		else if(strX=="c")
		{
			document.getElementById("frmLogin").txtUser2.value = intX;
			$("div.panel2").addClass("hide");
			$("div.panel3").removeClass("hide");
			document.getElementById("txtStat").value = "nice..";
		}
		else if(strX=="z")
		{
			document.getElementById("frmLogin").txtUser3.value = intX;
			$("div.panel3").addClass("hide");
			$("div.panel4").removeClass("hide");
			document.getElementById("txtStat").value = "good..";
		}
	}
	else
	{
		//second run through, confirming login
		if(strX=="s")
		{
			document.getElementById("frmLogin").txtUser1a.value = intX;
			$("div.panel1").addClass("hide");
			$("div.panel2").removeClass("hide");
			$("#img1").attr("src","login/" + imgpanels[theX] + ".jpg");
		}
		else if(strX=="c")
		{
			document.getElementById("frmLogin").txtUser2a.value = intX;
			$("div.panel2").addClass("hide");
			$("div.panel3").removeClass("hide");
			$("#img2").attr("src","login/" + imgpanels[theX] + ".jpg");
		}
		else if(strX=="z")
		{
			document.getElementById("frmLogin").txtUser3a.value = intX;
			$("div.panel3").addClass("hide");
			$("div.panel4").removeClass("hide");
			$("#img3").attr("src","login/" + imgpanels[theX] + ".jpg");
			
			strLoginIDa=obj1.txtUser1a.value + "-" + obj1.txtUser2a.value + "-" + obj1.txtUser3a.value;
			
			if(strLoginIDa!=strLoginID)
			{
				resetToStart();
				document.getElementById("txtStat").value = "start over. u want that instead?";
			}
		}
		
	
	}

}

function pinChoice(intX)
{
	if(!blnRegistering)
	{
	
		if(intX=="C")
		{
			document.getElementById("txtStat").value="";
			document.getElementById("frmLogin").txtPIN.value="";
		}
		else
		{
			strPIN=document.getElementById("frmLogin").txtPIN.value;
			if(strPIN.length<3)
			{
				document.getElementById("frmLogin").txtPIN.value=strPIN + intX;
				strPINmask="";
				for(x=0;x<=strPIN.length;x++)
				{
					strPINmask=strPINmask + " o ";
				}
				document.getElementById("txtStat").value=strPINmask;
			}
			else
			{
				document.getElementById("txtStat").value=" o  o  o  o ";
				$("div.panel4").addClass("hide");
				$("div.panel0").removeClass("hide");
				document.getElementById("frmLogin").txtPIN.value=strPIN + intX;
				strPIN=document.getElementById("frmLogin").txtPIN.value;
				obj1=document.getElementById("frmLogin");
				strLoginID=obj1.txtUser1.value + "-" + obj1.txtUser2.value + "-" + obj1.txtUser3.value;

				$.ajax({
					url: '/ajax/login.php?id=' + strLoginID,
					success: function(data) {

						if(data.getElementsByTagName('uid').item(0).firstChild.data!=0)
						{
							//alert("login!" + strPIN);
							strPW = data.getElementsByTagName('phpass').item(0).firstChild.data;
							strName = data.getElementsByTagName('phname').item(0).firstChild.data;

							if(strPW==strPIN)
							{
								if(strName=="the new neighbour")
									strName = strName.replace(/the /,"");

								document.getElementById("txtStat").value = "sup " + strName + "! signing u in.";

								obj1.txtUserName.value = strLoginID;

								//alert(1);
								obj1.submit();
							}
							else
							{
								$("div.panel0").addClass("hide");
								resetToStart();
								document.getElementById("txtStat").value = "what?! ur not " + strName + ".";
							}

						}
						else
						{
							$("#img1").attr("src","login/blank.jpg");
							$("#img2").attr("src","login/blank.jpg");
							$("#img3").attr("src","login/blank.jpg");
							
							document.getElementById("txtStat").value = "can you do it again?";
							blnRegistering=true;
							$("div.panel0").addClass("hide");
							$("div.panel1").removeClass("hide");
							$("div.panel5").removeClass("hide");
						}
					}
				});

			}

		}
	
	}
	else
	{
		if(intX=="C")
		{
			document.getElementById("txtStat").value="";
			document.getElementById("frmLogin").txtPINa.value="";
		}
		else
		{
			strPINa=document.getElementById("frmLogin").txtPINa.value;
			if(strPINa.length<3)
			{
				document.getElementById("frmLogin").txtPINa.value=strPINa + intX;
				strPINamask="";
				for(x=0;x<=strPINa.length;x++)
				{
					strPINamask=strPINamask + " o ";
				}
				document.getElementById("txtStat").value=strPINamask;
			}
			else
			{
				document.getElementById("txtStat").value=" o  o  o  o ";
				document.getElementById("frmLogin").txtPINa.value=strPINa + intX;
				strPINa=document.getElementById("frmLogin").txtPINa.value;
				
				if(strPINa!=strPIN)
				{
					resetToStart();
					document.getElementById("txtStat").value = "start over. wrong pincode.";
				}
				else
				{
					obj1=document.getElementById("frmLogin");
					strLoginID=obj1.txtUser1.value + "-" + obj1.txtUser2.value + "-" + obj1.txtUser3.value;
					
					$.ajax({
						url: '/ajax/adduser.php?id=' + strLoginID + '&pw=' + strPIN,
						success: function(data) {
							
							if(data.getElementsByTagName('added').item(0).firstChild.data==1)
							{
								alert("thanks 4 cutting ur new keys to PHouse.");
								document.getElementById("txtStat").value = "sup new neighbour! signing u in.";
								obj1.txtUserName.value = strLoginID;
								obj1.submit();
							}
							else
							{
								document.getElementById("txtStat").value = "sorry. tell me im broken: ph@phouse.ph";
							}
						}
					});
				}
			}
		}
	}
}


$(document).ready(function() {

	$("div.panel1 .boxbtn").each(
	function(intIndex){
		
		$(this).bind(
		"mouseover",
		function(){
			$(this).addClass("active");
		});
		$(this).bind(
		"mouseout",
		function(){
			$(this).removeClass("active");
		});
		$(this).bind(
		"click",
		function(){
			theChoice($(this).attr("id"));
		});
	});
	
	$("div.panel2 .boxbtn").each(
	function(intIndex){
		
		$(this).bind(
		"mouseover",
		function(){
			$(this).addClass("active");
		});
		$(this).bind(
		"mouseout",
		function(){
			$(this).removeClass("active");
		});
		$(this).bind(
		"click",
		function(){
			theChoice($(this).attr("id"));
		});
	});
	
	$("div.panel3 .boxbtn").each(
	function(intIndex){
		
		$(this).bind(
		"mouseover",
		function(){
			$(this).addClass("active");
		});
		$(this).bind(
		"mouseout",
		function(){
			$(this).removeClass("active");
		});
		$(this).bind(
		"click",
		function(){
			theChoice($(this).attr("id"));
		});
	});
	
	$("div.panel4 .btnpin").each(
	function(intIndex){
		
		$(this).bind(
		"click",
		function(){
			pinChoice($(this).val());
		});
	});
	
	resetToStart();
});