// login overlay (slider) 
$(document).ready(function(){
	// set up toggle
	window.loginSliderToggle = false;
	window.loginSliderHtml = $('div#toppanel div.panel_button a').html();

	// determine an appropriate css top
	window.loginSliderTop = -$('#toppanel').height();
	window.loginSliderTop += 5;
	
	if (navigator.appVersion)
		window.loginSliderTop -= /MSIE 6/.test(navigator.appVersion) ? 28 : 0;
		window.loginSliderTop -= /MSIE 7/.test(navigator.appVersion) ? 0 : 0;
		
	window.loginSliderTop += 'px';

	// assign default css top //window.loginSliderTop
	$('div#toppanel').css({
		top: window.loginSliderTop 
	});
	$('div#toppanel').css({
		display: 'block'
	});
	// assign binding
	$('div.panel_button').bind('click', function(){
		$('div#toppanel').animate({
			top: window.loginSliderToggle ? window.loginSliderTop : 0
		});

		$('div#toppanel div.panel_button a').html(
			window.loginSliderToggle ? window.loginSliderHtml : '<img src="/graphics/hide_btn.png">'
		);

		window.loginSliderToggle = !window.loginSliderToggle;
	});
});