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

  function makeEditable_wparams(id, inurl, rows, cols){
     Event.observe(id, 'click', function(){edit_wparams($(id),inurl,rows,cols)}, false);
     Event.observe(id, 'mouseover', function(){showAsEditable($(id))}, false);
     Event.observe(id, 'mouseout', function(){showAsEditable($(id), true)}, false);
 }
 function makeImageEditable_wparams(id,pid) {
	   Event.observe(id, 'click', function(){edit_picture($(id),pid)}, false);
     Event.observe(id, 'mouseover', function(){showAsEditable($(id))}, false);
     Event.observe(id, 'mouseout', function(){showAsEditable($(id), true)}, false);
 }
 function showAsEditable(obj, clear){
     if (!clear){
          Element.addClassName(obj, 'editable');
     }else{
          Element.removeClassName(obj, 'editable');
     }
 }

 function edit(obj,inurl){
     Element.hide(obj);
	 obj.url=inurl;
   		var textarea ='<div id="' 
						+ obj.id 
						+ '_editor"><textarea id="' 
						+ obj.id 
						+ '_edit" name="' 
						+ obj.id 
						+ '" rows="4" cols="60">'
          				+ obj.innerHTML
						+ '</textarea>';
	 
     var button = '<input id="' 
	 				+ obj.id 
					+ '_save" type="button" value="SAVE" /> OR <input id="' 
					+ obj.id 
					+ '_cancel" type="button" value="CANCEL" /></div>';
	
	 var dat = '<input id="'
	 			+ obj.id
				+ '_url" type="hidden" value="'
				+ inurl
				+ '"></input>'
				
     new Insertion.After(obj, dat+textarea+button);

     Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj)}, false);
     Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);

 }
  function edit_wparams(obj,inurl,rows,cols,pid){
     Element.hide(obj);
	 obj.url=inurl;
   		var textarea ='<div id="' 
						+ obj.id 
						+ '_editor"><textarea id="' 
						+ obj.id 
						+ '_edit" name="' 
						+ obj.id 
						+ '" rows="' 
						+ rows 
						+ '" cols="' 
						+ cols 
						+ '">'
          				+ obj.innerHTML
						+ '</textarea>';
	 
     var button = '<input id="' 
	 				+ obj.id 
					+ '_save" type="button" value="SAVE" /> OR <input id="' 
					+ obj.id 
					+ '_cancel" type="button" value="CANCEL" /></div>';
	
	 var dat = '<input id="'
	 			+ obj.id
				+ '_url" type="hidden" value="'
				+ inurl
				+ '"></input>'
	
	
		
     new Insertion.After(obj, dat+textarea+button);

     Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj)}, false);
     Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);

 }
  function edit_select(obj,opts){
     Element.hide(obj);
   		var selects ='<div id="' 
						+ obj.id 
						+ '_editor">'
						+'<select id="' 
						+ obj.id 
						+ '_edit" name="' 
						+ obj.id 
						+ '">'
						+ opts 
						+ '</select><br /><br />';

     var button = '<input id="' 
	 				+ obj.id 
					+ '_save" type="button" value="SAVE" /> OR <input id="' 
					+ obj.id 
					+ '_cancel" type="button" value="CANCEL" /></div>';

     new Insertion.After(obj, selects+button);

     Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj)}, false);
     Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);

 }
 function edit_picture(obj,pid){
     Element.hide(obj);
	 
   		var upload_link ='<table height="200px"> <tr><td><a style="font-weight:bold; color:#cc0000" href = "http://trufocus.zwoom.com/admin/uploadpicture.php?pid=' + pid + '&field=' + obj.id + ' " target = "picupload"> Upload Picture </a></td></tr></table>';

   
			
			
     new Insertion.After(obj, upload_link);

     //Event.observe(obj.id+'_save', 'click', function(){picsaveChanges(obj)}, false);
     //Event.observe(obj.id+'_cancel', 'click', function(){cleanUp(obj)}, false);

 }
 
 
 function cleanUp(obj, keepEditable){
     Element.remove(obj.id+'_editor');
     Element.show(obj);
     if (!keepEditable) showAsEditable(obj, true);
 }
 function saveChanges(obj){
     var new_content = escape($F(obj.id+'_edit'));

	 var inurl = $F(obj.id+'_url');
	 
     obj.innerHTML = "Saving...";
     cleanUp(obj, true);

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

     var url = '/Zengine/process/inplaceEdit.php';
     var pars = 'id=' + obj.id + '&content=' + new_content + '&url=' + inurl;
     var myAjax = new Ajax.Request(url, {method:'post',
          postBody:pars, onSuccess:success, onFailure:failure});
 }

 function picsaveChanges(obj){
     var new_content = escape($F(obj.id+'_edit'));
	 
	 alert('here');	
     obj.innerHTML = "Saving...";
     cleanUp(obj, true);

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

     var url = 'http://www.zwoom.com/Zengine/process/inplaceEdit.php';
     var pars = 'id=' + obj.id + '&content=' + new_content;
     var myAjax = new Ajax.Request(url, {method:'post',
          postBody:pars, onSuccess:success, onFailure:failure});
 }
 function editComplete(t, obj){
     obj.innerHTML = t.responseText;
     showAsEditable(obj, true);
 }

 function editFailed(t, obj){
     obj.innerHTML = 'Sorry, the update failed.';
     cleanUp(obj);
 }
 
 //For Swapping Images
 
function MM_swapImgRestore() { //v3.0
	 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc
}
function MM_preloadImages() { //v3.0
		 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();	
		 var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	 if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
							}
							function MM_findObj(n, d) { //v4.01
							 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
							 d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
							 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
							 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
							 if(!x && d.getElementById) x=d.getElementById(n); return x;
							}
							function MM_swapImage() { //v3.0
							 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
							 if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
							}