function ImagePreloader() {
	images = new Array(	"images/aboutButton_hover.png",
					"images/contactButton_hover.png",
					"images/works_close_hover.png",
					"images/about_close_hover.png",
					"images/contact_close_hover.png",
					"images/worksButton_hover.png"
					);
	
	p   = new Array();
	
	for(i=0;i<images.length;i++)
	{
	  p[i]= new Image();
	  p[i].src = images[i];
	}
}

function menuSet() {
	
	menuButtons = Array($("worksMap"), $("contactMap"), $("aboutMap"));
	menuImages = Array($("worksButton"), $("contactButton"), $("aboutButton"));
	boxes = Array($("works"), $("contact"), $("about"));
	
	for (i=0; i<menuButtons.length; i++) {
		Event.observe(menuButtons[i], 'mouseover', menuChange.curry(menuImages[i]), false);
		Event.observe(menuButtons[i], 'mouseout', menuBack.curry(menuImages[i]), false);
		Event.observe(menuButtons[i], 'click', boxShow.curry(boxes[i]), false);
	}
}

function menuChange(object) {
	
	$(object).src = "images/" + $(object).id + "_hover.png";
}

function menuBack(object) {
	
	$(object).src = "images/" + $(object).id + ".png";
}

function boxShow(object) {
	
	if ($(object).style.display == "none") {
		$(object).style.display = "block";
	}
}

function boxClose(object) {
	
	if ($(object).style.display == "block") {
		$(object).style.display = "none";
	}
}

function closeButtonSet() {
	
	buttons = Array();
	buttons = $$('img.close');
	boxes = Array($("about"), $("works"), $("contact"));
	
	for (i=0; i<buttons.length; i++) {
		Event.observe(buttons[i], 'mouseover', closeButtonChange, false);
		Event.observe(buttons[i], 'mouseout', closeButtonBack, false);
		Event.observe(buttons[i], 'click', boxClose.curry(boxes[i]), false);
	}

}

function closeButtonChange() {
	
	this.src = "images/" + this.id + "_hover.png";
}

function closeButtonBack() {
	
	this.src = "images/" + this.id + ".png";
}

function loadEvents() {
	$("about").style.display = "none";
	$("works").style.display = "none";
	$("contact").style.display = "none";
	ImagePreloader();
	closeButtonSet();
	menuSet();
}