function getObject(id) {
    var object = null;
   
    if (document.all) {
        object = document.all[id];
    } else if (document.getElementById) {
        object = document.getElementById(id);
    }
    return object;
}

/** SwappingImage class */
function SwappingImage(variable, srcMouseOut, srcMouseOver) {
    
    /* Attributes */
    this.variable = variable;
    this.imageMouseOut = new Image();
    this.imageMouseOut.src = srcMouseOut;
    this.imageMouseOver = new Image();
    this.imageMouseOver.src = srcMouseOver;
    
    /* getId method */
    this.getId = function() {
        return this.variable + 'Id';
    }
}

/** Menu class */
function Menu(variable, container) {
	
	/* Attributes */
	this.variable = variable;
	this.container = container;
	this.menuItems = new Array();
	
	/** addMenuItem method*/
	this.addMenuItem = function(menuItem) {
		menuItem.variable = this.variable;
		this.menuItems[this.menuItems.length] = menuItem;
	}
	
	/** show method */
	this.show = function(openedIndex) {
		
		//if (openedIndex == -1) {
			//this.html = '<div style="float:left;" onClick="' + this.variable + '.show(1000)" onMouseOver="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOver.src" onMouseOut="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOut.src"><img src="' + this.swappingImage.imageMouseOut.src + '" border="0" id="' + this.swappingImage.getId() + '"></div>';
		//} else {
			//this.html = '<div style="float:left;" onClick="' + this.variable + '.show(-1)" onMouseOver="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOver.src" onMouseOut="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOut.src"><img src="' + this.swappingImage.imageMouseOut.src + '" border="0" id="' + this.swappingImage.getId() + '"></div>';
			//this.html += '<div style="float:left;"><img src="images/menu/arrow.png"></div>';
			this.html = '';
			this.first = true;
			
			for (i = 0; i < this.menuItems.length; i++) {
				
				if (this.first) {
					this.first = false;
				} else {
					this.html += '<div style="float:left;"><img src="images/img9.png"></div>';
				}
				this.html += this.menuItems[i].show(openedIndex == i, i);
			}
		//}
		getObject(this.container).innerHTML = this.html;
		//getObject('debug').value = this.html;
	}
}

/** MenuItem class */
function MenuItem(swappingImage, hyperlink) {
	
	/* Attributes */
	this.swappingImage = swappingImage;
	this.hyperlink = hyperlink;
	this.variable = '';
	this.subMenuItems = new Array();
	
	/** addSubMenuItem*/
	this.addSubMenuItem = function(subMenuItem) {
		this.subMenuItems[this.subMenuItems.length] = subMenuItem;
	}
	
	/** show */
	this.show = function(showSubMenuItems, menuItemIndex) {
		//this.first = true;
		
		if (this.hyperlink == null) {
			
			if (showSubMenuItems) {
				this.html = '<div style="float:left;" onClick="' + this.variable + '.show(1000)" onMouseOver="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOver.src" onMouseOut="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOut.src"><img src="' + this.swappingImage.imageMouseOut.src + '" border="0" id="' + this.swappingImage.getId() + '"></div>';
			} else {
				this.html = '<div style="float:left;" onClick="' + this.variable + '.show(' + menuItemIndex + ')" onMouseOver="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOver.src" onMouseOut="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOut.src"><img src="' + this.swappingImage.imageMouseOut.src + '" border="0" id="' + this.swappingImage.getId() + '"></div>';
			}
		} else {
			this.html = '<div style="float:left;" onClick="document.location=\'' + this.hyperlink + '\'" onMouseOver="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOver.src" onMouseOut="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOut.src"><img src="' + this.swappingImage.imageMouseOut.src + '" border="0" id="' + this.swappingImage.getId() + '"></div>';
		}
		
		if (showSubMenuItems) {
			
			for (j = 0; j < this.subMenuItems.length; j++) {
				
				//if (this.first) {
					//this.html += '<div style="float:left;"><img src="images/menu/arrow.png"></div>';
					//this.first = false;
				//} else {
					this.html += '<div style="float:left;"><img src="images/img8.png"></div>';
				//}
				this.html += this.subMenuItems[j].show()
			}
		}
		return this.html;
	}
}

function SubMenuItem(swappingImage, hyperlink) {
	this.swappingImage = swappingImage;
	this.hyperlink = hyperlink;
	
	this.show = function() {
		return '<div style="float:left;" onClick="document.location=\'' + this.hyperlink + '\'" onMouseOver="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOver.src" onMouseOut="getObject(\'' + this.swappingImage.getId() + '\').src = ' + this.swappingImage.variable + '.imageMouseOut.src"><img src="' + this.swappingImage.imageMouseOut.src + '" border="0" id="' + this.swappingImage.getId() + '"></div>';
	}
}