var shadesTimer;
var shadesMenuWidth;
var shadesMenuHeight;
var shadesMyspaceTop;

function toggleShadesMenu(dir,e){
	shadesMenuHeight=document.getElementById("shadesMenu").style.height;
	shadesMenuHeight=Number(shadesMenuHeight.replace("px",""));
if (!e) var e = window.event; 
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();

	
	shadesMyspaceTop=document.getElementById("shadesMyspace").style.top;
	
	shadesMyspaceTop=Number(shadesMyspaceTop.replace("px",""));
	if(dir=="up"){
	
	if(document.getElementById("shadesMenu").style.width=="103px" && document.getElementById("shadesMenu").style.height=="130px")
	{
	return false;
	}
		
	clearInterval(shadesTimer);
	shadesMenuWidth=document.getElementById("shadesMenu").style.width;
	shadesMenuWidth=Number(shadesMenuWidth.replace("px",""));
	shadesTimer=setInterval('slideShadesMenu(7,"103px")',35);
	}
	else if(dir=="down" && pageReady==true){
	if(document.getElementById("shadesMenu").style.width=="49px")
	{
	return false;
	}
	
	var menuItems = document.getElementById('shadesMenu').getElementsByTagName('h2');
		
			for (i=0; i<menuItems.length; i++) {
			menuItems[i].style.visibility = "hidden";
			}	
			
			
		
	clearInterval(shadesTimer);
	
			shadesTimer=setInterval('growShadesMenu(-5,"76px")',35);	
	

	}
}

function slideShadesMenu(step,stopPoint){
	shadesMenuWidth+=step;
	if(step>0)
	{
		
		
		if(shadesMenuWidth>Number(stopPoint.replace("px",""))){
		shadesMenuWidth=Number(stopPoint.replace("px",""));
		}
	}
	else{
		if(shadesMenuWidth<Number(stopPoint.replace("px",""))){
	    shadesMenuWidth=Number(stopPoint.replace("px",""));}
	}
	document.getElementById("shadesMenu").style.width = (shadesMenuWidth.toString()+'px');  
	if(document.getElementById("shadesMenu").style.width==stopPoint)
	{
		clearInterval(shadesTimer);
		if(step>0)
		{
			shadesTimer=setInterval('growShadesMenu(5,"130px")',35);	
		}
		
	}
}


function growShadesMenu(step,stopPoint){

	shadesMenuHeight+=step;
	if(step>0)
	{
		shadesMyspaceTop+=(step);
		if(shadesMyspaceTop>76){
		shadesMyspaceTop=76;
		}
		if(shadesMenuHeight>Number(stopPoint.replace("px",""))){
		shadesMenuHeight=Number(stopPoint.replace("px",""));
		}
	}
	else{
		if(shadesMenuHeight<94){
	shadesMyspaceTop+=(step);}
	if(shadesMyspaceTop<58){
		shadesMyspaceTop=58;}
		if(shadesMenuHeight<Number(stopPoint.replace("px",""))){
	    shadesMenuHeight=Number(stopPoint.replace("px",""));}
	}
	document.getElementById("shadesMyspace").style.top=(shadesMyspaceTop.toString()+'px');
	document.getElementById("shadesMenu").style.height = (shadesMenuHeight.toString()+'px');  
	if(document.getElementById("shadesMenu").style.height==stopPoint)
	{
		var menuItems = document.getElementById('shadesMenu').getElementsByTagName('h2');
		if(document.getElementById("shadesMenu").style.height=="130px"){
			for (i=0; i<menuItems.length; i++) {
			menuItems[i].style.visibility = "visible";
			}	
		}
		clearInterval(shadesTimer);
		if(step<0)
		{
			shadesMenuWidth=document.getElementById("shadesMenu").style.width;
	shadesMenuWidth=Number(shadesMenuWidth.replace("px",""));
	
	
	shadesTimer=setInterval('slideShadesMenu(-7,"49px")',35);
	
		}
	}
}




function initializeShadesMenu(){
	document.getElementById("shadesMenu").style.width="49px";
	document.getElementById("shadesMenu").style.height="76px";
	document.getElementById("shadesMyspace").style.top="58px";
	//setTimeout('waitThree()',700);
}



function waitThree(){
	if(!document.captureEvents){
	toggleShadesMenu("down","MOUSEOUT");
	}
	else{
		toggleShadesMenu("down", Event.MOUSEOUT);
	}
		
}