document.observe("dom:loaded", function() {
	
	totalImages = $$("ul#fade li").length-1;
	
	function loopSlide() {
		slide(1);
		setTimeout(loopSlide,4000);			
	}

	function slide(count) {
		
		if($$("ul#fade li").length >= 2) {
			$$("ul#fade li").each(function(e){e.setStyle({zIndex: 80}); e.show(); });
			
			topImage = totalImages;
			$$("ul#fade li")[topImage].setStyle({zIndex: 100});
			$$("ul#fade li")[topImage].show();
			
			if((totalImages - count) > ($$("ul#fade li").length-1)) {
				totalImages = 0;
			} else if((totalImages - count) < 0) {	
				totalImages = $$("ul#fade li").length-1;
			} else {
				totalImages -= count;
			}
			
			$$("ul#fade li")[totalImages].setStyle({zIndex: 90});
			$$("ul#fade li")[totalImages].show();
	
			$$("ul#fade li")[topImage].fade(); 
		}
	
	}
	
	setTimeout(loopSlide,2000);
	
	$$("div#content ul#primary-navigation li").each(function(el){
		el.observe("mouseover",function(e) {
			$(this).descendants().each(function(e){ if(e.nodeName=="UL") e.setStyle({"display":"block"}); });
		});
	});
	
	$$("div#content ul#primary-navigation li").each(function(el){
		el.observe("mouseout",function(e) {
			$(this).descendants().each(function(e){ if(e.nodeName=="UL") e.setStyle({"display":"none"}); });
		});
	});
	
});