/*
Nice nav javascript from Stopdesign, www.stopdesign.com
Some fine-tuning edits by me; could still be refactored some more
*** Use of each() REQUIRES prototype.js !!!
*/

suffix_out = "-0";
suffix_over = "-1";
suffix_selected = "-2";
 function nav_preload(nav_names,nav_path,ext) {
	image_cache = {};
	nav_names.each(function(i) {
				var name = nav_names[i];
				var name_over = name + suffix_over;
				var name_out = name + suffix_out;
				var name_selected = name + suffix_selected;

				image_cache[name] = {};
				image_cache[name]['over'] = new Image();
				image_cache[name]['over'].src = nav_path + name_over + '.' + ext;

				image_cache[name]['out'] = new Image();
				image_cache[name]['out'].src = nav_path + name_out + '.' + ext;

		//		image_cache[name]['selected'] = new Image();
		//		image_cache[name]['selected'].src = nav_path + name_selected + '.' + ext;
	});
// *** use for() without prototype.js
// 	for (i in nav_names) {
// 		var name = nav_names[i];
// 		var name_over = name + suffix_over;
// 		var name_out = name + suffix_out;
// 		var name_selected = name + suffix_selected;
// 		
// 		image_cache[name] = {};
// 		image_cache[name]['over'] = new Image();
// 		image_cache[name]['over'].src = nav_path + name_over + '.' + ext;
// 
// 		image_cache[name]['out'] = new Image();
// 		image_cache[name]['out'].src = nav_path + name_out + '.' + ext;
// 
// //		image_cache[name]['selected'] = new Image();
// //		image_cache[name]['selected'].src = nav_path + name_selected + '.' + ext;
// 	}
 }

function swap(id,direction) {
 	var fullname = id;
 	if(document.getElementById(id)) {
		var img = document.getElementById(id);
		img.setAttribute("src", image_cache[id][direction].src);
	}	
	var li = document.getElementById('li-'+id);
	if(direction=='over') {
		li.className+=" over";
	} else {
		li.className=li.className.replace(/( ?)over/g, "");
	}
}