document.nav = new Array(2);
document.nav[0] = null;
document.nav[1] = null;
document.openSub = null;

// -----------------------------------------------------------------------------
function cngFrm(subPage, content, randomImage) { 
	parent.frames['subnav'].location.href = subPage; 
	parent.frames['mainFrame'].location.href = content; 
	parent.frames['boatFrame'].location.href = randomImage;
	return false; 
}

// -----------------------------------------------------------------------------
function swapImage() { 
	theImages = new Array("img01.jpg", "img02.jpg", "img03.jpg"); 
	whichImage = Math.floor(Math.random()*theImages.length); 
	document.write('<img src="images/paintings/' +theImages[whichImage]+ '">');
}

// -----------------------------------------------------------------------------
function navRoll(controlId, level, onOff) {
	if (!controlId || !document.getElementById(controlId)) return true;
	if (document.nav[level] && document.nav[level] == controlId) return true; // on, don't change
	var kids = document.getElementById(controlId).getElementsByTagName("A");
	if(kids.length == 0) return true;
	var tag = kids[0];

	if (onOff == 0) {
		tag.style.backgroundPosition='0 0';
	} else {
		if (level == 0) {
			tag.style.backgroundPosition='0 -21px';
		} else {
			tag.style.backgroundPosition='0 -12px';
		}
	}
}

// -----------------------------------------------------------------------------
// navigation click
// return false if we you want to stop the href from changing mainFrame
function navClick(controlId, level) {
	if (!controlId || !document.getElementById(controlId)) return true;
	if (document.nav[level] == controlId) return true; // already on

	// fix the current nav if any
	if (document.nav[level] != null) {
		var kids = document.getElementById(document.nav[level]).getElementsByTagName("A");
		if(kids.length > 0) {
			var tag = kids[0];
			tag.style.backgroundPosition='0 0';
		}
	}

	// if we're changing level zero we need to clean up level 1
	if (level == 0 && document.nav[1] != null) {
		var kids = document.getElementById(document.nav[1]).getElementsByTagName("A");
		if(kids.length > 0) {
			var tag = kids[0];
			tag.style.backgroundPosition='0 0';
		}
	}

	// new nav becomes current nav
	document.nav[level] = controlId;

	// shift
	var kids = document.getElementById(document.nav[level]).getElementsByTagName("A");
	if(kids.length > 0) {
		var tag = kids[0];
		if (level == 0) {
			tag.style.backgroundPosition='0 -21px';
		} else {
			tag.style.backgroundPosition='0 -12px';
		}
	}

	// open a sub menu if one exists for this control and it's not already open
	if (document.getElementById(document.nav[level]+'Sub')
		&& document.getElementById(document.nav[level]+'Sub').style.display != 'block') {

		document.getElementById(document.nav[level]+'Sub').style.display = 'block';
		if (document.openSub != null) document.getElementById(document.openSub).style.display = 'none';
		document.openSub = document.nav[level]+'Sub';
	}

	return true;
}