dojo.addOnLoad( optionHighlight );
dojo.addOnLoad( contentToggleInit );

function contentToggleInit() {
	var toggleImage = dojo.byId('Toggle');
	dojo.connect(toggleImage, 'onclick', contentToggle);
	var description = dojo.byId("Description");
	description.setAttribute('displayed', 'off');
	dojo.connect(toggleImage, "onmouseover", function() { toggleImage.style.cursor = 'pointer' });
}

function contentToggle() {
	var toggleImage = dojo.byId('Toggle');
	var description = dojo.byId("Description");
	var display = description.getAttribute('displayed');
	if (display == 'on') {
		var collapse = dojo.animateProperty({
			node: description,
			duration: 1000,
			properties:{
				height: { end: 76 }
			}
		});	
		collapse.play();

		toggleImage.innerHTML = '<img src="images/more_info.gif" width="84" height="19" border="0" alt="More Info" />';
		display = 'off';
	} else {
		var expand = dojo.animateProperty({
			node: description,
			duration: 1000,
			properties:{
				height: { end: 205 }
			}
		});	
		expand.play();

		toggleImage.innerHTML = '<img src="images/close_info.gif" width="60" height="19" border="0" alt="Close Info" />';
		display = 'on';
	}
	description.setAttribute('displayed', display);
}

function optionHighlight() {
	var option1 = dojo.byId("Tell");
	var option2 = dojo.byId("Signup");
	dojo.connect(option1, "onmouseover", function() { option1.style.background = '#E6E6E6'; option1.style.cursor = 'pointer' });
	dojo.connect(option1, "onmouseout", function() { option1.style.background = '#FFFFFF' });
	dojo.connect(option2, "onmouseover", function() { option2.style.background = '#E6E6E6'; option2.style.cursor = 'pointer' });
	dojo.connect(option2, "onmouseout", function() { option2.style.background = '#FFFFFF' });
}

function validateEmail() {
	
	var result;

	var addrToTest = $('email_address').value;
	var filter = /^.+@.+\..{2,3}$/;
	
	if (filter.test(addrToTest)) {
		result = true;
	} else {
		result = false;
	}
	return result;
}

function subscribeEmail() {
	Event.observe('subscribeform', 'submit', function(event) {
	
		if(validateEmail()) {
			
			var userAddress = $('email_address').value;
			var subUrl = '/signup/?p=subscribe';
			var responseUrl = '/response.php?email=' + userAddress;
			var pars = 'email=' + userAddress + '&list[1]=signup&subscribe=Subscribe';
			
			// Stop the submit
			Event.stop(event);

			new Ajax.Request(subUrl, {
				method: 'post',
				parameters: pars,
				onSuccess: function(){
					new Ajax.Request(responseUrl, {
						method: 'get',
						onSuccess: function(transport){
							var response = transport.responseText || "Response text failed";
							sexyBOX(response,'510');
						},
						onFailure: function(){ alert('Something went wrong...') }
					});
				},
				onFailure: function(){ alert('Something went wrong...') }
			});
			
		} else {
			// Stop the submit
			Event.stop(event);
			// Handle error with input box flash
			new Effect.Highlight('email_address', { startcolor: '#ef5a28', endcolor: '#ffffff', restorecolor: '#ffffff' });
		}
	});
}