/* JS AJAX Popup code */
var loadingImg = '<p>Please Wait...</p>';
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 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;
}
function createOverlay()
{
	bodyTag = document.getElementsByTagName("body")[0];		
	
	var sizeatt = getPageSize();
	var scrollatt = getPageScroll();
	var fullHeight = "";
	
	/* Create overlay */
	var overlay = document.createElement("div");
	overlay.id = "dataOverlay";
	overlay.style.display = "block";	
	
	if(navigator.appName.indexOf("Opera") != -1)	
		fullHeight = parseInt(document.getElementsByTagName("body")[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);	
	
	var overlayBox = document.createElement("div");
	overlayBox.id = "dataOverlayBox";
	overlayBox.style.display = "block";
	overlayBox.style.top = scrollatt[1] + "px";
	bodyTag.appendChild(overlayBox);	
	
	var overlayContent = document.createElement("div");
	overlayContent.id = "overlayContent";
	overlayBox.appendChild(overlayContent);
	overlayContent.style.background = "none";
	return overlayContent;
}

/* Add to basket popup */
function addToBasket(id, qty, productOptions)
{
	var overlayContent = createOverlay();	
	var content = document.createElement("span");							
	content.id = "formResult";	
	content.style.display = "block";			
	overlayContent.appendChild(content);
	
	/* Options */
	var optionString = '';
	for(i = 0; i < productOptions.length; i++)
	{
		optionString = optionString + '&' + productOptions[i] + '=' + document.getElementById(productOptions[i]).value;
	}
	popupAddToBasket(id, qty, optionString);
}
function popupAddToBasket(id, qty, optionString)
{	
	xmlHttp = GetXmlHttpObject();				
	var url = "/shop-online/add-to-basket.aspx?id=" + id + "&qty=" + qty + optionString;
	
	xmlHttp.onreadystatechange = function()
	{
		if (xmlHttp.readyState == 4)
			document.getElementById("formResult").innerHTML = xmlHttp.responseText;
		else
			document.getElementById("formResult").innerHTML = loadingImg;	
	}
	xmlHttp.open("POST",url,true);	
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", url.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(url);
}
function hideAddToBasket(newCount, newCost)
{					
	document.getElementById("basketCount").innerHTML= newCount;
    document.getElementById("basketCost").innerHTML= newCost;

	overlayObj = document.getElementById("dataOverlay");	
	document.body.removeChild(overlayObj);
	overlayContentBox = document.getElementById("dataOverlayBox");
	document.body.removeChild(overlayContentBox);
}

/* Newsletter signup popup */
function newsletterSignup(name, email)
{
	var overlayContent = createOverlay();	
	var content = document.createElement("span");							
	content.id = "formResult";	
	content.style.display = "block";			
	overlayContent.appendChild(content);
	popupNewsletterSignup(name, email);
}
function popupNewsletterSignup(name, email)
{
	xmlHttp = GetXmlHttpObject();				
	var url = "/newsletter-signup.aspx?name=" + name + "&email=" + email;
	
	xmlHttp.onreadystatechange = function()
	{
		if (xmlHttp.readyState == 4)
			document.getElementById("formResult").innerHTML = xmlHttp.responseText;
		else
			document.getElementById("formResult").innerHTML = loadingImg;	
	}
	xmlHttp.open("POST",url,true);	
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", url.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(url);
}
function hideNewsletterSignup()
{
	overlayObj = document.getElementById("dataOverlay");	
	document.body.removeChild(overlayObj);
	overlayContentBox = document.getElementById("dataOverlayBox");
	document.body.removeChild(overlayContentBox);
}

/* Email to a friend popup */
function emailToAFriend()
{
	var overlayContent = createOverlay();	
	var content = document.createElement("span");							
	content.id = "formResult";	
	content.style.display = "block";			
	overlayContent.appendChild(content);
	popupEmailToAFriend();
}
function popupEmailToAFriend()
{
	xmlHttp = GetXmlHttpObject();				
	var url = "/emailtoafriend.aspx";
	
	xmlHttp.onreadystatechange = function()
	{
		if (xmlHttp.readyState == 4)
			document.getElementById("formResult").innerHTML = xmlHttp.responseText;
		else
			document.getElementById("formResult").innerHTML = loadingImg;	
	}
	xmlHttp.open("POST",url,true);	
	xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	xmlHttp.setRequestHeader("Content-length", url.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(url);
}
function hideEmailToAFriend()
{
	overlayObj = document.getElementById("dataOverlay");	
	document.body.removeChild(overlayObj);
	overlayContentBox = document.getElementById("dataOverlayBox");
	document.body.removeChild(overlayContentBox);
}