function showToolTip(id)
{
	var panel = document.getElementById(id);
	var display = panel.style.display ? '' : 'none';	
	panel.style.display = display;
}
function showDialog(id)
{
	var panel = document.getElementById(id);
	var display = panel.style.display ? '' : 'none';	
	panel.style.display = display;
}
function clear_f( obj, str )
{
	if ( obj.value == str )
		obj.value = '';
}

function restore_f( obj, str )
{
	if ( obj.value == '' )
		obj.value = str;
}

function log_in(val)
{
	var obj = document.getElementById(val);
	obj.action="index.php?action=login";
	obj.submit();
}

function save_content(id, url)
{
	var obj = document.getElementById(id);
	obj.action=url;
	obj.submit();
}

function cancel_content(id, url)
{
	var obj = document.getElementById(id);
	obj.action=url;
	obj.submit();
}
//------------ validation ------------//
function isEmptyString(value)
{
	if(value.length == 0)
	{
		alert("The field can't be empty!");
		return true;
	}
	return false;
}

//------------ Ajax methods ------------//
function showGallery(num)
{
	//if (!IsReadyToSend()) return;
	
	//sendData = "img=" + num;
        //document.getElementById("gallery").value = "loading..";
	//sendRequest(getGalleryUrl(), sendData, "gallery");
}

function loginAjax(passwordId)
{
	if (!IsReadyToSend()) return;

	var login_passw = document.getElementById(passwordId).value;
	
	sendData = "action=login&pwd=" + login_passw;
	
	document.getElementById(passwordId).value = "";
	document.getElementById("loginDynamic").value = "sending..";
	sendRequest(getLoginUrl(), sendData, "card");
	
}

function logoutAjax(id)
{	
	if (!IsReadyToSend()) return;

	showLoading();
	
	sendData = "action=logout";
	
	sendRequest(getUrl(), sendData, "loginDynamic");
}

function showContentByQuery(id)
{
	if (!IsReadyToSend()) return;

	var obj = document.getElementById(id);
	var str = obj.value;
	obj.value = "";

	showLoading();
	
	sendData = "action=default&query=" + str;

	sendRequest(getUrl(), sendData, "contentDynamic");
}
function showContent(id)
{
	if (!IsReadyToSend()) return;
	showLoading();

	sendData = "action=default&item=" + id;
	
	sendRequest(getUrl(), sendData, "contentDynamic");
}
function showVerse(id)
{
	showLoading();
	if (!IsReadyToSend()) return;

	sendData = "action=view_content&id=" + id;
	
	sendRequest(getUrl(), sendData, "contentDynamic");
}
function editVerse(id)
{
	showLoading();
	if (!IsReadyToSend()) return;

	sendData = "action=edit_mode&id=" + id;
	
	sendRequest(getUrl(), sendData, "contentDynamic");
}
function addVerse(themeId)
{
	showLoading();
	if (!IsReadyToSend()) return;

	sendData = "action=add_mode&item=" + themeId + "&id=0";
	
	sendRequest(getUrl(), sendData, "contentDynamic");
}
function saveVerse(idName, idText, theme_id, id)
{	
	if (!IsReadyToSend()) return;

	var edit_name = document.getElementById(idName).value;
	var edit_text = document.getElementById(idText).value;

	//Validation
	if(isEmptyString(edit_name)) return;
	if(isEmptyString(edit_text)) return;

	showLoading();
	
	sendData = "action=save_mode&edit_name=" + edit_name + "&edit_text=" + edit_text;
	sendData = sendData + "&item=" + theme_id + "&id=" + id;
	
	sendRequest(getUrl(), sendData, "contentDynamic");
}
function deleteVerse(theme_id, id)
{
	showLoading();
	if (!IsReadyToSend()) return;

	sendData = "action=delete_mode&item=" + theme_id + "&id=" + id;

	sendRequest(getUrl(), sendData, "contentDynamic");
}
function goRoot(id)
{
	showLoading();
	if (!IsReadyToSend()) return;

	sendData = "action=default";

	sendRequest(getUrl(), sendData, "contentDynamic");
}


var xmlHttp;
function showLoading()
{
	//document.getElementById("contentDynamic").innerHTML = "Loading...";
}
function getGalleryUrl()
{
	var url = "gallery.php";
	url = url + "?sid=" + Math.random();
	return url;
}
function getLoginUrl()
{
	var url = "login.php";
	url = url + "?sid=" + Math.random();
	return url;
}
function getUrl()
{
	var url = "ajax.php";
	url = url + "?sid=" + Math.random();
	return url;
}
function sendGetRequest(url, sendData, layer)
{
	xmlHttp.open("GET", url, false);
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	//xmlHttp.setRequestHeader("Content-length", sendData.length);
	xmlHttp.send(sendData);	
	if (xmlHttp.readyState == 4)
	{
		document.getElementById(layer).innerHTML = xmlHttp.responseText;
	}
}
function sendRequest(url, sendData, layer)
{
	xmlHttp.open("POST", url, false);
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	//xmlHttp.setRequestHeader("Content-length", sendData.length);
	xmlHttp.send(sendData);	
	if (xmlHttp.readyState == 4)
	{
		document.getElementById(layer).innerHTML = xmlHttp.responseText;
	}
}
function IsReadyToSend()
{
	var bRet = true;
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null)
	{
		alert ("showHint: Your browser does not support AJAX!");
		bRet = false;
	}
	return bRet;
}
function GetXmlHttpObject()
{
	var xmlHttp = null;
	try
	{
		// Firefox, Opera 8.0+, Safari
		xmlHttp = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer
		try
		{
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}	
	return xmlHttp;
}