var isExtended =1;

function slideSideBar(){
    
 
 
	//new Effect.toggle('leftbar', 'blind', {scaleX: 'false', scaleY: 'false', scaleContent: false});
	if(isExtended==0){
	//var leftbarwidth = ($('leftbar').getStyle('width').replace(/[^0-9]+/g,''));
	//alert(leftbarwidth);
		$('sideBarTab').childNodes[0].src = $('sideBarTab').childNodes[0].src.replace(/(\.[^.]+)$/, '-active$1');
		//new Effect.Fade($('leftbar'),{duration:1.0, from:0.0, to:1.0 });
		$('leftbar').style.display='block';
		$('leftbar').style.width='23%';
		$('rightcontent').style.width='75%';
		
   	    //new Effect.Scale('rightcontent', eval("100-leftbarwidth"),{ scaleX: 'true',scaleY:'false', scaleContent: false, transition: Effect.Transitions.linear});
		isExtended++;
	}
	else{
    //var leftbarwidth = ($('leftbar').getStyle('width').replace(/[^0-9]+/g,''));
	//alert(leftbarwidth);
		$('sideBarTab').childNodes[0].src = $('sideBarTab').childNodes[0].src.replace(/-active(\.[^.]+)$/, '$1');
		//new Effect.Fade($('leftbar'),{duration:1.0, from:1.0, to:0.0 });
		$('leftbar').style.display='none';
        //new Effect.Scale('rightcontent', eval("leftbarwidth+100"),{ scaleX: 'true',scaleY:'false', scaleContent: false, transition: Effect.Transitions.linear });
        $('rightcontent').style.width='98%';
		isExtended=0;
	}
}

function initsidebar(){
	Event.observe('sideBarTab', 'click', slideSideBar, true);		
}

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