// JavaScript Document - Selects and fades in background image

var Background = {
		'color' : '',
		imageUrl: '',
		containerId: 'body',
		InnerContainerId: 'container',

		fadeIn: function(){
			$(Background.containerId).fadeIn();
		},

		setBackgroundImage: function(){
			if( Background.imageUrl ){
				$(Background.containerId).setStyle( 'background-image', 'url(' + Background.imageUrl + ')' );
			}
		},

		setColor: function( hex ){
			document.getElementsByTagName('body')[0].style.backgroundColor = Background.color;
		},

		loadImage: function(){
			new Asset.image( Background.imageUrl);
		},

		setOpacity: function(){
			$(Background.containerId).setOpacity(0);
			$(Background.innerContainerId).setOpacity(0);		
		},

		

		init: function( imgUrl){
			Background.imageUrl = imgUrl;
			Background.loadImage();
			Background.setBackgroundImage();
			window.addEvent( 'load', Background.fadeIn );
		}
}

var Nav ={

		navId: 'sub_nav',
		suffix: '_on',
		imgUrls: [],
		
		getImages: function(){
			var imgs = $$('#' + Nav.navId + ' img');
			imgs.each( function(el){ Nav.imgUrls.push(el.src); });
		},

		preload: function(){
			Nav.imgUrls.each( function(uri){ new Asset.image( Nav.addSuffix( uri ) ); });
		},  

		addSuffix: function( uri ){
			 uri = uri.replace('.jpg', Nav.suffix + '.jpg');
			  uri = uri.replace('.gif', Nav.suffix + '.gif');
			  uri = uri.replace('.png', Nav.suffix + '.png');
			return uri;
		},

		removeSuffix: function( uri ){
			 uri = uri.replace(Nav.suffix + '.jpg', '.jpg' );
			  uri = uri.replace(Nav.suffix + '.gif', '.gif' );
			  uri = uri.replace(Nav.suffix + '.png', '.png');
			return uri;
		},

		init: function(){
			Nav.getImages();
			Nav.preload();
			
			$$( '#' + Nav.navId + ' a' ).each( function(el){
													el.addEvent( 'mouseover', function(){
																					var img = this.getElements('img');
																					if( img.length > 0 ){
																							img[0].src = Nav.addSuffix( img[0].src );
																							el.setStyle('background-color', '#FFFFFF');
																					}
																				});
													el.addEvent( 'mouseout', function(){
																					var img = this.getElements('img');
																					if( img.length > 0 ){
																							img[0].src = Nav.removeSuffix( img[0].src );
																							el.setStyle('background-color', '#000000');
																					}
																				});
											});
		}
}