Event.observe(window, 'load', function() {
	if ($F('subname')=='') $('subname').style.backgroundImage='url(images/subnamebg.png)';
	else $('subname').style.backgroundImage='none';
	if ($F('subemail')=='') $('subemail').style.backgroundImage='url(images/subemailbg.png)';
	else $('subemail').style.backgroundImage='none';
	Event.observe('subname', 'focus', function(event) {
		$('subname').style.backgroundImage='none';
	});
	Event.observe('subname', 'blur', function(event) {
		if ($F('subname')=='') $('subname').style.backgroundImage='url(images/subnamebg.png)';
	});
	Event.observe('subemail', 'focus', function(event) {
		$('subemail').style.backgroundImage='none';
	});
	Event.observe('subemail', 'blur', function(event) {
		if ($F('subemail')=='') $('subemail').style.backgroundImage='url(images/subemailbg.png)';
	});
	Event.observe('subbtn', 'click', function(event) {
		var url = '/main/subscribe';
		var container_div = $('subdiv');
		// Here we make the request
		new Ajax.Request(url, {
			method: 'post',
			parameters: { name: $F('subname'), email: $F('subemail') },
			onCreate: function() {
				container_div.update('Loading....');
			},
			onSuccess: function(transport) {
            container_div.update(transport.responseText);
			}
		});
	});
});