window.onload = function() {
	
	var numImages;
	numImages = ($$('.subBtn')).length;

	for(i=0;i<numImages;i++) {
		var myImage = new Image;
		myImage.src = "images/nav/"+($$('.subBtn'))[i].getParent().id+"/"+($$('.subBtn'))[i].id+"_over.gif";
	};



	$$('.navBtn').forEach(function(element) {
		
		if(element.id == pageGroup) {
			$(element.id+"_up").src = "images/nav/"+element.id+".gif";
		};	
		
		
		if((element.id == pageGroup && pageID != 'home') || (element.id != pageGroup)) {
			element.getFirst().getFirst().addEvent('click',function(){
				window.location.href = element.id+".shtml";
			});
			element.getFirst().getFirst().setStyle('cursor','pointer');	
		};
		
		
		element.getFirst().setStyle('opacity',0.001);
		
		element.addEvent('mouseover',function(){
			if(typeof element.fadeBtn != 'undefined')
				element.fadeBtn.stop();
			//element.getFirst().getFirst().getNext().setStyle('overflow','visible');
			element.getFirst().getFirst().getNext().setStyle('display','block');
			element.fadeBtn = new Fx.Style(element.getFirst(),'opacity',{duration:150});
			element.fadeBtn.start(element.getFirst().getStyle('opacity'),1);
		});
		
		element.addEvent('mouseout',function(){
			if(typeof element.fadeBtn != 'undefined')
				element.fadeBtn.stop();
			element.fadeBtn = new Fx.Style(element.getFirst(),'opacity',{duration:600});
			element.fadeBtn.start(element.getFirst().getStyle('opacity'),0.001).chain(function(){
				element.getFirst().getFirst().getNext().setStyle('display','none');
				//element.getFirst().getFirst().getNext().setStyle('overflow','hidden');
			});
		});
		
		element.fireEvent('mouseout');
	
	});
	
	
	
	$$('.subBtn').forEach(function(element){
	
	
		if(element.id != pageID) {
		
			element.addEvent('mouseover',function(){
				element.getFirst().src = "images/nav/"+element.getParent().id+"/"+element.id+"_over.gif";
			});
			
			element.addEvent('mouseout',function(){
				element.getFirst().src = "images/nav/"+element.getParent().id+"/"+element.id+".gif";
			});
			
			var FileExtension = ".shtml";
			
			if(element.id == "gallery")
				FileExtension = ".aspx";
				
			element.addEvent('click',function(){
				window.location.href = element.id + FileExtension;
			});
		
		} else {
		
			element.getFirst().setStyle('cursor','default');
		
			element.getFirst().src = "images/nav/"+element.getParent().id+"/"+element.id+"_over.gif";
		
		}
	
	});

};

/*Preload all of the images */
function newImage(arg) {
	if (document.images) {
		var rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
	else {
		return null;
	}
}