var pic1 = 'nName.png';      // Denna bilden visas innan man skriver något i fältet 
var pic2 = 'lName.png';      // Denna bilden visar att namnet är ledigt 
var pic3 = 'uName.png';      // Denna bilden visar att namnet är upptaget 
 
function CheckUser(id) 
{ 
   var xmlHttp; 
    
   if (window.XMLHttpRequest) { 
         var xmlHttp = new XMLHttpRequest(); 
          
         if (XMLHttpRequest.overrideMimeType) { 
               xmlHttp.overrideMimeType('text/xml'); 
         } 
      } 
       
      else if (window.ActiveXObject) { 
       
         try { 
            var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); 
         } 
         catch(e) { 
            try { 
               var xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
            } 
            catch(e) {} 
         } 
      } 
       
      else { 
         alert('Din webbläsare stödjer inte AJAX!'); 
         return false; 
      } 
       
   var uName    = id.value; 
   var Url    = 'ajax.php'; 
   var Action    = Url + '?user=' + uName; 
    
   if (uName == '') { 
      document.getElementById('fPic').src = pic1; 
   } 
   else { 
      xmlHttp.onreadystatechange = function() { showResult(xmlHttp, id); }; 
      xmlHttp.open("GET", Action, true); 
      xmlHttp.send(null); 
   } 
} 
 
function showResult(xmlHttp, id) 
{ 
   if (xmlHttp.readyState == 4) 
   { 
      var response = xmlHttp.responseText; 
      var Img       = document.getElementById('fPic'); 
       
      if (response == 'Upptaget') { 
         Img.src = pic3; 
         var list = document.getElementById('list').innerHTML; 
         var Part = list.split(document.getElementById('user').value); 
          
         list = Part[0] + '<span style="color: #bf3b3b;"> Män' + document.getElementById('user').value + Part[1]; 
      } 
      else { 
         Img.src = pic2; 
      } 
   } 
}