/*
 
1) Add this code to the login page, at the place you want the login panel to show:
 
 <script language="JavaScript">
  BuildPanel();
 </script>
 
2) Add the following code to the <head> section of each page protected by this script:
 
 <script src="login.js"></script>
 <script language="JavaScript">  checkCookie(); </script>

Change "login.js" to reflect the correct path to the script
file on your server.
 
3 On the page that is to have the logout button, paste this code where you want the button to be:

 <form action="" name="frmLogoff">
  <input type="button" name="btnLogoff" value="log out" onclick="logout();">
 </form>
 
 To use your own image instead of the grey button change the type from button to image
 and add src="myimage.gif" where myimage.gif is the image (including the path to it if
 needed, you want to use.
 
4) Upload this script and your html pages to the relevant directories on your server. 

*/

//----------------------------------------------------------------
//  Usernames, Passwords & User Pages - These require configuration.
//----------------------------------------------------------------
var successpage = "http://hqcode.com/fmLyte/index.php"; // Edit this to your url, pointing to the page users go to after login, if they have no personal page.
var loginpage = "http://hqcode.com/fmLyte/index.html"; 	// Edit this, insert your url pointing to the page the login panel is on.

var imgSubmit = ""; 		//Change to the path to your login image,if you don't want the standard button, otherwise do not change.
var imgReset = "";  		//Change to the path to your reset image,if you don't want the standard button, otherwise do not change.

var users = new Array();

/*
Change these two entries to valid logins. Add addtional logins, straight after these, as required, followig 
the same format.  following the same format. Increment the numbers in the square brackets, in new each one. 
Note:  the 3rd parameter is the the page that user goes to after successful login. Ensure the paths are correct. 
Make this "" if user has no personal page.
*/

users[0] = new Array("demo","demo","index.php"); 
users[1] = new Array("credits","credits","credits.php"); 
users[2] = new Array("user3","user3","index.php"); 
users[3] = new Array("user4","user4","index.php"); 


//----------------------------------------------------------------
//  Login Functions
//----------------------------------------------------------------
function login(username,password){
 var member = null;
 var loggedin = 0;
 var members = users.length;
 for(x=0;x<members && !loggedin; x++){
 if((username==users[x][0])&&(password==users[x][1])){
    loggedin = 1;
    member = x;
	break; // User validated, terminate the for loop.
   }
 } 
 
 if(loggedin==1){
  if(users[member][2] != "") {
   successpage = users[member][2];
  }
  setCookie("login",1);
  if (top.location.href != location.href){
   location.href = successpage;           
  }else{
   top.location.href = successpage;  
  }
 }else{
  alert('You are logged off!');
 }  
}

function logout() {
 deleteCookie("login");
 if (top.location.href != location.href){
  location.href = loginpage;           
 }else{
  top.location.href = loginpage;  
 }
}

//----------------------------------------------------------------
// Cookie Handler
//----------------------------------------------------------------
var ckTemp = document.cookie;

function setCookie(name, value) { 
 if (value != null && value != "")
  document.cookie=name + "=" + escape(value) + ";";
 ckTemp = document.cookie;
 }
 
function deleteCookie(name) {
  if (getCookie(name)) {
    document.cookie = name + "=" +
    "; expires=Thu, 01-Jan-70 00:00:01 GMT";
  }
}

function getCookie(name) { 
 var index = ckTemp.indexOf(name + "=");
 if(index == -1) return null;
  index = ckTemp.indexOf("=", index) + 1;
 var endstr = ckTemp.indexOf(";", index);
 if (endstr == -1) endstr = ckTemp.length;
 return unescape(ckTemp.substring(index, endstr));
 }
  
function checkCookie() {
 var temp = getCookie("login");
 if(!temp==1) {
  alert('access denied'); 
  if(top.location.href != location.href){
   location.href = loginpage;           
  }else{
   top.location.href = loginpage;  
  }
 }
}

//----------------------------------------------------------------
// Login Panel
//----------------------------------------------------------------

function BuildPanel() {
document.write('<form name="logon"><table align="left" border="0"><tr><td align="right">');
document.write('<small><font face="Verdana">Username:</font></small></td>');
document.write('<td><small><font face="Verdana"><input type="text" name="username" size="20"></font></small></td></tr>');
document.write('<tr><td align="right"><small><font face="Verdana">Password:</font></small></td>');
document.write('<td><small><font face="Verdana"><input type="password" name="password" size="20"></font></small></td></tr>');
if(imgSubmit == ""){
 document.write('<tr><td align="center" colspan="2"><p><input type="button" value="Logon" name="Logon" onclick="login(username.value,password.value)">'); 
} else {
 document.write('<tr><td align="center" colspan="2"><p><input type="image" src="'+imgSubmit+'" name="Logon" onclick="login(username.value,password.value)">');
}
if(imgReset == ""){
 document.write('<input type="reset" value="Reset" name="Reset">');
} else {
 document.write('<input type="image" src="'+imgReset+'" name="Reset" onclick="logon.reset();">');
}
document.write('</p></td></tr></table></form>');
}

