/* Global Drawer functions
--------------------------------------------- */
// OPEN
function OpenDrawer(element){ 
	//remove the five-spacer
	//$('five-spacer').hide();
	$('drawer-content').removeClassName('closed');
	$('drawer-link').toggleClassName("on");
	new Effect.SlideDown(element, {
		duration:.7,
		afterFinish: function(effect)
			{ 
				$('drawer-content').addClassName('open');
			} 
		});
}

//CLOSE
function CloseDrawer(element){
	$('drawer-content').removeClassName('open');
	$('drawer-link').toggleClassName("on");
	new Effect.SlideUp(element, {
    		duration:.7,
    		afterFinish: function(effect)
				{ 
   					$('drawer-content').addClassName('closed');
				} 
			}); 
}

function FastCloseDrawer(element){
	$('drawer-content').removeClassName('open');
	$('drawer-link').toggleClassName("on");
	new Effect.SlideUp(element, {
    		duration:.0,
    		afterFinish: function(effect)
				{ 
   					$('drawer-content').addClassName('closed');
				} 
			}); 
}

// Set general settings for the drawer
document.observe('dom:loaded',function(){
	$('drawer-content').addClassName('closed');
	//test();
	Event.observe($('drawer-link'), 'click', function() {
		if( $('drawer-content').hasClassName('closed') ) {
			OpenDrawer('drawer-content');
		}
		else if( $('drawer-content').hasClassName('open') ) {
			CloseDrawer('drawer-content');
		}
	});
	
	//this makes the drawer drift to the height of five-spacer
	Event.observe($('drawer-link'), 'mouseover', function() {
		//only drift down if drawer-content is not shown
		if( $('drawer-content').hasClassName('closed') ) {
			Effect.SlideDown('five-spacer', {duration:.20});
			return false;
		}
	});
	
	//this makes the drawer drift to the height of five-spacer
	Event.observe($('drawer-link'), 'mouseout', function() {
		if( $('drawer-content').hasClassName('closed') ) {
			Effect.SlideUp('five-spacer', {duration:.08});
			//return false;
			//$('five-spacer').hide();
			return false;
		}

	});
	//Event.observe($$('div').hasClassName('page-title'), 'mouseover', function() {
		//		CloseDrawer('drawer-content');
	//});
	//Event.observe($('main-container'), 'mouseover', function() {
		//CloseDrawer('drawer-content');
	//});
});