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 navOver(imgTag)
{        
	var theImage = imgTag;	
	if(theImage.src.indexOf("_off.") != -1)	
	{
		theImage.src = theImage.src.replace("_off.","_on.");		
	}
	else	
	{
		theImage.src = theImage.src.replace("_on.","_off.");	
	}
}

function hideDiv(elem)
{
	document.getElementById(elem).style.display = "none";
}

function showDiv(elem)
{
	document.getElementById(elem).style.display = "block";
}

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);

	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 overlayButton = document.createElement("a");
	overlayButton.id = "btnCloseAbsolute";
	overlayButton.className = "btnCloseAbsolute";
	overlayButton.innerHTML = "<img src='/media/build/btn_close_off.gif' alt='Close' />";
	overlayButton.onclick = function() { removePopup() };		
	overlayTop.appendChild(overlayButton);
	
	var overlayRepeat = document.createElement("div");
	overlayRepeat.id = "overlayMid";		
	overlayRepeat.className = "overlayMid";
	overlayBox.appendChild(overlayRepeat);	
	bodyTag.appendChild(overlayBox);
	
	/* create objects for the shopping bag popup */
	var overlayBox2 = document.createElement("div");
	overlayBox2.id = "overlayContainer2";
	overlayBox2.style.display = "none";
	overlayBox2.style.top = scrollatt[1] + 100 + "px";
					
	var overlayTop2 = document.createElement("div");
	overlayTop2.className = "overlayTop";		
	overlayBox2.appendChild(overlayTop2);	
	
	var overlayRepeat2 = document.createElement("div");
	overlayRepeat2.id = "overlayMid2";		
	overlayRepeat2.className = "overlayMid";
	overlayBox2.appendChild(overlayRepeat2);	
	bodyTag.appendChild(overlayBox2);
	
	fullHeight = sizeatt[1];
		
	overlayBox2.style.display = "none";
	
	var imgShoppingBag = document.createElement("img");
	imgShoppingBag.id = "popupBagImg";
	imgShoppingBag.src = "/media/build/img_productBag_02.gif";
	imgShoppingBag.className = "bagImage";
	overlayBox2.appendChild(imgShoppingBag);
	
}


function validate() 
{
	var fname = document.getElementById("emailFName");
	var femail = document.getElementById("emailFEmail");
	var yname = document.getElementById("emailYName");
	var yemail = document.getElementById("emailYEmail");
	var message = document.getElementById("emailMessage");
	var valid = true;
	
	/* check to ensure details are entered */
	if (fname.value == "")
	{
		valid = false;
		fname.className += " error";
	}
	else fname.className = "";
	
	if (yname.value == "")
	{
		valid = false;
		yname.className += " error";
	}
	else yname.className = "";
	
	
	if (femail.value == "")
	{
		valid = false;
		femail.className += " error";
	}
	else if (femail.value != "")
	{
		var supEmail = femail.value;
		var emLen = supEmail.length;
		var posAt = supEmail.indexOf('@')
		var posDot = supEmail.lastIndexOf('.')
		if((emLen < 7) || (posAt < 1) || (posDot <= (posAt + 1)) || (posDot >= (emLen - 1))){
			valid = false;
			femail.className += " error";
		}
	}
	else {femail.className = "";}
	
	if (yemail.value == "")
	{
		valid = false;
		yemail.className += " error";
	}
	else if (yemail.value != "")
	{
		var supEmail = yemail.value;
		var emLen = supEmail.length;
		var posAt = supEmail.indexOf('@')
		var posDot = supEmail.lastIndexOf('.')
		if((emLen < 7) || (posAt < 1) || (posDot <= (posAt + 1)) || (posDot >= (emLen - 1))){
			valid = false;
			yemail.className += " error";
		}
	}
	else {yemail.className = "";}
	
	if (valid)
	{
		callForm("submit");
	}
}

function callForm(el)
{
	var fname = document.getElementById("emailFName");
	var femail = document.getElementById("emailFEmail");
	var yname = document.getElementById("emailYName");
	var yemail = document.getElementById("emailYEmail");
	var message = document.getElementById("emailMessage");
	signUpxhr = GetXmlHttpObject();				
	var url = "/email-to-a-friend.aspx";
	var queryString= "&requestType="+el;
	if (el == "submit")
	{
		queryString += "&senderN="+ yname.value;
		queryString += "&senderE="+ yemail.value;
		queryString += "&friendN="+ fname.value;
		queryString += "&message="+ message.value;
		queryString += "&friendE="+ femail.value;
		queryString += "&pageUrl="+ document.location;
	}
		//alert(queryString);
	
	signUpxhr.onreadystatechange = RequestStatus;				
	signUpxhr.open("POST",url,true);	
	signUpxhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	signUpxhr.setRequestHeader("Content-length", queryString.length);
	signUpxhr.setRequestHeader("Connection", "close");
	signUpxhr.send(queryString);		
}

function RequestStatus()
{
	var formDiv = document.getElementById("formDiv");
	if (signUpxhr.readyState == 4)
	{			
		formDiv.innerHTML = signUpxhr.responseText;																
	} else {			
		formDiv.innerHTML = "Please wait...";			
	}
}

function popupEmailFriend()
{	
		
	if(navigator.userAgent.indexOf("MSIE 6") != -1){hideDdls();}	
	if(navigator.userAgent.indexOf("Camino") != -1){hideObject();}
	
	var sizeatt = getPageSize();
	var scrollatt = getPageScroll();
	var fullHeight = "";
	
	overlayObj = document.getElementById("overlay");
	overlayBoxObj = document.getElementById("overlayContainer");
	
	overlayObj.style.display = "block";
	fullHeight = sizeatt[1];
		
	overlayObj.style.height = fullHeight + "px";	
	overlayBoxObj.style.display = "block";
	overlayBoxObj.style.top = scrollatt[1] + 100 + "px";
	
	overlayRepeat = document.getElementById("overlayMid");
	if (!(isBuilt = document.getElementById("emailToFriendForm")))
	{
		var overlayContent = document.createElement("div");
		overlayContent.id = "emailToFriendForm";
		overlayContent.className = "emailToFriendForm";
		overlayRepeat.appendChild(overlayContent);
		
		var overlayTitle = document.createElement("h3");
		overlayTitle.innerHTML = "Email this page to a friend";
		overlayContent.appendChild(overlayTitle);
		
		var overlayImg = document.createElement("img");
		overlayImg.className = "emailImg";
		overlayImg.alt = "email";
		overlayImg.src = "/media/build/img_envelope.gif";
		overlayContent.appendChild(overlayImg);

		var formDiv = document.createElement("div");
		formDiv.id = "formDiv";	
		overlayContent.appendChild(formDiv);
		
	}
	else 
	{ 
		var overlayContent = document.getElementById("emailToFriendForm")
		var formDiv = document.getElementById("formDiv");
		formDiv.innerHTML = "";
	}
	
	var overlayForm = document.createElement("form");
	overlayForm.action = "";
	formDiv.appendChild(overlayForm);
	
	callForm('new');
	
}

/*function popupEmailThanks()
{
	document.getElementById("overlay").style.display = "block";
	var formDiv = document.getElementById('formDiv');
	formDiv.innerHTML = "<p>Thanks for telling your friends about Thousand Island Dressing!</p>";
	
	var overlayForm = document.createElement("form");
	overlayForm.className = "emailToFriendThanks";
	overlayForm.action = "";
	formDiv.appendChild(overlayForm);
	
	var overlayFieldset = document.createElement("fieldset");
	overlayForm.appendChild(overlayFieldset);
	
	var tellAnotherBtn = document.createElement("input");
	tellAnotherBtn.setAttribute("type","image");
	tellAnotherBtn.src = "/media/build/btn_tell_another_off.gif"
	tellAnotherBtn.onclick = function ()
	{
		popupEmailFriend();
	};
	tellAnotherBtn.setAttribute("onmouseover","navOver(this)");
	tellAnotherBtn.setAttribute("onmouseout","navOver(this)");
	tellAnotherBtn.className = "btnTellAnother";
	overlayFieldset.appendChild(tellAnotherBtn);
	
	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";
	overlayFieldset.appendChild(closeBtn);
	
}*/

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 _txtName = document.getElementById("fname");
	var _txtEmail = document.getElementById("email");
	var _className = "textBox";
	
	if ((_txtName.value == "") || (_txtName.value == "Enter first 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)
	{
		signUpxhr = GetXmlHttpObject();				
		var url = "/newsletter-signup.aspx";
		var queryString= "";							
		queryString += "&firstName=" + document.getElementById('fname').value;
		queryString += "&emailAddress=" + document.getElementById('email').value;
		
		signUpxhr.onreadystatechange = RequestStatus;				
		signUpxhr.open("POST",url,true);	
		signUpxhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		signUpxhr.setRequestHeader("Content-length", queryString.length);
		signUpxhr.setRequestHeader("Connection", "close");
		signUpxhr.send(queryString);		
	
		var overlay = document.getElementById("overlay");
		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 formDiv = document.createElement("div");
		formDiv.id = "formDiv";	
		overlayContent.appendChild(formDiv);
		
		var overlayTitle = document.createElement("h3");
		overlayTitle.innerHTML = "Newsletter Signup";
		formDiv.appendChild(overlayTitle);
		
		var overlayPTag1 = document.createElement("p");
		overlayPTag1.innerHTML = "Sending...";				
		formDiv.appendChild(overlayPTag1);
		
		bodyTag.appendChild(overlayBox);
		
	}
}

function removePopup()
{	
	overlayObj = document.getElementById("overlay");
	overlayBoxObj = document.getElementById("overlayContainer");
	overlayBoxMidObj = document.getElementById("overlayMid");
	overlayBoxObj2 = document.getElementById("overlayContainer2");
	overlayBoxMidObj2 = document.getElementById("overlayMid2");
	
	overlayBoxMidObj.innerHTML = "";
	overlayBoxMidObj2.innerHTML = "";
	
	overlayObj.style.display = "none";
	overlayBoxObj.style.display = "none";
	overlayBoxObj2.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.clientHeight;
	} else if (document.body) {
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	

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

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