var Msgbox = new Class({
	initialize : function(varname)
	{
		this.setVarName(varname);
		//no constructor needed
	},

	setCaption: function(caption)
	{
		var html  = '<div id = "newsletter_img"></div>';
		html += '<p id = "msgbox_caption">' + caption + '</p>';
		html += '<div style = "margin-left:186px"><a class = "register_btn" href = "javascript:'+this.varname+'.ok()"><span>Ok</span></a></div>';
		$('msgcontent').setHTML(html);
	},

	setVarName: function(varname)
	{
		this.varname = varname;
	},

	ok: function()
	{
		this.hide();
	},

	show: function()
	{
		$('msgbox').makeDraggable();
		$('msgbox').setStyle('display','');
		this.center();
	},

	hide: function()
	{
		$('msgbox').setStyle('display','none');
	},

	center: function()
	{
		var posx = window.getScrollWidth() / 2 - $('msgbox').getStyle('width').toInt() / 2;
		//var posy = window.getScrollHeight() / 2 - $('msgbox').getStyle('height').toInt() / 2;
		//var posy = window.getScrollTop() + (window.getHeight() / 2 - $('msgbox').getStyle('height').toInt() / 2);
		var posy = 100;
		$('msgbox').setStyle('top',posy+"px");
		$('msgbox').setStyle('left',posx+"px");
	}
});

function stopRKey(evt) {
  var evt = (evt) ? evt : ((event) ? event : null);
  var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  if ((evt.keyCode == 13) && (node.type=="text"))  {return false;}
}

document.onkeypress = stopRKey;

var msgbox = new Msgbox('msgbox');

function input_focus()
{
	$('email').value='';
	$('email').setStyle('color','#999999');
}

function submit_newsletter_form()
{
	msgbox.setCaption(''); //just to instantiate the response field msgbox_caption
	$('newsletter_form').send({
		update: $('msgbox_caption'),
		onComplete: function(){msgbox.show(); $('email').value = "";}
	});
	/*$('email').setStyle('color','#999999');
	$('email').value=' Your E-Mail-adress';*/
}