function popupBox()
{
	var sizeatt = getPageSize();
	var scrollatt = getPageScroll();
	var fullHeight = "";
	bodyTag = document.getElementsByTagName("body")[0];	
	var overlay = document.createElement("div");
	overlay.id = "overlay";		
	overlay.style.display = "none";	
	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);
	$('#overlay').css({
		opacity: 0.6
	});

	var overlayBox = document.createElement("div");
	overlayBox.id = "overlayContainer";
	overlayBox.style.display = "none";
	overlayBox.style.top = scrollatt[1] + 100 + "px";

	var overlayTop = document.createElement("div");
	overlayTop.className = "overlayTop";		
	overlayBox.appendChild(overlayTop);	
	
	var overlayRepeat = document.createElement("div");
	overlayRepeat.id = "overlayMid";		
	overlayRepeat.className = "overlayMid";
	overlayBox.appendChild(overlayRepeat);	
	bodyTag.appendChild(overlayBox);
	
}
function clearNewsletterFields()
{
	document.getElementById("txtFirstName").value = '';
	document.getElementById("txtSurname").value = '';
	document.getElementById("txtEmail").value = '';
	checkfields();
}
function popupNewsletter() 
{
		
	if(navigator.userAgent.indexOf("MSIE 6") != -1){hideDdls();}	
	if(navigator.userAgent.indexOf("Camino") != -1){hideObject();}
	
	var validation = true;
	var sizeatt = getPageSize();
	var scrollatt = getPageScroll();
	var fullHeight = "";
	var _txtFName = document.getElementById("txtFirstName");
	var _txtSName = document.getElementById("txtSurname");
	var _txtEmail = document.getElementById("txtEmail");
	var _className = "textBox needsTip";
	
	if (_txtFName.value == "")
	{
		validation = false;
		_txtFName.className += " error";
	}
	else 
		_txtFName.className = _className;
		
	if (_txtSName.value == "")
	{
		validation = false;
		_txtSName.className += " error";
	}
	else 
		_txtSName.className = _className;
		
	if (_txtEmail.value == "")
	{
		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)
	{
		sendNewsletterRequest(_txtFName.value, _txtSName.value, _txtEmail.value);
		var overlay = document.getElementById("overlay");
		$('#overlay').css({
			opacity: 0.6
		});
		overlay.style.display = "block";	
		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";		

		var overlayBox = document.getElementById("overlayContainer");
		overlayBox.style.display = "block";
		overlayBox.style.top = scrollatt[1] + 100 + "px";
		
		var overlayRepeat = document.getElementById("overlayMid");
		overlayRepeat.innerHTML = "";		
		
		var overlayContent = document.createElement("div");
		overlayContent.id = "newsletterSignUpThanks";
		overlayContent.className = "newsletterSignUpThanks";
		overlayRepeat.appendChild(overlayContent);
		/*
		var overlayTitle = document.createElement("h3");
		overlayTitle.innerHTML = "Newsletter Signup";
		overlayContent.appendChild(overlayTitle);
		
		var overlayPTag1 = document.createElement("p");
		overlayPTag1.innerHTML = "Thanks for signing up to our newsletter.<br /><br />";				
		overlayContent.appendChild(overlayPTag1);
				
		var overlayPTag3 = document.createElement("p");
		overlayPTag3.innerHTML = "Now you can stay up to date with our news, events and special offers.";
		overlayContent.appendChild(overlayPTag3);
		
		var closeBtn = document.createElement("input");
		closeBtn.setAttribute("type","image");
		closeBtn.src = "/media/build/btn_close_off.gif"
		closeBtn.onclick = function()
		{
			removePopup();
		};
		closeBtn.setAttribute("onmouseover","navOver(this)");
		closeBtn.setAttribute("onmouseout","navOver(this)");
		closeBtn.className = "btnClose";
		overlayContent.appendChild(closeBtn);
		
		bodyTag.appendChild(overlayBox);*/
		
	}
}

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 sendNewsletterRequest(_txtFName, _txtSName, _txtEmail)
{
	var isValid = true;
	
	if(isValid == true)
	{
		xmlHttp = GetXmlHttpObject();				
		var url = "/newsletter-signup.aspx";
		var queryString = "";
		queryString += "&fName=" + _txtFName + "&sName=" + _txtSName + "&email=" + _txtEmail;
		xmlHttp.onreadystatechange = function()
		{
			if (xmlHttp.readyState == 4)
				document.getElementById("newsletterSignUpThanks").innerHTML = xmlHttp.responseText;
			else
				document.getElementById("newsletterSignUpThanks").innerHTML = "Sending...";	
		}
		
		xmlHttp.open("POST",url,true);	
		xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xmlHttp.setRequestHeader("Content-length", queryString.length);
		xmlHttp.setRequestHeader("Connection", "close");
		xmlHttp.send(queryString);		
	}	
}
function removePopup()
{	
	overlayObj = document.getElementById("overlay");
	overlayBoxObj = document.getElementById("overlayContainer");
	overlayBoxMidObj = document.getElementById("overlayMid");
	
	overlayBoxMidObj.innerHTML = "";
	
	overlayObj.style.display = "none";
	overlayBoxObj.style.display = "none";
		
	if(navigator.userAgent.indexOf("Camino") != -1){showObject()}
	if(navigator.userAgent.indexOf("MSIE 6") != -1){showDdls()}	
}

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.offsetHeight;
	} else if (document.body) {
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.offsetHeight;
	}	

	if(yScroll < windowHeight){
		pageHeight = windowHeight;
		if(navigator.appName.indexOf("Opera") != -1)
		{
			pageHeight = parseInt(document.getElementsByClassName("headerOuter")[0].offsetHeight + document.getElementsByClassName("contentOuter")[0].offsetHeight); 
		}
	} else { 
		pageHeight = yScroll;
	}

	if(xScroll < windowWidth){	
		pageWidth = windowWidth;
	} else {
		pageWidth = xScroll;
	}
	
	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight) 
	return arrayPageSize;

}

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";
}