var rollovers = {};

function rollover_init() {
	rollovers['home'] = {img: 'but_home', url: '/images/button_home2.gif'};
	rollovers['about'] = {img: 'but_about', url: '/images/button_about2.gif'};
	rollovers['foodmenu'] = {img: 'but_menu', url: '/images/button_menu2.gif'};
	rollovers['happenings'] = {img: 'but_happenings', url: '/images/button_happenings2.gif'};
	rollovers['photos'] = {img: 'but_photos', url: '/images/button_photo2.gif'};
	rollovers['contact'] = {img: 'but_contact', url: '/images/button_contact2.gif'};
	rollovers['directions'] = {img: 'but_directions', url: '/images/button_directions2.gif'};
	rollovers['press'] = {img: 'but_press', url: '/images/button_press2.gif'};

	var buttons = getElementsByClassName('navbutton');
	var preload = {};
	for (var i=0; i<buttons.length; i++) {
		var b = buttons[i];
		var r = rollovers[b.id];
		b.addEventListener('mouseover', rollOver, false);
		b.addEventListener('mouseout', rollOut, false);
		var elImg = document.getElementById(r.img);
		r.oldimg = elImg.src;
		r.preload = new Image();
		r.preload.src = r.url;
		r.imgObj = elImg;
	}
}

function rollOver(e) {
	var r = rollovers[this.id];
	r.imgObj.src = r.url;
}

function rollOut(e) {
	var r = rollovers[this.id];
	r.imgObj.src = r.oldimg;
}


//From http://robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/
function getElementsByClassName(className, tag, elm){
	var testClass = new RegExp("(^|\\s)" + className + "(\\s|$)");
	var tag = tag || "*";
	var elm = elm || document;
	var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag);
	var returnElements = [];
	var current;
	var length = elements.length;
	for(var i=0; i<length; i++){
		current = elements[i];
		if(testClass.test(current.className)){
			returnElements.push(current);
		}
	}
	return returnElements;
}