var xmlHttp;

function logout()
{
  /* create a XmlHttp object */  
  xmlHttp = GetXmlHttpObject()
  if (xmlHttp == null)
  {
    alert ("Foutmelding: uw browser biedt geen ondersteuning voor HTTP Request!");
    return;
  }
    
  /* send the request to the server */
  xmlHttp.onreadystatechange = doLogoutAction;
  xmlHttp.open("GET","http://www.uwhondenkat.nl/ajax/logon.php?actie=uitloggen",true);
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
  xmlHttp.send( null );   
}

function doLogoutAction()
{
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
  {
      /* refresh the page */
      self.location.reload(true);
  }
}  
  

function checkLogon()
{
  /* create a XmlHttp object */  
  xmlHttp = GetXmlHttpObject()
  if (xmlHttp == null)
  {
    alert ("Foutmelding: uw browser biedt geen ondersteuning voor HTTP Request!");
    return;
  }
  
  /* load the form data */
  var username = MM_findObj( "frm_logon_username" ).value;
  var password = MM_findObj( "frm_logon_password" ).value;
  var remember = '0';
  if ( MM_findObj( "frm_logon_remember" ).checked )
    remember = '1';
   
  /* send the request to the server */
  xmlHttp.onreadystatechange = updateLogonPage;
  xmlHttp.open("POST","http://www.uwhondenkat.nl/ajax/logon.php",true);
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
  xmlHttp.send( "frm_logon_username=" + username + "&frm_logon_password=" + password + "&frm_logon_remember=" + remember  );   
}

function updateLogonPage()
{
  if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
  {
    /* load the response code */
    var response_msg = xmlHttp.responseText;
    var response_code = response_msg.substr(0,2);
    var reponse_text = response_msg.substr(3);
            
    if ( response_code == "OK" )
    {
      /* refresh the page */
      self.location.reload(true);
    }
    else if ( response_code == "ER" )
    {
      /* show an error */
      alert( "Foutmelding: " + reponse_text );
    }
  }  
}


function showLogonWindow( )
{
  /* koppel de scroll functie */
  window.onscroll = function() 
  { 
    /* laad de vergrotings layout */
    var layout = MM_findObj("window_back");
    var scrollPos = bepaalScrollPositie();
    layout.style.top = scrollPos[1] + "px";
    /* laad de foto houder */
    var houder = MM_findObj("inner_window"); 
    houder.style.top = (((hoogte - houder.clientHeight -14)/2)+scrollPos[1]) + "px";   
  };  
  
  /* laad de vergrotings layout */
  var layout = MM_findObj("window_back");
  
  /* bepaal de breedte en hoogte van het venster */
  var breedte = 0, hoogte = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    breedte = window.innerWidth;
    hoogte = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    breedte = document.documentElement.clientWidth;
    hoogte = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    breedte = document.body.clientWidth;
    hoogte = document.body.clientHeight;
  }  
  
  /* laad de foto houder */
  var houder = MM_findObj("inner_window");
  
  /* pas het formaat en de positie aan */
  houder.style.width = "auto";
  houder.style.height = "auto";
  houder.style.visibility = "visible"; 
  
  /* schrijf de informatie weg */
  var html = "<p id=\"vensterSluiten\"><img class=\"button\" onClick=\"vergrotingSluiten()\" src=\"http://www.uwhondenkat.nl/vormgeving/sluiten.gif\" /></p>";
  html += "<h3 id=\"window_title\">Inloggen</h3>";
  html += "<p>Vul hieronder uw gegevens in en klik op inloggen.</p>";
  html += "<form method=\"post\" action=\"#\">\n";
  html += "<label for=\"frm_logon_username\">Gebruikersnaam</label>";
	html += "<input type=\"text\" id=\"frm_logon_username\" name=\"frm_logon_username\" class=\"medium\" value=\"\"><br />\n";  		
  html += "<label for=\"frm_logon_password\">Wachtwoord</label>\n";
	html += "<input type=\"password\" id=\"frm_logon_password\" name=\"frm_logon_password\" class=\"medium\" value=\"\"><br />\n"; 
  html += "<label for=\"frm_logon_remember\" class=\"nopadding\" style=\"font-weight: normal;\">Gegevens onthouden?</label>\n";
  html += "<input type=\"checkbox\" name=\"frm_logon_remember\" id=\"frm_logon_remember\" value=\"1\" class=\"checkbox\" style=\"padding-top: 14px; margin-top: 7px;\"><br />\n";
  html += "<br />\n";     
  html += "<label for=\"frm_submit\"></label>\n";
  html += "<input onClick=\"checkLogon();\" class=\"knop\" type=\"button\" name=\"frm_submit\" id=\"frm_submit\" value=\"&raquo; inloggen\">\n";      
  html += "</form>";
  houder.innerHTML = html; 

  /* pas de grote van de titel aan */
  var titel = MM_findObj("window_title");
  titel.style.width = "300px";
  
  /* pas de positie aan */
  var scrollPos = bepaalScrollPositie();  
  houder.style.left = (breedte - houder.clientWidth)/2 + "px";
  houder.style.top = (((hoogte - houder.clientHeight -14)/2)+scrollPos[1]) + "px";
  
  /* pas de positie en de zichtbaarheid aan */
  layout.style.top = scrollPos[1] + "px";
  layout.style.left = "0px";
  layout.style.width = breedte + "px";
  layout.style.height = hoogte + "px";
  layout.style.position = "absolute";
  layout.style.visibility = "visible";  
  
  if(typeof sIFR == "function")
  {
    sIFR.replaceElement("#inner_window h3", named({sFlashSrc: "http://www.uwhondenkat.nl/vormgeving/kopjes.swf", sColor: "#7CB00F", sWmode: "transparent" }));
  }
}