var selectedperson = 0;
window.addEvent('domready', function() {				 
	$$('#Menu div.menuitem').each(								  
		function(el) { 
			el.set('opacity','.70');  		
			var slideEffect = new Fx.Morph(el, {duration: 400, link: 'cancel', transition: Fx.Transitions.Sine.easeOut});			
			el.addEvent('mouseover', function(e) {
				el.set('opacity','0.99'); 
				e.stop();
				slideEffect.start('.slideout');
			});
			el.addEvent('mouseout', function(e) {
				el.set('opacity','.70'); 
				e.stop();
				slideEffect.start('.slideback');
			});
		}
	);			 
	$$('#Right img.people').each(								  
		function(el,index) { 
			if(index != selectedperson){
				el.set('opacity','0.7'); 
			}
			el.addEvent('mouseover', function(e) {
				el.set('opacity','0.99'); 
				e.stop();				
			});
			el.addEvent('mouseout', function(e) {
				if(selectedperson != index){											 
					el.set('opacity','0.7'); 
				}
				e.stop();
			});
		}
	);	 
	$$('#Navbar a').each(								  
		function(el,index) {
			var effectElementID = el.id.substring(4);
			var effectElement = $("Back"+effectElementID);
			var fadeEffect = new Fx.Tween(effectElement,{duration: 400, link: 'ignore'});
			el.addEvent('mouseover', function(e) {			
				e.stop();
				effectElement.set('opacity','0'); 
				effectElement.addClass("background");
				if(Browser.Engine.trident5){
					fadeEffect.start('opacity', '0', '0.4');	
				}	
				else{
					fadeEffect.start('opacity', '0', '0.99');
				}			
			});
			el.addEvent('mouseout', function(e) {	 
				e.stop();
				effectElement.set('opacity','0.99'); 
				effectElement.removeClass("background");
			});
		}
	);	 
	$$('#Right a.personLink').each(								  
		function(el,index) { 
			var id = el.id;
			el.addEvent('click', function(e) {
				e.stop();
				switchPeople('Person'+id,index);				
			});
		}
	); 
	$$('#Logo img').each(								  
		function(el,index) { 			
			var fadeEffect = new Fx.Tween(el,{duration: 400, link: 'cancel'});
			el.addEvent('mouseover', function(e) {			
				e.stop();
				fadeEffect.start('opacity', '0.99', '0.7'); 
			});
			el.addEvent('mouseout', function(e) {	 
				e.stop();
				fadeEffect.start('opacity', '0.7', '0.99'); 
			});			
		}
	);
});
function switchPeople(person,index){
	selectedperson = index;	
	$$('#People div.person').each(
		function(el){
			var effect = new Fx.Tween(el);
			effect.set('display', 'none');
		}
	);
	var effect2 = new Fx.Tween($(person));
	effect2.set('display', 'block');	 
	$$('#Right img.people').each(								  
		function(el,index) { 
			if(selectedperson != index){
				el.set('opacity','.70'); 
			}
		}
	);	
}