// hide content until entire body loads and resizeContent() is called.
// this is done here rather than in the css to ensure browsers with no js
// support still show the content.
document.write("<style>body{visibility:hidden}</style>");


var basepath = "http://www.rokyerickson.net/";

// preload nav images
if (document.images) {
	var images = [];
	var refs = ["home", "news", "tour", "docu", "contact", "biog", "shop", "forum", "image"];
	
	for (var i=0; i<refs.length; i++) {
		var imgUp = new Image();
		imgUp.src = "img/" + refs[i] + "_up.jpg";
		images.push(imgUp);
		
		var imgOver = new Image();
		imgOver.src = "img/" + refs[i] + "_over.jpg";
		images.push(imgOver);
		
		var imgDown = new Image();
		imgDown.src = "img/" + refs[i] + "_down.jpg";
		images.push(imgDown);
	}
}


function resizeContent() {
	
	var tileHeight = 275;	// from css: background image height
	var paddingTop = 20;	// from css: padding-top
	
	var element = document.getElementById("content");
	var h = element.offsetHeight;
	var numTiles = Math.ceil(h / tileHeight);
	
	h = (tileHeight * numTiles) - paddingTop;
	element.style.height = h + "px";
	
	document.body.style.visibility = "visible";
}


function mouseOver(id) {
	if (document.images) {
    	document.getElementById(id).src = basepath + "img/" + id + "_over.jpg";
    }
}


function mouseOut(id) {
	if (document.images) {
    	document.getElementById(id).src = basepath + "img/" + id + "_up.jpg";
    }
}