// 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("."));
			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; });
		}
	});
	
	// SET ACTIVE LINK
	var src = $("navigation").down('.act').src;
	var out = src.substr(0, src.lastIndexOf(".")) + '-over' + src.substr(src.lastIndexOf("."));
	$('navigation').setStyle( { backgroundImage:'url(' + out + ')' } );
	
	var animation = Array();
	$$(".nav").each( function(elem) {
		var src = elem.src;
		var over = src.substr(0, src.lastIndexOf(".")) + '-over' + src.substr(src.lastIndexOf("."));
		pic = new Image(); 
		pic.src = over; 
		Event.observe(elem.up(), "mouseover", function() { $('navigation').setStyle( { backgroundImage:'url(' + over + ')' } ); });
		Event.observe(elem.up(), "mouseout", function() { $('navigation').setStyle( { backgroundImage:'url(' + out + ')' } ); });
		animation[animation.length] = over;
	});
	
		
	// ANIMATE NAVIGATION ROLLOVERS ON HOME PAGE
	var interval_i = 0;
	Animate_Nav = function() {
		$('navigation').setStyle( { backgroundImage:'url(' + animation[interval_i] + ')' } );
		interval_i++;
		if (interval_i > animation.length) {
			$('navigation').setStyle( { backgroundImage:'url(' + out + ')' } );
			clearInterval(interval);
		}
	};
});