window.onload = load;
var emailBox;
var url = "http://tushbaby.com/js/mailing_list_ajax.php";
var spinner;

function load()
{
	var emailBox = document.getElementById("email");
	if(emailBox != null)
	{
		emailBox.onfocus = emailBoxFocus;
		emailBox.onblur = emailBoxBlur;
		spinner = document.createElement("img");
		spinner.src = "media/images/star.gif";
		Element.addClassName(spinner, "no_border");
	}
	setItemCount();
	removeLines("address2", "<br>");
	removeLines("default", "");
	
	//makeEnter();
	if(document.getElementById("checkout_form") != null)
	{
		document.getElementById("gift-message-container").style.display = "none";
		document.proceed.giftwrap.onchange = toggleMessage;
	}
}



function toggleMessage()
{
	//var msgContainer = document.getElementById("gift-message-container");
	new Effect.toggle("gift-message-container","slide", {duration: .2});
}

/*function makeEnter()
{
	var forms = document.getElementsByTagName("form");
	for(i = 0; i < forms.length; i++)
	{
		for(j = 0; j < forms[i].childNodes[j]; j++)
		{
			forms[i].childNodes[j].onkeypress = keyPressHandler;
		}
	}
}

function keyPressHandler(event)
{
	if(event.keyCode == 13 || event.keyCode == 10)
	{
		this.blur();
		this.parentNode.submit();
	}
}*/

function setItemCount()
{
	var nItemsNode = document.getElementById("miniBasket-items");
	nItems = nItemsNode.childNodes[0].nodeValue;
	var itemsText;
	if(nItems == 1)
	{
		var itemsText = document.createTextNode(" item");
	}
	else
	{
		itemsText = document.createTextNode(" items");
	}
	nItemsNode.appendChild(itemsText);
}

function removeLines(theClass, contents)
{
	var address2Lines = document.getElementsByClassName(theClass);
	for(i = 0; i < address2Lines.length; i++)
	{
		var theAddress = address2Lines[i];
		//alert(theAddress.innerHTML);
		//if(theAddress.childNodes[0].nodeName == contents)
		if(theAddress.innerHTML == contents)
		{
			Element.remove(theAddress);
		}
	}
}

function emailBoxFocus()
{
	if(this.value == "enter email")
	{
		this.value = "";
	}
}

function emailBoxBlur()
{
	if(this.value == "")
	{
		this.value = "enter email";
	}
}

function addAddress()
{
	var emailBox = document.getElementById("email");
	var messageArea = document.getElementById("mailingListMsg");
	if(emailBox.value == "enter email" || emailBox.value == "")
	{
		messageArea.innerHTML = "<h4 class = \"warning\">enter your address!</h4>";
	}
	else
	{
		messageArea.appendChild(spinner);
		var pars = "email=" + encodeURIComponent(emailBox.value);
		doAjax(pars, showThanks);
	}
}

function showThanks(response)
{
	var messageArea = document.getElementById("mailingListMsg");
	messageArea.innerHTML = "<h4 class = \"warning\">Thank you!</h4>";
	//alert(response);
}

function doAjax(params, onSuccessFn)
{
	new Ajax.Request(url,
		{
			method:'post',
			onSuccess: function(transport)
			{
				onSuccessFn(transport.responseText);
			},
			onFailure: function()
			{
				alert('Something went wrong...');
			},
			parameters: params
			/*,
			onComplete: function()
			{
				onCompleteFn();
			}*/
		});
}