// JavaScript Document

// Add the onmouseover, onmouseout and onclick event listeners to each of the
// submenus in the Artwork Guidelines page
// 
function addEventListeners() {
	var submenuArr;
	if (!submenuArr) {
		submenuArr = new Array(6);
		submenuArr[0] = "generalguidelines";
		submenuArr[1] = "digitalprintguidelines";
		submenuArr[2] = "media";
		submenuArr[3] = "fileprep";
		submenuArr[4] = "translucentcolor";
		submenuArr[5] = "imageres";
	}
	for(var i = 0; i < submenuArr.length; i++) {
		var node = document.getElementById(submenuArr[i]);
		if (node) {
			addEvent(node, "mouseover", function() { mouseOverNav(this.id); });
			addEvent(node, 'mouseout', function() { mouseOutNav(this.id); });
			addEvent(node, 'click', function() { setSelectedNav(this.id); });
		}
	}
}
	
// On a mouseover/mouseout on one of the navigation links, swap href images
// and show submenus, if applicable
//
function mouseOverNav(name) {
	var selectedMenuItem = document.getElementById("selectedMenu").value;
	if ((name != null) && (name != "") && (selectedMenuItem == name))
		return;

	setActiveNavImage(name);
}
function mouseOutNav(name) {
	var selectedMenuItem = document.getElementById("selectedMenu").value;
	if ((name != null) && (name != "") && (selectedMenuItem == name))
		return;
	
	setInactiveNavImage(name);
}
	
// Utility functions for the navigation menu images
//
function setActiveNavImage(name) {
	setImageForId(name + "Image", "images/" + name + "_menu_active.jpg");
}
function setInactiveNavImage(name) {
	setImageForId(name + "Image", "images/" + name + "_menu_inactive.jpg");
}
function setSelectedNav(name) {
	var value = document.getElementById("selectedMenu").value;
	if (value && (value != ""))
		setInactiveNavImage(value);
	document.getElementById("selectedMenu").value = name;
	setImageForId(name + "Image", "images/" + name + "_menu_selected.jpg");
	
	// Set the content in the iframe
	var contentFrame = window.parent.top.document.getElementById("artworkIframe");
	contentFrame.src = name + "_content.html";
}