function showme(element){
           element.className += "hover";
}

function hideme(element){
           element.className = element.className = "";
 }
 
 
 
 Event.observe(window, 'load', function() { new Insertion.After($('centered'), '<div id="blender" style="display:none"></div><div id="loginBox" style="display:none"></div>'); });

function showLoginBox() {
	new Ajax.Updater('loginBox', 'index.php?eID=login', {evalScripts: true, asyncronous: false});
	
	$('blender').setOpacity(0);
	$('loginBox').setOpacity(0);
	
	$('blender').show();
	$('loginBox').show();
	
	new Effect.Parallel(
		[ new Effect.Opacity('blender', { from: 0.0, to: 0.5, sync: true }),
		  new Effect.Opacity('loginBox', { from: 0.0, to: 1.0, sync: true }) ],
		{ duration: 0.5, queue: 'end' }
	);
}

function closeLoginBox() {
	if ($('loginBox').visible()) {

				new Effect.Parallel(
			[ new Effect.Opacity('blender', { from: 0.5, to: 0.0, sync: true }),
			  new Effect.Opacity('loginBox', { from: 1.0, to: 0.0, sync: true }) ],
			{ duration: 0.5, queue: 'end', afterFinish: function() { $('blender').hide();$('loginBox').hide(); } }
		);
		
	}
}

function submitLoginBox() {
	var user = document.loginForm.user;
	var pass = document.loginForm.password;
	var e =0
	if(user.value=='') {
		user.className="error";
		e+=1;
	} else {
		user.className="rahmen";
	}
	if(pass.value=='') {
		pass.className="error";
		e+=1;
	} else {
		pass.className="rahmen";
	}
	if (e==false){
		new Ajax.Request('index.php', {
				asynchronous: false,
				method: 'post',
				parameters: { 
					pid: 68, 
					logintype: 'login',
					user: $('user').value ,
					pass: $('password').value
				}
			}
		);
		
		new Ajax.Updater('loginBox', 'index.php?eID=login', {evalScripts: true});
	}
}

function gotoUserPage() {
	new Ajax.Updater('loginBox', 'index.php?eID=login', {evalScripts: true});
}