var wwl = {};

wwl.swap = function(id0, id1) {
	document.getElementById('wwl-content-' + id1).style.display = "none";
	document.getElementById('wwl-title-' + id1).style.display = "none";
	document.getElementById('wwl-content-' + id0).style.display = "inline";
	document.getElementById('wwl-title-' + id0).style.display = "inline";
	return false;
}
wwl.editing = {}
wwl.edit = function(id) {
	
	//alert('Editing translation for post #' + id);
	var titleRoot = document.getElementById('wwl-title-' + id);
	var contentRoot = document.getElementById('wwl-content-' + id);
	var tspans = titleRoot.getElementsByTagName("SPAN");
	var spans = contentRoot.getElementsByTagName("SPAN");
	var si;
	
	var unsetEditable = function(elem) {
		if (/wwl-transalted-fragment/.test(elem.className)) {
			var chunkId = elem.nextSibling.innerHTML;
			if (wwl.chunks[chunkId]) {
				elem.className = "wwl-transalted-fragment";
				elem.onclick = null;
			}
		}
	}
	var setEditable = function(elem) {
		if (/wwl-transalted-fragment/.test(elem.className)) {
			var chunkId = elem.nextSibling.innerHTML;
			if (wwl.chunks[chunkId]) {
				elem.className = "wwl-transalted-fragment wwl-editing";
				elem.onclick = function() {
					wwl.showTranslatorWindow(this);
					return false;
				}
			}
		}
	}	
	
	if (wwl.editing[id]) {
		for (si in spans) {
			unsetEditable(spans[si]);
		}
		for (si in tspans) {
			unsetEditable(tspans[si]);
		}
		wwl.editing[id] = false;
		return false;
	}
	
	for (si in spans) {
		setEditable(spans[si]);
	}
	for (si in tspans) {
		setEditable(tspans[si]);
	}
	wwl.editing[id] = true;
	return false;
}
wwl.showTranslatorWindow = function(sender) {
	var chunkId = sender.nextSibling.innerHTML;
	wwl.chunks[chunkId].translatedWithTags = sender.innerHTML;
		
	wwl.$("wwl-inline-editor-translated").disabled = false;
	wwl.$("wwl-inline-editor-update").disabled = false;
	
	wwl.$("wwl-inline-editor-title").innerHTML = "Edit " +  wwl.sourceLanguageName + " → " + wwl.targetLanguageName + " translation";
	
	wwl.$("wwl-inline-editor-original").innerHTML = wwl.chunks[chunkId].original;
	wwl.$("wwl-inline-editor-translated").value = wwl.chunks[chunkId].translated;

	wwl.$("wwl-inline-editor").style.display = "block";
	wwl.$("wwl-inline-editor-translated").style.height = (28 + wwl.$("wwl-inline-editor-original").offsetHeight) + "px";
	wwl.activeChunkId = chunkId;
	wwl.activeElement = sender;
	return false;
}
wwl.submitTranslation = function() {
	wwl.$("wwl-inline-editor-title").innerHTML = "Saving translation...";
	var text = wwl.$("wwl-inline-editor-translated").value;
	wwl.chunks[wwl.activeChunkId].translated = text;
	
	wwl.$("wwl-inline-editor-translated").disabled = true;
	wwl.$("wwl-inline-editor-update").disabled = true;

	var mysack = new sack(wwl.ajaxurl);    

	//mysack.execute = 1;
	mysack.method = 'POST';
	mysack.setVar("action", "wwl_update_translation");
	mysack.setVar("text", text);
	mysack.setVar("source", wwl.chunks[wwl.activeChunkId].original);
	mysack.setVar("sourceWithTags", wwl.activeElement.innerHTML);
	mysack.setVar("chunkId", wwl.activeChunkId);
	mysack.setVar("tl", wwl.targetLanguage);
	
	mysack.onError = function() { 
		wwl.hideTranslatorWindow();
	};
	mysack.onCompletion = function() {
		var data = null;
		try {
			eval ('data = ' + mysack.response);
		} catch (e) {}
		//console.debug(data);
		if (data && data.translated && wwl.activeElement) {
			wwl.activeElement.innerHTML = data.translated;
		}
		wwl.hideTranslatorWindow();
	}
	mysack.runAJAX();

	return false;
}
wwl.hideTranslatorWindow = function() {
	wwl.$("wwl-inline-editor").style.display = "none";
	return false;
}
wwl.API = {}
wwl.API.clearCache = function() {
	var data = {
		action: 'wwl_clear_cache'
	};
	if (typeof jQuery == "undefined" || typeof ajaxurl == "undefined") {
		alert("This function requires Wordpress 2.8+");
		return false;
	}
	jQuery.post(ajaxurl, data, function(response) {
		alert("Cache cleared");
	});
	return false;
}
wwl.$ = function(id) {
	return document.getElementById(id);
}
wwl.massSwitch = function(option, check) {
	for (var i in wwl.langs) {
		if (wwl.$(i + '_' + option + '_enable')) {
			wwl.$(i + '_' + option + '_enable').checked = check.checked;
		}
	}
}
wwl.massSelect = function(option, select) {
	
	for (var i in wwl.langs) {
		if (wwl.$(i + '_' + option + '_select')) {
			wwl.$(i + '_' + option + '_select').selectedIndex = select.selectedIndex;
		}
	}
	
}
wwl.init = function() {
	
}
wwl.init();