//-----------------------------------------
// Represents a Navigation Menu object 
// Parameters:
//		id - the id of the list
//-----------------------------------------
function NavigationMenu(id, selectedIndex) {
	this.root = document.getElementById(id);

	var menuItems = this.root.getElementsByTagName("li");
	for (var i=0; i<menuItems.length; i++) {
		link = menuItems[i].getElementsByTagName("a")[0];
	
		this.setMouseoverEvent(link);
		if (i == selectedIndex){
			link.style.color = 'white';
			this.setImage(link);
		} else {
			this.setMouseoutEvent(link);
		}
	}
}

NavigationMenu.prototype = {
    
    setImage: function(elem) {
		elem.parentNode.getElementsByTagName("div")[0].innerHTML = '<img src="template/default/img/arrow_white.gif" width="9" height="10" border="0">';
    },

    setMouseoverEvent: function(elem) {
		elem.onmouseover = function() {
			elem.parentNode.getElementsByTagName("div")[0].innerHTML = '<img src="template/default/img/arrow_white.gif" width="9" height="10" border="0">';
		};
    },

    setMouseoutEvent: function(elem) {
		elem.onmouseout = function() {
			elem.parentNode.getElementsByTagName("div")[0].innerHTML = '';
		};
    }


}