var txtMenuMessage = "";

function showTransparentLayer(message, functionName, functionsParams ,noquestion, special)
{
	var destContentLayer = document.getElementById('transparent_overlay_layer');
	var destTranspLayer = document.getElementById('transparent_overlay');
	var mainBlock = document.getElementById('MainBlock');

	if (destTranspLayer && destContentLayer && mainBlock)
	{
		var windowScroll = document.documentElement.scrollTop;
		var viewPortHeight = document.documentElement.clientHeight;
		var mainHeight = mainBlock.clientHeight;

		destContentLayer.style.top = (viewPortHeight - 300)/2 + windowScroll+"px";

		if (viewPortHeight < mainHeight)
			destTranspLayer.style.height = mainHeight + 'px';
		else
			destTranspLayer.style.height = '100%';

		var messageBox = document.getElementById('messageBox');
		var ButtonHolder = document.getElementById('ButtonHolder');
		var ButtonHolder2 = document.getElementById('ButtonHolder2');
		var ButtonHolder3 = document.getElementById('ButtonHolder3');

		if (messageBox)
		{
			messageBox.innerHTML = message;
		}

		if (!noquestion)
		{
			var NoClickSet = false;
			if (!special)
			{
				var buttonYes = document.getElementById('buttonYes');
				var buttonNo = document.getElementById('buttonNo');

				if (ButtonHolder)
				{
					ButtonHolder.style.display = 'block';
				}
				if (ButtonHolder2)
				{
					ButtonHolder2.style.display = 'none';
				}
				if (ButtonHolder3)
				{
					ButtonHolder3.style.display = 'none';
				}
			}
			else
			{
				if (special == "2"){
					document.getElementById('modalButtonLoginText').style.display = "none";
					document.getElementById('modalButtonSendText').style.display = "block";
				}
				else{
					document.getElementById('modalButtonLoginText').style.display = "block";
					document.getElementById('modalButtonSendText').style.display = "none";
				}
				var buttonYes = document.getElementById('buttonLogin');
				var buttonNo = document.getElementById('buttonRefuse');

				if (ButtonHolder3)
				{
					ButtonHolder3.style.display = 'block';
				}
				if (ButtonHolder)
				{
					ButtonHolder.style.display = 'none';
				}
				if (ButtonHolder2)
				{
					ButtonHolder2.style.display = 'none';
				}
				buttonNo.onclick = function(){hideLayers("", ""); clearUserCode();};
				NoClickSet = true;
			}

			if (buttonYes)
			{
				buttonYes.onclick = function(){hideLayers(functionName, functionsParams);};
			}
			if (buttonNo && !NoClickSet)
			{
				buttonNo.onclick = function(){hideLayers("", "");};
			}
		}
		else
		{
			var buttonOK = document.getElementById('buttonOK');

			if (ButtonHolder)
			{
				ButtonHolder.style.display = 'none';
			}
			if (ButtonHolder3)
			{
				ButtonHolder3.style.display = 'none';
			}
			if (ButtonHolder2)
			{
				ButtonHolder2.style.display = 'block';
			}
			if (buttonOK)
			{
				buttonOK.onclick = function(){hideLayers(functionName, functionsParams);};
			}
		}

		//show both layers
		destContentLayer.style.display = "block";
		destTranspLayer.style.display = "block";
		
		if (destContentLayer.offsetTop + destContentLayer.clientHeight > destTranspLayer.clientHeight)
			destTranspLayer.style.height = destContentLayer.offsetTop + destContentLayer.clientHeight + 'px';
	}
}

function hideLayers(functionName, functionsParams)
{
	var ButtonHolder = document.getElementById('ButtonHolder');
	var ButtonHolder2 = document.getElementById('ButtonHolder2');
	var destContentLayer = document.getElementById('transparent_overlay_layer');
	var destTranspLayer = document.getElementById('transparent_overlay');

	document.getElementById('transparent_overlay_layer_show_container').style.width = '300px';

	if (ButtonHolder)
	{
		ButtonHolder.style.display = 'none';
	}
	if (ButtonHolder2)
	{
		ButtonHolder2.style.display = 'none';
	}
	if (destContentLayer)
	{
		destContentLayer.style.display = "none";
	}
	if (destTranspLayer)
	{
		destTranspLayer.style.display = "none";
	}
	if (functionName)
	{
		if (typeof eval(functionName) == "function")
		{
			eval(functionName + "(" + functionsParams + ")");
		}
	}
}

function joinNewslist(){
	var targetForm = document.getElementById("joinNewslist");

	if (targetForm){
		var Email = targetForm.UserEmail;
		var UserName = targetForm.UserName;
		if (Email && UserName){
			var test = Email.value.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]{2,64}\.[a-zA-Z0-9._-]{2,})/gi);
			var test2 = (UserName.value.match(/\S/gi) && UserName.value != UserName.defaultValue);
			var errorFound = false;
			if (!test2){
				showTransparentLayer('<div id="modalError">' + wrongName + '</div>' + joinTPL, 'joinNewslist', "", false, 2);
				errorFound = true;
			}
			else if(!test){
				showTransparentLayer('<div id="modalError">' + wrongEmail + '</div>' + joinTPL, 'joinNewslist', "", false, 2);
				errorFound = true;
			}
			if (!errorFound){
				targetForm.submit();
			}
			else{
				var targetFormNew = document.getElementById("joinNewslist");
				targetFormNew.UserEmail.value = Email.value;
				targetFormNew.UserName.value = UserName.value;
			}
		}
	}
}

function sendToFriend(){
	var targetForm = document.getElementById("sendToFriendForm");
	if (targetForm){
		var Email = targetForm.UserEmail;
		var test = Email.value.match(/([a-zA-Z0-9._-]+@[a-zA-Z0-9._-]{2,64}\.[a-zA-Z0-9._-]{2,})/gi);
		if(!test){
			showTransparentLayer('<div id="modalError">' + wrongEmail + '</div>' + joinTPL, 'joinNewslist', "", false, 2);
			var targetFormNew = document.getElementById("sendToFriendForm");
			targetFormNew.UserEmail.value = Email.value;
		}
		else if (targetForm.ProductTitle)
		{
			targetForm.ProductTitle.value = ProductTitle;
			targetForm.submit();
		}
	}
}
