var xmlHttp;
var old_value_submit_button;

function showInsertColumnDlg( pet )
{
  /* 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 = displayColumnDlg;
  xmlHttp.open("GET","http://www.uwhondenkat.nl/ajax/columns.php?action=showinsertcolumndlg&pet=" + pet,true);
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
  xmlHttp.send( null );
}

function showEditColumnDlg( pet, column )
{
  /* 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 = displayColumnDlg;
  xmlHttp.open("GET","http://www.uwhondenkat.nl/ajax/columns.php?action=showeditcolumndlg&pet=" + pet + "&column=" + column,true);
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
  xmlHttp.send( null );
}

function displayColumnDlg()
{
  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);    
       
    /* 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 */
    if ( response_code == "OK" )
      houder.style.width = "554px";
    else
      houder.style.width = "350px";
      
    houder.style.height = "auto";
    houder.style.visibility = "visible"; 
      
    /* paste the initial value into the editor */
    houder.innerHTML = reponse_text; 
    enableFormEditor('frm_column_message');
     
    /* 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" }));
    }
  }
}

function saveColumn( pet, id )
{
  /* create a XmlHttp object */  
  xmlHttp = GetXmlHttpObject()
  if (xmlHttp == null)
  {
    alert ("Foutmelding: uw browser biedt geen ondersteuning voor HTTP Request!");
    return;
  }
  
  /* load the values for the new topic */
  updateRichEditInput("frm_column_message");
  var column_title = escape(MM_findObj( "frm_column_title" ).value);
  var column_message = escape(tinyMCE.get( "frm_column_message" ).getContent());
	
  /* change the state of the submit button */
  var btn_submit = MM_findObj( "frm_column_submit" );
  old_value_submit_button = btn_submit.value;
  btn_submit.value = "een ogenblik geduld a.u.b.";
  btn_submit.disabled = true;	
  
  /* send the request to the server */
  xmlHttp.onreadystatechange = showSaveColumnResult;
  xmlHttp.open("POST","http://www.uwhondenkat.nl/ajax/columns.php?action=savecolumn&pet=" + pet,true);
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
  xmlHttp.send( "id=" + id + "&title=" + column_title + "&message=" + column_message );  

  /* do not submit the form */
  return false;   
}

function showSaveColumnResult()
{
  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 response_text = response_msg.substr(3);
        
    if ( response_code == "OK" )
    {
      /* load the menu items container */
      window.location = response_text;
    }
    else if ( response_code == "ER" )
    {
      /* show an error */
      alert( "Foutmelding: " + response_text );

      /* change the state of the submit button */
      var btn_submit = MM_findObj( "frm_column_submit" );
      btn_submit.value = old_value_submit_button;
      btn_submit.disabled = false;
    }     
  }  
}

function removeColumn( pet, column )
{
  /* 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 = showRemoveColumnResponse;
  xmlHttp.open("GET","http://www.uwhondenkat.nl/ajax/columns.php?action=removecolumn&pet=" + pet + "&column=" + column,true);
  xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
  xmlHttp.send( null );
}

function showRemoveColumnResponse()
{
  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); 
        
    /* show the result */
    if ( response_code == "OK" ) 
    {
      /* show confirmation */
      alert("De column is verwijderd!");
      
      /* redirect */
      window.location = reponse_text;
    }  
    else
    {
      alert("Foutmelding: " +  reponse_text );
    } 
  }
}