function GetElemByName(aElem)
{       
  if(document.getElementById) // this is the way the standards work
    return document.getElementById(aElem);
  else if(document.all) // this is the way old msie versions work
    return document.all[aElem];
  else if(document.layers) // this is the way nn4 works
    return document.layers[aElem];
}

function writeImgTag(code)
{
  var elem; 
  elem = GetElemByName('BERICHT');
  var cache = elem.value
  this.code = code;
  elem.value = cache + code + " ";
//  elem.focus();
}

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = GetElemByName(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}


function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            //changeOpac(i, id);
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) { 
            //changeOpac(i, id); 
  
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 


function GetVisStyle(whichLayer)
{

  if(document.getElementById) // this is the way the standards work
    elem = document.getElementById(whichLayer);
  else if(document.all) // this is the way old msie versions work
      elem = document.all[whichLayer];
  else if(document.layers) // this is the way nn4 works
    elem = document.layers[whichLayer];
    
  if (elem)
  {
    return elem.style;
  }
}

function timer_toggle(whichLayer, show)
{
  var elem, vis;
  elem = GetElemByName(whichLayer);  
 
  if (elem)
  {
     vis = elem.style;
     
     if (show){vis.display='block'}
     else {vis.display='none'}
  } 
}

function toggleLayer(whichLayer, show) {
  var elem;
  elem = GetElemByName(whichLayer);
 
  if (elem)
  {
     opacity(whichLayer, 100, 0, 500);  
     setTimeout("timer_toggle('" + whichLayer + "', "+show+")",500);     
  }
}

function handleValidateHttpResponse() 
{   
  if (http.readyState == 4) 
  {
     if(http.status==200) 
     {
       var results=http.responseText;
       document.getElementById('validtekst_'+FFieldname).innerHTML = results;   
     }
  }
}

        function handleDropdownHttpResponse() 
{   
  if (http.readyState == 4) 
  {
     if(http.status==200) 
     {
       var results=http.responseText;
       document.getElementById('droptext_'+FFieldname).innerHTML = results;          
     }
  }
}

function handleDeleteHttpResponse() 
{   
  if (http.readyState == 4) 
  {
     if(http.status==200) 
     {
       var results=http.responseText;
       document.getElementById('image'+FFieldname).innerHTML = results;          
     }
  }
}

function ValidateField(aFieldName, aClassName) 
{     
    var oValue = GetElemByName(aFieldName).value;
    FFieldname = aFieldName; 
    toggleLayer('droptext_'+FFieldname, false); 
    http.open("GET", "ajax/ajax_validatefield.php?fieldname=" + aFieldName + "&value=" + escape(oValue) + "&classname=" + aClassName, true);
    http.onreadystatechange = handleValidateHttpResponse;
    http.send(null);
}

function DeleteImage(aFieldName, aClassName) 
{     
    FFieldname = aFieldName; 
    http.open("GET", "ajax/ajax_deleteimage.php?fieldname=" + aFieldName + "&classname=" + aClassName, true);
    http.onreadystatechange = handleDeleteHttpResponse;
    http.send(null);
}


function handleSelectieSelectPlayer() 
{   
  if (http.readyState == 4) 
  {
     if(http.status==200) 
     {
       var results=http.responseText;
       document.getElementById('selectie_selectie').innerHTML = results;    
       opacity(FFieldname, 0, 100, 500);           
     }
  }
}

function SelectieSelectPlayer(aPlayerCode, aManagerCode) 
{     
    FFieldname = 'play_'+aPlayerCode;   
    http.open("GET", "ajax/selectie_addplayer.php?playercode=" + aPlayerCode + "&managercode=" + aManagerCode, true);
    http.onreadystatechange = handleSelectieSelectPlayer;
    http.send(null);
}

function handleSelectieDeletePlayer() 
{   
  if (http.readyState == 4) 
  {
     if(http.status==200) 
     {
       var results=http.responseText;
       document.getElementById('selectie_selectie').innerHTML = results; 
       //opacity(FFieldname, 100, 0, 500); 
       //ResizeDiv(FFieldname, 25, -2);  
       toggleLayer(FFieldname, false);           
     }
  }
}

function SelectieDeletePlayer(aPlayerCode, aManagerCode) 
{   
    FFieldname = 'play_'+aPlayerCode;   
    
    http.open("GET", "ajax/selectie_deleteplayer.php?playercode=" + aPlayerCode + "&managercode=" + aManagerCode, true);
    http.onreadystatechange = handleSelectieDeletePlayer;
    http.send(null);
}

function handleSelectTeam() 
{   
  if (http.readyState == 4) 
  {
     if(http.status==200) 
     {
       var results=http.responseText;
       document.getElementById('selectie_alles').innerHTML = results; 
     }
  }
}

function SelectTeam(aManagerCode) 
{  
//  alert('dsfsd');
  var oElem = GetElemByName('teamselector');
  x = oElem.selectedIndex;
    http.open("GET", "ajax/teams_selectteam.php?teamcode=" + oElem.options[x].value+ "&managercode=" + aManagerCode, true);
    http.onreadystatechange = handleSelectTeam;
    http.send(null);
}

function DoDropDownField(aFieldName, aClassName) 
{      
    FFieldname = aFieldName;      
    toggleLayer('droptext_'+FFieldname, true);     
    FComboDiv = 'droptext_'+FFieldname;
      
    var oValue = GetElemByName(aFieldName).value;   
    http.open("GET", "ajax/ajax_dropdownfield.php?fieldname=" + aFieldName + "&value=" + escape(oValue) + "&classname=" + aClassName, true);
    http.onreadystatechange = handleDropdownHttpResponse;
    http.send(null);
}

function DoDropDown(aName, aClassName)
{  
  var vis;   
  vis = GetVisStyle('droptext_'+aName);   
  if (vis.display=='none') 
  {
    DoDropDownField(aName, aClassName);
  } 
  else
  {
    toggleLayer('droptext_'+aName, false); 
  }
}

function toggle(whichLayer) {
  var elem, vis;
  elem = GetElemByName(whichLayer);
 
  if (elem)
  {

  vis = elem.style;
  
  if (vis.display=='none'){vis.display='block'}
  else if (vis.display==''){vis.display='block'}   
  else {vis.display='none'}
  }
}

function ResizeDiv(whichLayer, aFrom, aTo) {
  var elem;
  elem = GetElemByName(whichLayer);
  if (elem)
  {        
    //determine the direction for the blending, if start and end are the same nothing happens 
    if(aFrom > aTo) 
    { 
        for(i = aFrom; i >= aTo; i--) 
        { 
          elem.style.height = i+'px'; 
          for(k = 0; k < 10000; k++){1+1} 
        } 
    } 
   else if(aFrom < aTo) 
   { 
        for(i = aFrom; i <= aTo; i++) 
        { 
          elem.style.height = i+'px'; 
          for(k = 0; k < 10000; k++){1+1}   
        } 
   }
   
   elem.style.margin = '0px';
   elem.style.padding = '0px';  
  }
} 

       
function getHTTPObject() 
{
  var xmlhttp;
  if(window.XMLHttpRequest){
    xmlhttp = new XMLHttpRequest();
  }
  else if (window.ActiveXObject){
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    if (!xmlhttp){
        xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  }
  return xmlhttp;
}
var http = getHTTPObject(); 
var FFieldname = "";