/*===========================================================================
	Presentational (Home)
	
	This JavaScript executes dynamic behaviors such as:
	* Preloading images
	* Flash Replacements (i.e. sIFR, UFO, SWFObject, etc.)
	* Decorate the DOM with presentational elements
===========================================================================*/

MM.presentational.HomepageHero = function() {
	return {
		decorate: function() {
			var available_images = [
				MEDIA_ROOT+"home/homepage-hero-commitment.jpg",
				MEDIA_ROOT+"home/homepage-hero-community.jpg", 
				MEDIA_ROOT+"home/homepage-hero-discretion.jpg", 
				MEDIA_ROOT+"home/homepage-hero-focus.jpg",
				MEDIA_ROOT+"home/homepage-hero-honesty.jpg",
				MEDIA_ROOT+"home/homepage-hero-respect.jpg",
				MEDIA_ROOT+"home/homepage-hero-integrity.jpg"//,
			];

			var heroPlaceholder = Dom.get("hero-image");
			var heroPlaceholderSpan = heroPlaceholder.getElementsByTagName("span")[0];
			
			var image_num = Math.round(Math.random()*10);
			
			while (image_num > available_images.length-1) {
				var image_num = Math.round(Math.random()*10);	
			}
			
			Dom.setStyle(heroPlaceholder, "background-image", "url(" + available_images[image_num] + ")");
			Dom.setStyle(heroPlaceholderSpan, "background-image", "url(" + available_images[image_num] + ")");
		}//,
	}; 
}();

Event.onAvailable("hero-image", MM.presentational.HomepageHero.decorate);