// Submenus
function selectSubMenuItem(itemId) {
    $(itemId).addClass("selected");
};

function adjustPicture() {
    if ($("submenu").getStyle("position") == "absolute") {
	$("captionedPicture").setStyle("margin-top", $("submenu").getSize().y+10);
    }
}

// Main menu
var MENU_WIDTH = 121;

function positionMenu() {
    var wholeMenu = $("menu");
    var bottomOffset = wholeMenu.getStyle("bottom");
    if (bottomOffset == "0px" || bottomOffset == "auto") {
	bottomOffset = $("maincontent").getSize().y + $("footer").getSize().y;
	wholeMenu.setStyle("bottom", bottomOffset);
    }
}

var Menu = new Class ({
	initialize: function(menuBarElement, menuContentElement, offset) {
	    this.menuItem = menuBarElement;
	    this.menuContent = menuContentElement;
	    if ($chk(offset)) {
		this.menuContent.setStyle("left", offset-MENU_WIDTH);
	    }
	    
	    var menu = this;
	    this.menuItem.addEvent("mouseover", menu.show.bindWithEvent(menu));
	    this.menuItem.addEvent("mouseout", menu.menuItemMouseoutHandler.bindWithEvent(menu));
	    this.menuContent.addEvent("mouseover", menu.show.bindWithEvent(menu));
	    this.menuContent.addEvent("mouseout", menu.menuContentMouseoutHandler.bindWithEvent(menu));
	},

	show: function() {
	    this.menuItem.setStyle("background-color", "#010579");
	    this.menuContent.setStyle("visibility", "visible");
	}, 
	
	hide: function() {
	    this.menuItem.setStyle("background-color", "#6666ff");
	    this.menuContent.setStyle("visibility", "hidden");
	},

	checkMouseout: function(mousePosition, element) {
	    if (mousePosition.x < element.getPosition().x ||
		mousePosition.x > element.getPosition().x + element.getSize().x ||
		mousePosition.y < element.getPosition().y ||
		mousePosition.y > element.getPosition().y + element.getSize().y) {

		return true;
	    } else {
		return false;
	    }
	},

	menuItemMouseoutHandler: function(event) {
	    if (this.checkMouseout(event.client, this.menuContent)){
		this.hide();
	    }
	},

	menuContentMouseoutHandler: function(event) {
	    if (this.checkMouseout(event.client, this.menuItem)) {
		this.hide();
	    }
	}

    });


var aboutUsItem = $("aboutUsItem");
var schoolItem = $("schoolItem");

var aboutUsMenu = new Menu(aboutUsItem, $("aboutUsBody"));
var schoolMenu = new Menu(schoolItem, $("schoolBody"), aboutUsItem.getSize().x);