window.addEvent('domready', function() {
	// tooltips
	var Tips1 = new Tips($$('.tips'), {
		initialize:function(){ this.fx = new Fx.Style(this.toolTip, 'opacity', {duration: 200, wait: false}).set(0); },
		onShow: function(toolTip) { this.fx.start(1); },
		onHide: function(toolTip) { this.fx.start(0); }
	});
	
	// sliding panels (thanks Luca for the optimized code)
	  // Label for link
	  var labelOpen='<span>Site Map</span>';
	  var labelClose='<span>Close Map</span>';
	  
	  // Set slide and styles effects
	  var mySlide = new Fx.Slide('panel').hide();    
	  var fx = new Fx.Styles($('btn_archives'), {duration:500, wait:false});
	  $('btn_archives').addEvent('click', function(e){
	    mySlide.toggle();
	    $('btn_archives').toggleClass('openPanel');
	    fx.start({
	      'opacity': 0  
	    }).chain(function(){
	      if($('btn_archives').hasClass('openPanel')) $('btn_archives').setHTML(labelClose);
	      else $('btn_archives').setHTML(labelOpen);
	      fx.start({'opacity': 1})
	    });
	  });
	  $('btn_close').addEvent('click', function(e){
	    mySlide.toggle();
	    $('btn_archives').toggleClass('openPanel');
	    fx.start({
	      'opacity': 0  
	    }).chain(function(){
	      if($('btn_archives').hasClass('openPanel')) $('btn_archives').setHTML(labelClose);
	      else $('btn_archives').setHTML(labelOpen);
	      fx.start({'opacity': 1})
	    });
	  });
});