function getStyleObject(objectId) {
    // cross-browser function to get an object's style object given its id
    if(document.getElementById && document.getElementById(objectId)) {
	// W3C DOM
	return document.getElementById(objectId).style;
    } else if (document.all && document.all(objectId)) {
	// MSIE 4 DOM
	return document.all(objectId).style;
    } else if (document.layers && document.layers[objectId]) {
	// NN 4 DOM.. note: this won't find nested layers
	return document.layers[objectId];
    } else {
	return false;
    }
} // getStyleObject

function changeObjectVisibility(objectId, newVisibility) {
    // get a reference to the cross-browser style object and make sure the object exists
    var styleObject = getStyleObject(objectId);
    if(styleObject) {
	styleObject.display = newVisibility;
	
	if(objectId=="myfeeds_list"){
	   document.getElementById("mf").className="mfe";
	}
	if(objectId=="mynetworks"){
	  document.getElementById("mn").className="mfe";
	}

	if(objectId=="mychannel_list"){
	  document.getElementById("mc").className="mfe";
	}
	
	return true;
    } else {
	// we couldn't find the object, so we can't change its visibility
	return false;
    }
} // changeObjectVisibility

function showMenu(objid, eventObj) {
    //alert(eventObj);
    hideAllMenus();
    if(changeObjectVisibility(objid, 'block')) {
	eventObj.cancelBubble = true;
	return true;
    } else {
	return false;
    }
}

function hideAllMenus() {
	var mf_box=document.getElementById("mf");
	var mn_box=document.getElementById("mn");
	var mc_box=document.getElementById("mc");
	
	if(mf_box){
		changeObjectVisibility('myfeeds_list', "none");
		mf_box.className="mf";
	}
	if(mn_box){
		changeObjectVisibility('mynetworks', "none");
		mn_box.className="mf";
		}

	if(mc_box){
		changeObjectVisibility('mychannel_list', "none");
		mc_box.className="mf";
	}
	
	
}

document.onclick = hideAllMenus;