// JavaScript Document

if (typeof $ != "undefined") {
	
	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;				
				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')) {
					Event.observe(elem.up(), "mouseover", function() { elem.setOpacity(0.6); });
					Event.observe(elem.up(), "mouseout", function() { elem.setOpacity(1.0); });
				}
			});
		}
		
		// MY ATTEMPT AT GETTING OPACITY TO WORK IN IE
		//$$("a img").each( function(elem) {
			//if (!elem.hasClassName('rollover')) {
				//if (elem.filters) {
					//elem.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + elem.src + "', sizingMethod='scale')";
					//Event.observe(elem.up(), "mouseover", function() { elem.style.filter = "alpha(opacity=60)" });
					//Event.observe(elem.up(), "mouseout", function() { elem.style.filter = "alpha(opacity=100)" });
				//} else {
					//Event.observe(elem.up(), "mouseover", function() { elem.style.opacity = 0.6; });
					//Event.observe(elem.up(), "mouseout", function() { elem.style.opacity = 1.0; });
				//}
			//}
		//});
		
	});
	
}