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

function init(){
	makeEditable('#');
	makeEditable('#');
}

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" class="field_gal"><input id="'+obj.id+'_edit" name="'+obj.id+'" type="text" size="60" value="'+obj.innerHTML+'" class="img_field" />';
	var button	 = '<div class="buts_gal"><input id="'+obj.id+'_save" type="button" value="SAVE" class="img_button" /> OR <input id="'+obj.id+'_cancel" type="button" value="CANCEL" class="img_button" /></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	=  escape($F(obj.id+'_edit'));

	obj.innerHTML	= "edit thing Processing...";
	cleanUp(obj, true);

	var success	= function(t){editCompletemain(t, obj);}
	var failure	= function(t){editFailed(t, obj);}
	var imageid = obj.getAttribute('title');
	var imageedit = obj.getAttribute('alt');
	var url = '../../includes/img_update_one.php';
	var pars = 'gid='+imageid+'&content='+new_content+'&type='+imageedit;
	var myAjax = new Ajax.Request(url, {method:'post', postBody:pars, onSuccess:success, onFailure:failure});

}

function rateFile(element,rating,fid,web)
{
	var obj = document.getElementById(element);
	obj.innerHTML = "<h1 id='rate_now_head' align='center'>Loading...</h1>";

	var success	= function(t){editComplete_friend(t, obj);}
	var failure	= function(t){editFailed(t, obj);}
		
	var url = web+'includes/filerate.php';
	var pars = 'id='+element+'&fid='+fid+'&rating='+rating;
	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 editCompletemain(t, obj){
	obj.innerHTML	= t.responseText;
	showAsEditable(obj, true);
}

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

function editComplete_gallery(t, obj){
	obj.innerHTML	= 'Updated';
	showAsEditable(obj, true);
}

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