jQuery(document).ready(function() {
	if(jQuery('form', '#LoginPanel').is(':visible')) {
		jQuery('#LoginPanel').hide();
		jQuery('#LoginPanel').after('<a class="active" id="LoginButton">&#9662;</a>');
	} else {
		jQuery('#LoginPanel').after('<a id="LoginButton">&#9652;</a>');
		jQuery('#LoginButton').css({
			top: (jQuery('#LoginPanel').outerHeight() - 6) + 'px'
		});
	}
	
	jQuery('#LoginButton').click(function(){
		jQuery(this).toggleClass('active');
		if(!jQuery(this).hasClass('active'))
			jQuery('#LoginButton').html('&#9652;').stop().animate({
				top: (jQuery('#LoginPanel').outerHeight() - 6) + 'px'
			}, {queue:false, duration:'fast'});
		else
			jQuery('#LoginButton').html('&#9662;').stop().animate({
				top: '0px'
			}, {queue:false, duration:'fast'});
		jQuery('#LoginPanel').slideToggle('fast');
		return false;
	});

});