window.addEvent('domready', function() {   
               
  	//Everything to do with the slider should be inserted by Javascript. This way, any clients that don't have javascript
  	//enabled won't get a useless "login" tab that does nothing when they click on it.

	//Get the login box (defined in TV's template)
  	var sliderBox = $("login_toggle");

	//Insert the login slider form into the above selected element.
	var el = new Element('div', {  
		'class': 'slider_login_form',  
		'html': '<hr class="hidden" /><h2>Partner Login</h2><form action="partner-login/" target="_top" method="post"><label for="slideuser">Brugernavn:</label><input class="felogin_text" type="text" id="slideuser" name="user" value="" /><label for="slidepass">Password:</label><input class="felogin_text" type="password" id="slidepass" name="pass" value="" /><div class="tx-felogin-pi1-slider-submit-field"><input class="tx-felogin-pi1-slider-submit" type="submit" name="submit" value="Log ind" /><div class="pseudo-slider-login-button"></div><div style="position:absolute;top:1px;left:55px;width:80px;"><a href="partner-login" title="Opret konto">Opret konto</a></div></div><div class="felogin-hidden"><input type="hidden" name="logintype" value="login" /><input type="hidden" name="pid" value="56" /><input type="hidden" name="redirect_url" value="" /></div></form></div><div id="slider_link">'
	}).inject(sliderBox); 

	//We don't want the whole box active, so make a reference to the small AP div that acts as the "button"
	var sliderLink = $("slider_link");
	var state = 'closed';
	
	//Add the event, and change the sliderBox element when the sliderLink element is clicked.
	sliderLink.addEvent('click', function() {   
		state = (state == 'closed' ? 'open' : 'closed');   
		sliderBox.morph('.' + state);   
	});
		
	//Move the slider into the correct position.
	sliderBox.setStyle('top','-60px');

	//Hide the "Partner Login" link in the menu - it's not needed as javascript is enabled, and the login slider can be used.
	var hideLogin = $("hpi_menu_106");
	hideLogin.setStyle('display', 'none');
       
});