// JavaScript Document


Event.observe(window, "load", function() {
	// IMAGE ROLLOVERS
	// rollover image must be named "name-over.ext"
	$$(".rollover").each( function(elem) {
		var src = elem.readAttribute('src');
		if (src) {
			var over = src.substr(0, src.lastIndexOf(".")) + '-over' + src.substr(src.lastIndexOf("."));
			if (elem.hasClassName('active')) {
				elem.src = over;
				elem.removeClassName('rollover');
			} else {
				var pic = new Image();
				pic.src = over;
				Event.observe(elem.up(), "mouseover", function() { elem.src = over; });
				Event.observe(elem.up(), "mouseout", function() { elem.src = src; });
			}
		}
	});
	
	// IF NOT IE, AND NOT 'class="rollover"', ALL OTHER IMAGES NESTED INSIDE AN '<a>' TAG WILL FADE ON ROLLOVER
	if (navigator.appName != 'Microsoft Internet Explorer') {
		$$("a img").each( function(elem) {
			if (!elem.hasClassName('rollover') && !elem.hasClassName('nofade')) {
				Event.observe(elem.up(), "mouseover", function() { elem.setOpacity(0.6); });
				Event.observe(elem.up(), "mouseout", function() { elem.setOpacity(1.0); });
			}
		});
	}
});