// JavaScript Document
// Javascript for the Your Backstory Feature

// Main Initalization for the homepage

function homepage () {
	
	InitizalizeMyBackstory ();
	checkforlogin();
}

function InitizalizeMyBackstory () {
	
var showing=1;
var register_showing=1;
var email="";

}

function ShowMyBackstory () {
	
if (showing == 0) {

	showing = 1;
	document.getElementById('mybackstory').style.display = "block";
	return;

} else {

	showing = 0;
	document.getElementById('mybackstory').style.display = "none";
	return;
	
}
	
	
}

function ShowRegister(){
	
	document.getElementById('register_error1').innerHTML="";
	document.getElementById('register_error2').innerHTML="";
	document.getElementById('register_error3').innerHTML="";
	document.getElementById('register_error4').innerHTML="";
	
if (register_showing == 0) {

	register_showing = 1;
	document.getElementById('mybackstory_register').style.display = "block";
	return;

} else {

	register_showing = 0;
	document.getElementById('mybackstory_register').style.display = "none";
	return;
	
}
	
	
}

function SubmitIt () {
	
	
	document.getElementById('register_error1').innerHTML="";
	document.getElementById('register_error2').innerHTML="";
	document.getElementById('register_error3').innerHTML="";
	document.getElementById('register_error4').innerHTML="";	
	
	if (myback.screen_name.value =="") {
		
		document.getElementById('register_error1').innerHTML="You have not provided a user name.";
		ShowError();
		myback.screen_name.focus();
		return (false);
	}

if (myback.location.value =="") {
	
		document.getElementById('register_error2').innerHTML="You have not provided a location.";
		ShowError();
		myback.location.focus();
		return (false);
	}

if (myback.email.value =="")
{
	document.getElementById('register_error3').innerHTML="You have not provided an email address.";
	ShowError();
	myback.email.focus();
	return (false);
}

if (myback.password.value =="")
{
	document.getElementById('register_error4').innerHTML="You have not provided a password.";
	ShowError();
	myback.password.focus();
	return (false);
}

	
	document.myback.submit();
	
	alert("<?php echo $result ?>");
	
	ShowRegister();
	
}


//Check to see if the person has a cookie set to be logged in.

function checkforlogin () {
	
	if (testCookie("loggedin")) { 
	
		var cook= readCookie("loggedin");
			if (cook=="y") {
				var loginkey= readCookie("userid");
				var response = loginkey.split(",");
		
				if (response[0]){
			document.getElementById('myback_left').innerHTML="<p>Hello, <strong>"+response[0]+"</strong><br /><a href='javascript:logout()' >Log Out</a> | <a href ='mp.php'>Profile</a>";
				}
			}
	
		} else {
			
	alert('You are not logged in')
	
		}
}

function login () {
	
	document.getElementById('your_backstory_initial').style.display = "none";
	document.getElementById('your_backstory_login').innerHTML="<form name='loginform' onsubmit='return HandleLogIn()' method='post'><span class='label'><label>Email:</label></span><input name='userid' type='text' /><span class='label'><label>Password:</label></span><input name='pw' type='text' /><span class='button'><input type='image' class='mailsubmit'  src='../backs_i/login.jpg' value='Subscribe' /></span></form><script type='text/javascript'>FB.init('ec6e8a6adab6349e1ac89b8daa5be5f4', 'http://www.pabackstory.org/index.php');</script>";
	document.getElementById('your_backstory_login').style.display = "block";
	
}

function logout () {
	var url ="logout.php";
	loadXMLDoc(url);
	return false;
	
}


function HandleLogIn () {
	
		var email = document.loginform.userid.value;
		var pw = document.loginform.pw.value;
		var url ="login.php?user_id="+ email + "&password=" + pw;
		loadXMLDoc(url);
		return false;
	}
	
function LogInFinish () {
	
		if (req.readyState == 4 && req.status==200) {
			
			if (req.responseText == "loggedout") {
				
				document.getElementById('yourbackstory_topper').innerHTML="<div id='yourbackstory_topper'><div align='right'><a href='javascript:ShowMyBackstory()'>YOUR BACKSTORY</a></div></div>";
				document.getElementById('your_backstory_initial').innerHTML="<p><a href='javascript:login()'> Log In</a> or <a href='register.php' >Register</a></p><script type='text/javascript'>FB.init('ec6e8a6adab6349e1ac89b8daa5be5f4', 'http://www.pabackstory.org/index.php');</script>";
				document.getElementById('your_backstory_login').style.display = "none";
				document.getElementById('your_backstory_initial').style.display = "block";
				return false;
				
			
			} else if (req.responseText == "error") {
				
				document.getElementById('your_backstory_login').innerHTML="<form name='loginform' onsubmit='return HandleLogIn()' method='post'><span class='label'><label>Email:</label></span><input name='userid' type='text' /><span class='label'><label>Password:</label></span><input name='pw' type='text' /><span class='button'><input type='image' class='mailsubmit' src='http://www.pabackstory.org/backs_i/login.jpg' value='Subscribe'/></span></form><p class='loginerr'>Your user id and password combination is incorrect.</p>";
				return false;
				
			} else if (req.responseText == "pwerror") {
				
				document.getElementById('your_backstory_login').innerHTML="<form name='loginform' onsubmit='return HandleLogIn()' method='post'><span class='label'><label>Email:</label></span><input name='userid' type='text' /><span class='label'><label>Password:</label></span><input name='pw' type='text' /><span class='button'><input type='image' class='mailsubmit'  src='http://www.pabackstory.org/backs_i/login.jpg' value='Subscribe' /></span></form><p class='loginerr'>The password you provided does not match the one on file.</p>";
				return false;
				
			} else {
				var response = req.responseText.split(",");
				document.getElementById('your_backstory_login').innerHTML="<p>Hello, <strong>"+response[0]+"</strong><br /><a href='javascript:logout()' >Log Out</a> | <a href ='mp.php'>Profile</a></p>";
				document.getElementById('yourbackstory_topper').innerHTML="YOUR BACKSTORY: Profile | Logout";
				showing=0;
				req.abort();
				return false;
				
			} 
			
		} else {
		
			document.getElementById('your_backstory_login').innerHTML="<p>Loading . . .</p>";	
			return false;
			
		}
}
		
function loadXMLDoc(url) {
	//alert('will load');
	req = false;
    // branch for native XMLHttpRequest object
    if(window.XMLHttpRequest && !(window.ActiveXObject)) {
    	try {
			req = new XMLHttpRequest();
			//alert ('XML')
        } catch(e) {
			req = false;
        }
    // branch for IE/Windows ActiveX version
    } else if(window.ActiveXObject) {
       	try {
        	req = new ActiveXObject("Msxml2.XMLHTTP");
			//alert ('Active2')
      	} catch(e) {
        	try {
          		req = new ActiveXObject("Microsoft.XMLHTTP");
				//alert ('ActiveX')
        	} catch(e) {
          		req = false;
        	}
		}
    }
	if(req) {
		//alert(url);
		req.open("GET", url, true);
		req.onreadystatechange = LogInFinish;
		req.send("");
	}
}

function showRecco() {
	
	
	document.getElementById('watchedlist').className = "moststabs";
	document.getElementById('reccolist').className = "moststabs_selected";
	document.getElementById('mostviewedlist').style.display = "none";
	document.getElementById('mostreccolist').style.display = "block";
	
	
}

function showWatched() {
	
	
	document.getElementById('watchedlist').className = "moststabs_selected";
	document.getElementById('reccolist').className = "moststabs";
	document.getElementById('mostviewedlist').style.display = "block";
	document.getElementById('mostreccolist').style.display = "none";
	
	
}