var isExtended = 0;

function slideSideBar()
{
	new Effect.toggle('sideBarContents', 'blind', {scaleX: 'true', scaleY: 'true;', scaleContent: false});
	
	if(isExtended==0)
	{
		$('sideBarTab').childNodes[0].src = $('sideBarTab').childNodes[0].src.replace(/(\.[^.]+)$/, '-active$1');
		new Effect.Fade('sideBarContents',
   	        { 
   	            duration:1.0, from:0.0, to:1.0 
   	        }
   	    );
   	    
	    isExtended++;
    }
	else
	{
		$('sideBarTab').childNodes[0].src = $('sideBarTab').childNodes[0].src.replace(/-active(\.[^.]+)$/, '$1');
		new Effect.Fade('sideBarContents',
   	        { duration:1.0, from:1.0, to:0.0 }
   	    );
		
		isExtended=0;
	}
}

function slideMenuBar()
{
	new Effect.toggle('menuBarContents', 'blind', {scaleX: 'true', scaleY: 'true;', scaleContent: false});
	
	if(isExtended==0)
	{
		$('menuBarTab').childNodes[0].src = $('menuBarTab').childNodes[0].src.replace(/(\.[^.]+)$/, '-active$1');
		new Effect.Fade('menuBarContents',
   	        { 
   	            duration:1.0, from:0.0, to:1.0 
   	        }
   	    );
   	    
	    isExtended++;
    }
	else
	{
		$('menuBarTab').childNodes[0].src = $('menuBarTab').childNodes[0].src.replace(/-active(\.[^.]+)$/, '$1');
   	    new Effect.Fade('menuBarContents',
   	        { duration:1.0, from:1.0, to:0.0 }
   	    );
		
		isExtended=0;
	}
}

function init()
{
    if(document.getElementById('sideBarTab') != null)
	    Event.observe('sideBarTab', 'click', slideSideBar, true);
	
	if(document.getElementById('menuBarTab') != null)
	    Event.observe('menuBarTab', 'click', slideMenuBar, true);
}

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