jQuery(document).ready(function(){
	
	jQuery("#LoginBox .button span").mouseover(function () {
	  jQuery(this).addClass('active');
	});
	
	jQuery("#LoginBox .button span").mouseout(function () {
	  jQuery(this).removeClass('active');
	});
	
	jQuery("#LoginBox .button span").click(function () {
		if (jQuery("#LoginBox .button span").hasClass("show")) {
			jQuery("#LoginBox .login").slideUp(500);
			jQuery("#LoginBox .logout").slideUp(500);
			jQuery(this).removeClass('show');
		} else {
			jQuery("#LoginBox .login").slideDown(1000);
			jQuery("#LoginBox .logout").slideDown(1000);
			jQuery(this).addClass('show');
		}
	});
	
});