var isExtended = 0;

function slideHeaderBar(){

	new Effect.toggle('headerBarContents', 'blind');
	
	// Si está extendido 
	if(isExtended==0){
		$('headerBarTab').childNodes[0].src = $('headerBarTab').childNodes[0].src.replace(/(\.[^.]+)$/, '-active$1');
		
		/*new Effect.Fade('headerBarContents',
   	{ duration:3.0, from:0.0, to:1.0 });*/
		$('headerBarContents').fade({ duration: 3.0, from:0, to:1 });


		isExtended++;
	// Si no está extendido
	}
	else{
		$('headerBarTab').childNodes[0].src = $('headerBarTab').childNodes[0].src.replace(/-active(\.[^.]+)$/, '$1');

		new Effect.Fade('headerBarContents',
   	{ duration:3.0, from:1.0, to:0.0 });
	
		
		isExtended=0;
	}
	
	
	
}

function init(){
	Event.observe('headerBarTab', 'click', slideHeaderBar, true);
}

Event.observe(window, 'load', init, true);