//Namespace
var Moso = {};

Event.observe(window, 'load' , function(){ Moso.init(); });

Moso.init = function(){
	$$('.sernav_language')[0].observe('click',function(e){
		Event.stop(e);
		Moso.showable('languageselector');
		Event.element(e).blur();
		return false;
	});
	$$('.sernav_login')[0].observe('click',function(e){
		Event.stop(e);
		Event.element(e).blur();
		Moso.showable('loginbox');
		return false;
	});

}


Moso.hide = function(boxid){
	$(boxid).hide();
	$(boxid).removeClassName("sernav_visible");
}

Moso.hide_all = function(){
	Moso.hide('languageselector'); 
	Moso.hide('loginbox');	
}

Moso.show = function(boxid){	
	$(document.getElementsByTagName('body')[0]).observe('click', function(e){
		if(e.target.id == "loginbox" || e.target.up('#loginbox') ){
			if(e.target.id != 'tx-newloginbox-pi1-login_submit'){
				Event.stop(e);
			}
		}else{
			Moso.hide_all();	
		}
	});
	Moso.hide_all();
	$(boxid).setStyle({opacity:"0", display:'block' });
	Effect.Appear(boxid);
	$(boxid).addClassName("sernav_visible");
}

Moso.showable = function(boxid){
	if ( $(boxid).hasClassName('sernav_visible') ) {
		Moso.hide(boxid);
	}else{
		Moso.show(boxid);
	}
}