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

	//the sliding login bar is managed with this:
		
	var mySlide = new Fx.Slide('panel').hide();
	var open = new Fx.Slide('open').show();
	var close = new Fx.Slide('close').hide();
	
    $('open').addEvent('click', function(e){
		e = new Event(e);
		mySlide.slideIn(); //show login panel
		open.hide();
		close.show();
		e.stop();
	});
 
    $('close').addEvent('click', function(e){
		e = new Event(e);
		mySlide.slideOut(); //Hide login panel
		close.hide();
		open.show();
		e.stop();
	});
	
	// end js relevant to sliding login bar
	
	$$(".slideContainer").each(function(container)
	{
		var mySlide = new Fx.Slide(container.getElement(".slide"), {duration: 200}).hide();
		
		container.getElement("a.toggle").addEvent("click", function(e){
			new Event(e).stop();
			mySlide.toggle();
		});

	});
	
});