// JavaScript Document
function assegnaXMLHttpRequest() {

var XHR = null, browserUtente = navigator.userAgent.toUpperCase();

if(typeof(XMLHttpRequest) === "function" || typeof(XMLHttpRequest) === "object")
  XHR = new XMLHttpRequest();

 else if(
  window.ActiveXObject &&
  browserUtente.indexOf("MSIE 4") < 0
 ) {
 
  if(browserUtente.indexOf("MSIE 5") < 0)
   XHR = new ActiveXObject("Msxml2.XMLHTTP");

  // le versioni 5 e 5.5 invece sfruttano lo stesso nome
  else
   XHR = new ActiveXObject("Microsoft.XMLHTTP");
 }

 return XHR;
};

function feedPass(nomeFile) {

  var ajax = assegnaXMLHttpRequest(), elemento = document.getElementById('logform');

  if(ajax) {

    ajax.open("post", nomeFile, true);
	ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    ajax.setRequestHeader("connection", "close");
    ajax.onreadystatechange = function() {
      if(ajax.readyState == 4) {
        if(ajax.status == 200){
          elemento.innerHTML = ajax.responseText;
	  		}
        else {
          elemento.innerHTML = "Impossibile effettuare l'operazione richiesta.<br />";
        	}
	  	}
      } 
    
	var fref = document.forms['forgForm'];
	var username = fref.username.value;
	var email = fref.email.value;
	var query = "username="+username+"&email="+email;
    ajax.send(query);
  }
};

 function login(){
newDiv = document.createElement('div');
newDiv.id = 'sfondoML';
newDiv.style.width = '100%';
newDiv.style.height = '2088px';
newDiv.style.backgroundColor = '#000000';
newDiv.style.position = 'absolute';
newDiv.style.top = '0px';
newDiv.style.opacity = 0.8;
newDiv.style.display ='block';
newDiv.style.zIndex = '99999999';
logDiv = document.createElement('div');
logDiv.id = 'logform';
logDiv.style.width ='340px'; 
logDiv.style.height = '200px';
logDiv.style.top = ((window.innerHeight/2)-200) + 'px';
logDiv.style.left = ((window.innerWidth/2)-170) + 'px';
logDiv.style.position = 'absolute'; 
logDiv.style.padding = '3px'; 
logDiv.style.opacity = 1;
logDiv.style.zIndex = '999999999';
logDiv.innerHTML = "<h1>Log in and start to annotate the web:</h1><form action='index.php?menu=signin' id='loginForm' name='loginForm' method='post'><label for='usrNm'>Username:</label><input id='usrNm' class='blue' name='username' type='text' size='30'><label for='password1'>Password:</label><input id='password1' class='blue' name='password1' type='password' size='30'><input type='checkbox' name='remind'>remind me on this computer!<input type='submit' name='action' id='send' value='Submit'><input id='srcURL' name='srcURL' type='hidden' value=" + location.href + "></form><div id='forgot'><a href='javascript:void(0);' onClick='forgot();'>forgot password?</a> or <a href='index.php?menu=sign-up'>sign up</a></div>";
exitlog = document.createElement('a');
exitlog.href = 'javascript:void(0);';
exitlog.id = 'exitML';
exitlog.onclick = function exit(){
a = document.getElementById('sfondoML');
b = document.getElementById('logform');
c = document.getElementById('exitML');
a.parentNode.removeChild(a);
b.parentNode.removeChild(b);
c.parentNode.removeChild(c);
};
exitlog.style.top = (5) + 'px';
exitlog.style.left = ((window.innerWidth)-120) + 'px';
exitlog.style.color = '#FFFFFF';
exitlog.style.backgroundColor = '#6198FE';
exitlog.style.padding = '5px';
exitlog.style.fontSize = '20px';
exitlog.style.fontWeight = 'bold';
exitlog.style.border = '2px solid #FFFFFF';
exitlog.style.fontFamily = "'Lucida Grande', Arial";
exitlog.innerHTML = 'Close';
exitlog.style.zIndex = '99999999';
exitlog.style.position = 'fixed';
document.body.appendChild(newDiv);
document.body.appendChild(logDiv);
document.body.appendChild(exitlog);
};

function forgot(){
logDiv = document.getElementById('logform');
logDiv.innerHTML = "<h1>Fill up the fields below and a new password will be sent to your email address:</h1><form id='loginForm' name='forgForm'><label for='usrNm'>Username:</label><input id='usrNm' class='blue' name='username' type='text' size='30'><label for='email'>Email:</label><input id='email' class='blue' name='email' type='text' size='30'><input type='button' name='action' id='send' value='Submit' onclick=\"feedPass('forgot.php')\"></form><div id='forgot'> or <a href='index.php?menu=sign-up'>sign up!</a></div>";
}