function togglePassword() {
	var clear = $('passwordClearText');
	var pass = $('passwordPassword');

	if (pass.getValue() == "") {
		clear.toggle();
		pass.toggle();

		if (pass.visible()) {
			pass.focus();
		}
	}
}

function toggleUsername() {
	var clear = $('usernameClearText');
	var user = $('usernameUsername');

	if (user.getValue() == "") {
		clear.toggle();
		user.toggle();

		if (user.visible()) {
			user.focus();
		}
	}
}

function expandlogin(){
	Effect.toggle('loginContainer', 'appear', {duration: .50, queue: 'parallel'});
	$('chatContainer').hide();

}

function expandchat(){
	Effect.toggle('chatContainer', 'appear', {duration: .50, queue: 'parallel'});
	$('loginContainer').hide();
}

function show_badge_code(id) {
	var badges = document.getElementsByTagName('div');
	var badge = $('badge_'+id);
	var help = $('help_'+id);
	if (!badge.visible()) {
		for (var i = 0; i < badges.length; i++) {
			if (badges[i].className == 'focus_window badge_code') {
				var p = $(badges[i].id);
				if (p.visible()) {
					new Effect.Shrink(p.id, {duration: '.4', direction: 'top-left'});
				}
			}
		}
		var tmp = help.cumulativeOffset(help);
		Element.clonePosition(badge, help, {setTop: true, setLeft: true, setWidth: false, 
				setHeight: false, offsetLeft: -2,offsetTop: -3})
			new Effect.Grow(badge.id, {duration: '.4', direction: 'top-left'});
	}
}

function hide_badge_code(id) {
	var badge = $('badge_'+id);
	new Effect.Shrink(badge.id, {duration: '.4', direction: 'top-left'});
}