Event.observe(window, 'load', init, false);

function init(){
}

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

function edit(obj, fieldtype){
	Element.hide(obj);
	
	if(fieldtype=='details')
	{
		var inputfield = '<div id="'+obj.id+'_editor"><textarea id="'+obj.id+'_edit" name="'+obj.id+'" rows="6" cols="60" class="eiptextarea">'+obj.innerHTML+'</textarea>';
		var button	 = '<div style="position:relative; top:5px;"><input id="'+obj.id+'_fieldname" type="hidden" value="details" /><input id="'+obj.id+'_save" type="image" src="img/btn_eipapply.gif" width="20" height="20" alt="" /> <input id="'+obj.id+'_cancel" type="image" src="img/btn_eipcancel.gif" width="20" height="20" alt="" /></div></div>';
		var isproperty = true;
	}
	if(fieldtype=='welcometext')
	{
		var inputfield = '<div id="'+obj.id+'_editor"><textarea id="'+obj.id+'_edit" name="'+obj.id+'" rows="6" cols="60" class="eiptextarea">'+obj.innerHTML+'</textarea>';
		var button	 = '<div style="position:relative; top:5px; left:5px;"><input id="'+obj.id+'_fieldname" type="hidden" value="welcometext" /><input id="'+obj.id+'_save" type="image" src="img/btn_eipapply.gif" width="20" height="20" alt="" /> <input id="'+obj.id+'_cancel" type="image" src="img/btn_eipcancel.gif" width="20" height="20" alt="" /></div></div>';
		var isproperty = false;
	}
	if(fieldtype=='price')
	{
		var pstr = obj.innerHTML.split(" ");
		var currency = pstr[1];
		var price = pstr[0];
	
		var inputfield = '<span id="'+obj.id+'_editor"><input type="text" id="'+obj.id+'_edit" name="'+obj.id+'" size="10" value="'+price+'" class="eiptext"> ' + currency;
		var button	 = '<span style="position:relative; top:5px; left:5px;"><input id="'+obj.id+'_fieldname" type="hidden" value="price" /><input id="'+obj.id+'_save" type="image" src="img/btn_eipapply.gif" width="20" height="20" alt="" /> <input id="'+obj.id+'_cancel" type="image" src="img/btn_eipcancel.gif" width="20" height="20" alt="" /></span></span>';
		var isproperty = true;
	}
	if(fieldtype=='size')
	{
		var inputfield = '<span style="position:relative; top:-10px; left:25px" id="'+obj.id+'_editor"><input type="text" id="'+obj.id+'_edit" name="'+obj.id+'" size="3" value="'+obj.innerHTML+'" class="eiptext"> ';
		var button	 = '<span style="position:relative; top:5px; left:0px;"><input id="'+obj.id+'_fieldname" type="hidden" value="size" /><input id="'+obj.id+'_save" type="image" src="img/btn_eipapply.gif" width="20" height="20" alt="" /> <input id="'+obj.id+'_cancel" type="image" src="img/btn_eipcancel.gif" width="20" height="20" alt="" /></span></span>';
		var isproperty = true;
	}
	
	new Insertion.After(obj, inputfield+button);	
		
	Event.observe(obj.id+'_save', 'click', function(){saveChanges(obj, isproperty)}, 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, isproperty){
	
//	var new_content	=  escape($F(obj.id+'_edit'));
	var new_content	=  document.getElementById(obj.id+'_edit').value;
	var property_tmp = obj.id.split("_");
	var propertyid = property_tmp[1];
	var offer_id = document.getElementById('offerid').value;
	var registrationtime = document.getElementById('registrationtime').value;
	var languageid	=  document.getElementById('languageid').value;
	var fieldname	=  document.getElementById(obj.id+'_fieldname').value;
	if(isproperty) {
		var adtype	=  document.getElementById('adtype_'+propertyid).value;
	}
	
	obj.innerHTML	= "Kérem, várjon...";
	cleanUp(obj, true);

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

 	var url = 'updateoffer.php';
	var pars = 'id='+obj.id+'&offerid='+offer_id+'&registrationtime='+registrationtime+'&fieldname='+fieldname+'&content='+new_content+'&adtype='+adtype+'&lang='+languageid;
	var myAjax = new Ajax.Request(url, {method:'post', postBody:pars, onSuccess:success, onFailure:failure});

}

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);
}