var my_base_url='http://www.informednetworker.com';
var my_pligg_base='';

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

function init(){
}

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){
	var objID = obj.id;
	var linksummaryIndex = objID.substr(objID.lastIndexOf('-')+1);
	var link_id = document.getElementById("link_id-"+linksummaryIndex).value;
	var edit_user=0;
	//alert(edit_user);
	var url = my_base_url+my_pligg_base+'/edit_lock.php?edit_author='+edit_user+'&edit_id=' + link_id +'&mode=edit';
	
	if (url) {
	http = new myXMLHttpRequest ();
		http.open ("GET", url, true);
		http.onreadystatechange = function () {
			if (http.readyState == 4) {
				var responsestring = http.responseText;
				if(http.responseText == 1){
						Element.hide(obj);
						
						var edit_msg='';
						var spanID = obj.id;
						var edit_span = spanID.substr(spanID.lastIndexOf('-')+1);
						document.getElementById ('edited_user-'+edit_span).innerHTML = edit_msg+' is Editing';
						
						var catID = obj.id;
						var catIndex = catID.substr(catID.lastIndexOf('-')+1);
						var tag_id = document.getElementById("link_id-"+catIndex).value;
						if(obj.id == ('cat-'+catIndex)){
							var textarea1 = '<div id="'+obj.id+'_editor"><select id="'+obj.id+'_edit" name="'+obj.id+'" style="background-color: #ffffd3;width: 10%;font-size:16px;">';
															var textarea2 = '<option value=1>software</option><option value=2>hardware</option><option value=3>security</option><option value=4>storage</option><option value=5>workstations</option><option value=6>servers</option><option value=7>network</option><option value=8>peripherals</option><option value=9>internet</option><option value=10>communications</option><option value=11>other</option><option value=12>development</option><option value=13>marketing</option><option value=18>virtualization</option>';
														var textarea = textarea1 + textarea2 + '</select>';
						}
						else if(obj.id == ('status-'+catIndex)){
							var textarea1 = '<div id="'+obj.id+'_editor"><select id="'+obj.id+'_edit" name="'+obj.id+'" style="background-color: #ffffd3;width: 10%;font-size:16px;">';
														var textarea2 = '<option value=discard>discard</option><option value=queued>queued</option><option value=published>published</option><option value=abuse>abuse</option><option value=duplicated>duplicated</option><option value=rss>rss</option><option value=advertisement>advertisement</option><option value=page>page</option><option value=mturk>mturk</option>';
							var textarea = textarea1 + textarea2 + '</select>';
						}
						else{
							var textarea = '<div id="'+obj.id+'_editor"><textarea id="'+obj.id+'_edit" name="'+obj.id+'" rows="4" cols="60" style="background-color: #ffffd3;width: 70%;font-size:16px;">'+trim(obj.innerHTML)+'</textarea>';
						}
						var button	 = '<div><input id="'+obj.id+'_save" type="button" value="SAVE" /> OR <input id="'+obj.id+'_cancel" type="button" value="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);
						
						
					}else {
						
						var spanID = obj.id;
						var edit_span = spanID.substr(spanID.lastIndexOf('-')+1);
						var response = http.responseText;
						document.getElementById ('edited_user-'+edit_span).innerHTML = response;
					}
				}
		}
		http.send (null);
	}
	return 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	= "Saving...";
	cleanUp(obj, true);

	var success	= function(t){editComplete(t, obj);}
	var failure	= function(t){editFailed(t, obj);}
  	var url = my_base_url+my_pligg_base+'/edit_content.php';
	// get the linksummary number from obj.id
	var objID = obj.id;
	var linksummaryIndex = objID.substr(objID.lastIndexOf('-')+1);
	var link_id = document.getElementById("link_id-"+linksummaryIndex).value;
	var pars = 'id='+obj.id+'&content='+new_content+'&link_id='+link_id;
	/*
	if(obj.id=='cont'){var pars = 'id='+obj.id+'&content='+new_content+'&link_id='+link_id;} 
	if(obj.id=='cat'){var pars = 'id='+obj.id+'&content='+new_content+'&link_id='+link_id;} 
	*/
	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);
	var edit_user=0;
	// get the linksummary number from obj.id
	var objID = obj.id;
	var linksummaryIndex = objID.substr(objID.lastIndexOf('-')+1);
	var link_id = document.getElementById("link_id-"+linksummaryIndex).value;
	var url = my_base_url+my_pligg_base+'/edit_lock.php?edit_author='+edit_user+'&edit_id=' + link_id +'&mode=clear';
	
	if (url) {
		http = new myXMLHttpRequest ();
		http.open ("GET", url, true);
		http.onreadystatechange = function () {
			if (http.readyState == 4) {
				responsestring = http.responseText;
				document.getElementById ('edited_user-'+linksummaryIndex).innerHTML = responsestring;
			}
		}
		http.send (null);
	}
	return false;
	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(str, chars) {
    return ltrim(rtrim(str, chars), chars);
}

function ltrim(str, chars) {
    chars = chars || "\\s";
    return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}

function rtrim(str, chars) {
    chars = chars || "\\s";
    return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
}