window.addEvent('domready', function(){

	
	$('loginbox').setStyles({visibility: 'visible', display: 'inline'});
	var loginboxHeight = $("loginboxWrapper").getStyle("height");
	loginboxHeight     = "-"+loginboxHeight;
	//console.log(loginboxHeight);
	$('loginboxWrapper').setStyle("top",loginboxHeight);
	$('searchbox').setStyles({visibility: 'visible', display: 'block'});
	var searchboxHeight = $("searchboxWrapper").getStyle("height");
	searchboxHeight     = "-"+searchboxHeight;
	//console.log(searchboxHeight);
	$("searchboxWrapper").setStyle("top",searchboxHeight);

	$('loginToggle').setStyles({visibility: 'visible', display: 'inline'});
	$('searchToggle').setStyles({visibility: 'visible', display: 'inline'});

	/* Suchbox 
	var searchbox = new Fx.Slide('searchbox', {
	  mode: 'vertical',
	  duration: 1000,
	  transition: Fx.Transitions.quadInOut
	});
	searchbox.hide();
	
	$('searchToggle').addEvent('click', function(e){
	e = new Event(e);
	 searchbox.toggle();    
	e.stop();
	});
	
	$('searchClose').addEvent('click', function(e){
	e = new Event(e);
	  searchbox.toggle();    
	e.stop();
	}); */
	
	function searchToggle() {
		if( $("searchboxWrapper").getStyle("top") == searchboxHeight ) {
			searchbox.start(searchboxHeight, 0);
		} else {
			searchbox.start(0, searchboxHeight);
		}
	}
	
	var searchbox = new Fx.Tween('searchboxWrapper', {
		property: 'top',
		duration: 1000, 
		transition: Fx.Transitions.Quart.easeInOut
		})
	
	
	$('searchToggle').addEvent('click', function(e){
		e = new Event(e);
		searchToggle();
		e.stop();
		});
	
	$('searchClose').addEvent('click', function(e){
		e = new Event(e);
		 searchToggle();    
		e.stop();
	});
			
  /* New Login Box 
  var loginbox = new Fx.Slide('loginbox', { 
      mode: 'vertical',
      duration: 1000,
      transition: Fx.Transitions.quadInOut
  });
  loginbox.hide();
  
  $('loginToggle').addEvent('click', function(e){ 
    e = new Event(e);
     loginbox.toggle();    
    e.stop();
  });
  
  $('togglerclose').addEvent('click', function(e){
    e = new Event(e);
      loginbox.toggle();    
    e.stop();
  });*/
	
	function loginToggle() {
		if( $("loginboxWrapper").getStyle("top") == loginboxHeight ) {
			loginbox.start(loginboxHeight, 0);
		} else {
			loginbox.start(0, loginboxHeight);
		}
	}
	
	var loginbox = new Fx.Tween('loginboxWrapper', {
		property: 'top',
		duration: 1000, 
		transition: Fx.Transitions.Quart.easeInOut
		})
	
	
	$('loginToggle').addEvent('click', function(e){
		e = new Event(e);
		loginToggle();
		e.stop();
		});
	
	 $('togglerclose').addEvent('click', function(e){
		    e = new Event(e);
		      loginToggle();    
		    e.stop();
		  });
  
});