function open_edm_subscribe_window() {
	var Overlay = new Element("div", {id: "edm_subscribe_window_overlay", style: "height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;background-color: #000000;display:none;"});
	var Content = new Element("div", {id: "edm_subscribe_window_content", style: "position:absolute;z-index:200;width:510px;height:370px;display:none;"}).update(
			'<img src="images/edm_subscribe.jpg" usemap="#close_edm_window" style="border:0px;"/>' +
			'<map name="close_edm_window">' +
			'	<area shape="rect" coords="410,330,510,370" href="javascript:close_edm_subscribe_window()">' +
			'</map>' +
			'<div style="position:absolute;top:220px;left:230px;">' +
			'<form action="addEmail.php" method="post">' +
			'	<input type="text" name="textfield" id="edm_subscribe_email" size="20"/>' +
			'	<input type="submit" value="Submit"/>' + 
			'</form>' +
			'</div>'
	);
	document.body.appendChild(Overlay);
	document.body.appendChild(Content);
	//$('edm_subscribe_button').up().insert({after: Content});
	Content.style.left = $('edm_subscribe_button').cumulativeOffset().left - Content.getWidth() + 300 + 'px';
	Content.style.top = $('edm_subscribe_button').cumulativeOffset().top - (Content.getHeight()/2) + 40 + 'px';
	//Content.style.left = Math.max((document.body.offsetWidth - Content.getWidth()), 0)/2 + "px";
	//Content.style.top = Math.max((document.body.offsetHeight - Content.getHeight()), 0)/2 + "px";
	Overlay.appear({duration:0.4, to:0.5});
	Content.appear({duration:0.4});
}

function close_edm_subscribe_window() {
	$("edm_subscribe_window_overlay").remove();
	$("edm_subscribe_window_content").remove();
}

function edm_subscribe() {
	//check the email format
	var email = $("edm_subscribe_email").value;
	
	//send it
	new Ajax.Request("xxxxxx.php", {
		parameters: {email: email},
		onComplete: function(res) {
			var result = res.responseText.evalJSON();
			if(result.code=="000") {
				$("edm_subscribe_window_content").down("img").src = "images/edm_subscribe_finish.jpg";
			}
		}
	});
}