var loadingImg = "<div class='popLoad'><img src='/media/build/ajax-loader.gif' width='35' height='35' alt='' /></div>";

function popupBox(className)
{
	var validation  = true;		
	var sizeatt = getPageSize();
	var scrollatt = getPageScroll();
	var fullHeight = "";
		
	var _txtName = document.getElementById("txtNewsletterName");
	var _txtEmail = document.getElementById("txtNewsletterEmail");
	var _className = className; 

	if((_txtName.value == "") || (_txtName.value == "Enter your full name"))
	{	
		validation = false;
		_txtName.className += " error";
	}
	else
		_txtName.className = _className;
	
	if((_txtEmail.value == "") || (_txtEmail.value == "Enter email address"))
	{	
		validation = false;
		_txtEmail.className += " error";
	}
	else
		_txtEmail.className = _className;

	if(_txtEmail.value != "")
	{			
		var supEmail = _txtEmail.value;
		var emLen = supEmail.length;
		var posAt = supEmail.indexOf('@')
		var posDot = supEmail.lastIndexOf('.')
		if((emLen < 7) || (posAt < 1) || (posDot <= (posAt + 1)) || (posDot >= (emLen - 1)))
		{
			validation = false;
			_txtEmail.className += " error";
		}
	}
	else			
		_txtEmail.className = _className;		

	if(validation == true)
	{		
		if(navigator.userAgent.indexOf("MSIE 6") != -1)
			hideDdls();
	
		if(navigator.userAgent.indexOf("Camino") != -1)
			hideObject();
	
		bodyTag = document.getElementsByTagName("body")[0];	

		var overlay = document.createElement("div");
		overlay.id = "dataOverlay";		
		overlay.style.display = "block";	
		
		if(navigator.appName.indexOf("Opera") != -1)		
		{
			fullHeight = parseInt(document.getElementsByClassName("mainContainer")[0].offsetHeight + 
			document.getElementsByClassName("footerContainer")[0].offsetHeight +
			document.getElementsByClassName("disclaimerContainer")[0].offsetHeight 
			);		
		}
		else
			fullHeight = sizeatt[1];
			
		overlay.style.height = fullHeight + "px";							
		
		if(navigator.userAgent.indexOf("MSIE") != -1)	
			overlay.style.width = (sizeatt[0]) + "px";			
		else
			overlay.style.width = (sizeatt[0] - 17) + "px";		
		
		bodyTag.appendChild(overlay);
			
		if(navigator.userAgent.indexOf("MSIE 6") != -1)	
		{
			var relativeBox = document.createElement("div");
			relativeBox.style.position = "relative";
			relativeBox.id = "ie6Addition";
			bodyTag.appendChild(relativeBox);
		}
		
		var overlayBox = document.createElement("div");
		overlayBox.id = "dataOverlayBox";
		overlayBox.style.display = "block";
		overlayBox.style.top = scrollatt[1] + "px";
						
		var overlayContent = document.createElement("div");
		overlayContent.className = "border";		
		overlayBox.appendChild(overlayContent);	
		
		var overlayTitle = document.createElement("h3");
		overlayTitle.className = "ttlNewsletterSignUp";
		overlayTitle.title = "Newsletter Signup";
		overlayContent.appendChild(overlayTitle);
		
		var overlayButton = document.createElement("a");
		overlayButton.id = "btnClose";
		overlayButton.title = "Close";
		overlayButton.onclick = function() { hideBox() };		
		overlayContent.appendChild(overlayButton);		
		
		var overlayPTag = document.createElement("p");
		overlayPTag.id = "overlayPTag";
		overlayPTag.innerHTML = "Thank you for signing up to the Archers BCM Newsletter.<br /><br />Now you'll be able to get the latest news from Archers BCM straight to your email.";				
		overlayBox.appendChild(overlayPTag);
		
		var overlayCloseText = document.createElement("a");
		overlayCloseText.className = "btnCloseText";
		overlayCloseText.title = "Close";
		overlayCloseText.onclick = function() { hideBox() };	
		overlayBox.appendChild(overlayCloseText);
				
		bodyTag.appendChild(overlayBox);
		newsletterSignUp();		
	}
}

function hideBox()
{	
	overlayObj = document.getElementById("dataOverlay");
	overlayBoxObj = document.getElementById("dataOverlayBox");
	
   document.body.removeChild(overlayObj);
	document.body.removeChild(overlayBoxObj);
		
	if(navigator.userAgent.indexOf("Camino") != -1)
		showObject();		
		
	if(navigator.userAgent.indexOf("MSIE 6") != -1)	
	{
		showDdls();	
		var relativeBoxObj = document.getElementById("ie6Addition");
		document.body.removeChild(relativeBoxObj);
	}		
}

function GetXmlHttpObject()
{
	var xmlHttp = null;	
	try
	{
		xmlHttp = new XMLHttpRequest();
	}
	catch (e)
	{
		try
		{
			xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}

function hideDdls()
{
	for(i=0;i<document.getElementsByTagName("select").length;i++)
		document.getElementsByTagName("select")[i].style.visibility = "hidden";
}

function showDdls()
{
	for(i=0;i<document.getElementsByTagName("select").length;i++)
		document.getElementsByTagName("select")[i].style.visibility = "visible";
}

function hideObject()
{	
	for(i=0;i<document.getElementsByTagName("object").length;i++)
		document.getElementsByTagName("object")[i].style.visibility = "hidden";
}

function showObject()
{	
	for(i=0;i<document.getElementsByTagName("object").length;i++)
		document.getElementsByTagName("object")[i].style.visibility = "visible";
}		

function format(el, e, txt)
{
	if(txt == "Enter your full name") 
	{

		if((e == "blur") && (el.value == ""))				
			el.value = "Enter your full name";
		
		if((e == "focus") && (el.value == txt))
			el.value = "";
	}	

	if(txt == "Enter email address") 
	{
		if((e == "blur") && (el.value == ""))
			el.value = "Enter email address";
			
		if((e == "focus") && (el.value == txt))
			el.value = "";
	}	
}

function newsletterSignUp()
{	
	xmlHttp = GetXmlHttpObject();				
	var url = "/newsletter-signup.aspx";
	
	var nameId = "";
	var emailId = "";
	var signUpQuery = "";
	
	nameId = document.getElementById("txtNewsletterName");
	emailId = document.getElementById("txtNewsletterEmail");
	signUpQuery += "&txtSignUpName="+nameId.value + "&txtSignUpEmail=" + emailId.value;

	xmlHttp.onreadystatechange = checkStatus;	
	xmlHttp.open("POST",url,true);	
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", signUpQuery.length);
	xmlHttp.setRequestHeader("Connection", "close");
	
	xmlHttp.send(signUpQuery);		
	
	nameId.value = "Enter your full name";
	emailId.value = "Enter email address";
		
}

function checkStatus()
{
	if (xmlHttp.readyState == 4)
	{		
		// document.getElementById("overlayPTag").innerHTML = "Thank you for signing up to the Archers BCM Newsletter.<br /><br />Now you'll be able to get the latest news from Archers BCM straight to your email.";						
		document.getElementById("overlayPTag").innerHTML = xmlHttp.responseText;						
	}
}

function getPageScroll()
{

	var yScroll;

	if (self.pageYOffset) 
	{
		yScroll = self.pageYOffset;
	} 
	else if (document.documentElement && document.documentElement.scrollTop)
	{
		yScroll = document.documentElement.scrollTop;
	} 
	else if (document.body) 
	{
		yScroll = document.body.scrollTop;
	}
	
	arrayPageScroll = new Array('',yScroll) 
	return arrayPageScroll;
}

function getPageSize()
{
	
	var xScroll, yScroll;
	
	if (window.innerHeight && window.scrollMaxY) 
	{	
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
	} 
	else if (document.body.scrollHeight > document.body.offsetHeight)
	{
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} 
	else 
	{ 
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	
	
	var windowWidth, windowHeight;
	if (self.innerHeight) 
	{
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} 
	else if (document.documentElement && document.documentElement.clientHeight) 
	{
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} 
	else if (document.body) 
	{
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	

	
	if(yScroll < windowHeight)
	{
		pageHeight = windowHeight;
	} 
	else 
	{ 
		pageHeight = yScroll;
	}

	if(xScroll < windowWidth)
	{	
		pageWidth = windowWidth;
	} 
	else 
	{
		pageWidth = xScroll;
	}
	
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;

}

