window.addEvent('domready', function(){

	// Login
	var loginButtons = $$('.showLogin');
	loginButtons.each(function(loginButton){
		loginButton.addEvent('click', function(){
			showLoginBox();
		});
	});
	
	//if close login box
	if($('closeLoginBox')){
		$('closeLoginBox').addEvent('click', function(){
			$('loginBoxOuter').setStyle('display','none');
			$('loginOverlay').setStyle('display','none');
		});
	}
	
	//if login box, center it
	if($('loginBoxOuter')){
		var box = $('loginBoxOuter');
		var win = window.getCoordinates();
		var cor = box.getCoordinates();
		
		box.setStyle('top', (win.height / 2) - (cor.height / 2));
		box.setStyle('left', (win.width / 2) - (cor.width / 2));
	}
});

function showLoginBox(){
	$('loginBoxOuter').setStyle('display','block');
	$('loginOverlay').setStyle('display','block');
	$('cradle_LoginUsernameField').focus();
	var box = $('loginBoxOuter');
	var win = window.getCoordinates();
	var cor = box.getCoordinates();
	
	box.setStyle('top', (win.height / 2) - (cor.height / 2));
	box.setStyle('left', (win.width / 2) - (cor.width / 2));
}