//add an event handler to the window element to fire a function when the DOM is ready
window.addEvent('domready', function() {			
	
	if(homePage == true){
		
		//is the home page	
		doSlideShow({duration:6000,pause:2000, element:$(document.body).getElement('#header')});
	
	}else{
		//is not the home page
		
		//create a MenuMatic instance
		var myMenu = new MenuMatic({ orientation:'vertical',opacity:98 });		
		
		//create the image faders
		doSlideShow({duration:5000,pause:4000, element:$(document.body).getElement('#header .left')});
		doSlideShow({duration:7000,pause:2000, element:$(document.body).getElement('#header .right')});
	
	}
	
	
	
});


function pageName(){
	 return window.location.toString().split('/').getLast().split('.')[0].toLowerCase();
}

function doSlideShow(options){
	if(!$(options.element)){return;}
	options.duration = options.duration || 5000;
	options.pause = options.pause || 3000;
	var z = 10000;
	$(options.element).getElements('img').each(function(item,index){
		item.store('morph',new Fx.Morph(item,{duration: options.duration}));
		item.setStyle('z-index',z);
		z--;
	});	
	
	fadeIt($(options.element).getElement('img'),options);
	
	
}

function fadeIt(el,options){	
	if(!el || !el.retrieve('morph')){return;}	
	el.retrieve('morph').start({ 'opacity': [100, 0]}).chain(function(){
		(function(){
			if(this.element.getNext('img') && this.element.getNext('img').getNext('img')){
				fadeIt(this.element.getNext('img'),options);
			}else{
				(function(){
					$(options.element).getElement('img').retrieve('morph').start({ 'opacity': 100}).chain(function(){
						$(options.element).getElements('img').setStyle('opacity',1);
						fadeIt($(options.element).getElement('img'),options);
					});
				}).delay(options.pause,this);
			}			
		}).delay(options.pause,this);		
	});
}