// JavaScript Document

//visual functions
function ShowEffectSwitcher(element){
	new Effect.Appear(element, 
	{duration:2, from:0, to:1.0});
}

function HideEffectSwitcher(element){
	new Effect.Appear(element, 
	{duration:1, from:1.0, to:0, afterFinish: myCallBackOnFinishSwitcherSubmit});
}

function HideEffectFast(element){
	new Effect.Appear(element, 
	{duration:0, from:1.0, to:0});
}


//-------------- Ajax helpers ------------------------


var globalInputField; 

function contentSwitcher(inputField){ 
  
	if (typeof( window[ 'myflowers' ] ) != "undefined" ){
		myflowers.cancelautorun(); 
	}
	globalInputField = inputField; 
	HideEffectSwitcher('middleContent');
}

function myCallBackOnFinishSwitcherSubmit(){
	document.getElementById("middleContent").innerHTML = "";
	var address = "contentSwitcher.php";
	data = "pageID=" + globalInputField;
	submitAjaxContentSwitcher();
	ajaxPostSwitcher(address, data, 'middleContent'); 
}

function submitAjaxContentSwitcher() {
   document.getElementById("progress").style.visibility = "visible";
   document.getElementById("progress").style.display = "block";
 }


 function resultAjaxContentSwitcher() {
   document.getElementById("progress").style.visibility = "hidden";
   document.getElementById("progress").style.display = "none";
 }


function ajaxPostSwitcher(address, data, resultRegion) {
  request = getRequestObject();
  request.onreadystatechange = 
    function() { showResponseTextSwitcher(request, resultRegion); };
  request.open("POST", address, true);
  request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  request.send(data);
}



// Put response text in the HTML element that has given ID.

function showResponseTextSwitcher(request, resultRegion) {
  if ((request.readyState == 4) && (request.status == 200)) {
	  HideEffectFast('middleContent');  
	  resultAjaxContentSwitcher();
	  htmlInsert(resultRegion, request.responseText);
	  ShowEffectSwitcher('middleContent');	      
  } 
}