var menuItems = new Array();
function menuItem(_id, _titel, _page, _parent, _priority) {
	obj = new Object();
	obj.id = _id;
	obj.titel = _titel;
	obj.page = _page;
	obj.parent = _parent;
	obj.priority = _priority;
	
	menuItems.push(obj);
	return obj;
	
}


var openMenu = null;
function hideMenu() {
	if ( openMenu != null ) {
		try {
			document.getElementById('mainDiv').removeChild(openMenu);
			return openMenu;
		
		} catch (e) {
			return false;
		}
	}
}

function showMenu(_menuSpan, _parentId, _img, _menuName) {
	
	lastMenu = hideMenu();
	if (_menuSpan == lastMenu) {
		return;
	}
	
	menuDiv = document.createElement('div');
	openMenu = menuDiv ;
	menuDiv.className='rolldownmenu';
	menuDiv.style.left= findPosX(_img)-findPosX(document.getElementById('mainDiv'));
	
	topOffset = 25;
	
	if (isIE()) {
		menuDiv.style.top = findPosY(_img) - findPosY(document.getElementById('mainDiv')) * 1 -topOffset*2.5 ;
		
	// non IE browser should get the correct position.
	} else {
		menuDiv.style.top = findPosY(_img) - findPosY(document.getElementById('mainDiv')) * 1 +topOffset
	}
	
	//create all menu items,
	for (menuIndex = 0; menuIndex < menuItems.length; menuIndex++) {
		if (menuItems[menuIndex].parent==_parentId) {
			itemDiv = menuItemDiv( menuItems[menuIndex] , _menuName );
			menuDiv.appendChild( itemDiv );
		}
		
	}
	document.getElementById('mainDiv').appendChild(menuDiv);
	
}

function menuItemDiv(_menuItem, _menuName) {
	itemDiv = document.createElement('div');
	itemDiv.className='rolldownmenuitem';
	
	menuTitle = document.createTextNode( _menuItem.titel );
	itemDiv.appendChild( menuTitle );
	itemDiv.appendChild(document.createElement('br'));
	
	//attach onclick event
	if (document.addEventListener) {
		itemDiv.addEventListener('click', menuItemClicked,false);
	
	} else if(document.attachEvent) {
		itemDiv.attachEvent('onclick', menuItemClicked);
	}
	
	//attach onmouseOver event
	if (document.addEventListener) {
		itemDiv.addEventListener('mouseover', menuItemHover ,false);
	
	} else if(document.attachEvent) {
		itemDiv.attachEvent('onmouseover',  menuItemHover );
	}
	
	//attach onmouseOut event
	if (document.addEventListener) {
		itemDiv.addEventListener('mouseout', menuItemOut ,false);
	
	} else if(document.attachEvent) {
		itemDiv.attachEvent('onmouseout',  menuItemOut );
	}
	
	itemDiv.menuName = _menuName;
	itemDiv.menuItem = _menuItem;
	
	return itemDiv;
}

function menuItemHover(event) {
	if (window.event) {event = window.event; }
	if (event.target) {obj = event.target;} else if (event.srcElement){obj = event.srcElement;}
	
	obj.className = 'rolldownmenuitemhover';
}

function menuItemOut(event) {
	if (window.event) {event = window.event; }
	if (event.target) {obj = event.target;} else if (event.srcElement){obj = event.srcElement;}
	
	obj.className = 'rolldownmenuitem';
}


function  menuItemClicked(event) {
	if (window.event) {event = window.event; }
	if (event.target) {obj = event.target;} else if (event.srcElement){obj = event.srcElement;}
	
	if ( isString(obj.menuItem.id) ) {
		if ( obj.menuItem.id.indexOf('project') != -1 ) {
			showProject(obj.menuItem.page);
		} else if ( obj.menuItem.id.indexOf('FILESHARING') != -1 ) {
			showFileList(obj.menuItem.page);
			hideMenu();
		} else {
			alert('UNHANDLED TYPE');	
			
		}
	} else {
		showPage(obj.menuItem.page);
	}
	
	removeAllChildrens(document.getElementById('navigationInfo'));
	document.getElementById('navigationInfo').appendChild(document.createTextNode(obj.menuName + ' / ' +obj.menuItem.titel));	
 
}

function overMenu(_menuSpan) {
	_menuSpan.className='menuover';
	
	
}

function outMenu(_menuSpan) {
	_menuSpan.className='';
}