var updateDelay = 1000; 
//var spanId = idName1;




function makeEditablec(id){
	Event.observe(id, 'click', function(){editc($(id))}, false);
	Event.observe(id, 'mouseover', function(){showAsEditable($(id))}, false);
	Event.observe(id, 'mouseout', function(){showAsEditable($(id), true)}, false);
}
function editc(obj){
	Element.hide(obj);
	
	var textarea = '<div id="'+obj.id+'_editor"><select class="select" id="'+obj.id+'_edit" name="'+obj.id+'"><option value="1">yes</option><option value="0">No</option></select>';
	var button	 = '<div style="align:center;"><input  id="'+obj.id+'_save" type="image" src="' + IMAGES_PATH +'save.gif" alt="' + lang_save + '"/>&nbsp;<input id="'+obj.id+'_cancel" type="image" src="' + IMAGES_PATH +'cancel.gif" alt="' + lang_cancel + '"/></div></div>';
	
	new Insertion.After(obj, textarea+button);	
		
	Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj)}, false);
	Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);
	
}

function makeEditableg(id){
	Event.observe(id, 'click', function(){editg($(id))}, false);
	Event.observe(id, 'mouseover', function(){showAsEditable($(id))}, false);
	Event.observe(id, 'mouseout', function(){showAsEditable($(id), true)}, false);
}
function editg(obj){
	Element.hide(obj);
	
	var textarea = '<div id="'+obj.id+'_editor"><select class="select" id="'+obj.id+'_edit" name="'+obj.id+'"><option value="1">Male</option><option value="0">Female</option></select>';
	var button	 = '<div style="align:center;"><input  id="'+obj.id+'_save" type="image" src="' + IMAGES_PATH +'save.gif" alt="' + lang_save + '"/>&nbsp;<input id="'+obj.id+'_cancel" type="image" src="' + IMAGES_PATH +'cancel.gif" alt="' + lang_cancel + '"/></div></div>';
	
	new Insertion.After(obj, textarea+button);	
		
	Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj)}, false);
	Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);
	
}
// Text Type
function makeEditablei(id){
	Event.observe(id, 'click', function(){editi($(id))}, false);
	Event.observe(id, 'mouseover', function(){showAsEditable($(id))}, false);
	Event.observe(id, 'mouseout', function(){showAsEditable($(id), true)}, false);
}
function editi(obj){
	Element.hide(obj);
	
	var textarea = '<div id="'+obj.id+'_editor"><input type="text" class="textinput" id="'+obj.id+'_edit" name="'+obj.id+'" value="'+obj.innerHTML+'" />';
	var button	 = '<div style="align:center;"><input  id="'+obj.id+'_save" type="image" src="' + IMAGES_PATH +'save.gif" alt="' + lang_save + '"/>&nbsp;<input id="'+obj.id+'_cancel" type="image" src="' + IMAGES_PATH +'cancel.gif" alt="' + lang_cancel + '"/></div></div>';
	
	new Insertion.After(obj, textarea+button);	
		
	Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj)}, false);
	Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);
	
}

function makeEditable(id){
	Event.observe(id, 'click', function(){edit($(id))}, false);
	Event.observe(id, 'mouseover', function(){showAsEditable($(id))}, false);
	Event.observe(id, 'mouseout', function(){showAsEditable($(id), true)}, false);
}

function edit(obj){
	Element.hide(obj);
	
	var textarea = '<div id="'+obj.id+'_editor"><textarea class="textarea" id="'+obj.id+'_edit" name="'+obj.id+'" rows="10" cols="70">'+trim(obj.innerHTML)+'</textarea>';
	var button	 = '<div style="align:center;"><input  id="'+obj.id+'_save" type="image" src="' + IMAGES_PATH +'save.gif" alt="' + lang_save + '"/>&nbsp;<input id="'+obj.id+'_cancel" type="image" src="' + IMAGES_PATH +'cancel.gif" alt="' + lang_cancel + '"/></div></div>';
	
	new Insertion.After(obj, textarea+button);	
		
	Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj)}, false);
	Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);
	
}

function showAsEditable(obj, clear){
	if (!clear){
		Element.addClassName(obj, 'editable');
	}else{
		Element.removeClassName(obj, 'editable');
	}
}

function saveChanges(obj){
	
var new_content	=  $F(obj.id+'_edit');


	obj.innerHTML	= "Saving...";
	cleanUp(obj, true);

	var success	= function(t){editComplete(t, obj);}
	var failure	= function(t){editFailed(t, obj);}

	receiveReq.open("POST", url, true);
	
   receiveReq.onreadystatechange = function(){


    if(receiveReq.readyState == 4){
        var response = receiveReq.responseText;
        obj.innerHTML = response;
    }
}
	var pars = 'id='+obj.id+'&content='+new_content;


   receiveReq.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  receiveReq.setRequestHeader("Content-length", pars.length);

  receiveReq.setRequestHeader("Connection", "close");


 receiveReq.send(pars);
}

function cleanUp(obj, keepEditable){
	Element.remove(obj.id+'_editor');
	Element.show(obj);
	if (!keepEditable) showAsEditable(obj, true);
}

function editComplete(t, obj){
	obj.innerHTML	= t.responseText;
	showAsEditable(obj, true);
}

function editFailed(t, obj){
	obj.innerHTML	= 'Sorry, the update failed.';
	cleanUp(obj);
}


function trim(inputString) {

   if (typeof inputString != "string") { return inputString; }
   var retValue = inputString;
   var ch = retValue.substring(0, 1);
   
   while (ch == " ") {
      retValue = retValue.substring(1, retValue.length);
      ch = retValue.substring(0, 1);
   }
   ch = retValue.substring(retValue.length-1, retValue.length);
   
   while (ch == " ") {
      retValue = retValue.substring(0, retValue.length-1);
      ch = retValue.substring(retValue.length-1, retValue.length);
   }
   
   while (retValue.indexOf("  ") != -1) {
      retValue = retValue.substring(0, retValue.indexOf("  ")) + retValue.substring(retValue.indexOf("  ")+1, retValue.length); 
   }
   return retValue;
}