// JavaScript Document
var arLinks;
var arDots;
var arDetail;
var bLogoMoved = false;
function initHome(){
	// add hover effects to links to light up dots
	arLinks = $$('#navbar-wrapper a');
	arDots = $$('#dotnav div');
	arDetail = $$('#content h2');
	
	arLinks.each(function(el){
		el.addEvent('mouseenter', function(){
			if(!bLogoMoved){
				if(arLinks.indexOf(this)<2){
					$('mc-logo').morph({'left': [document.body.clientWidth/2, document.body.clientWidth-55]}).fade('out');
				}else{
					$('mc-logo').morph({'left': [document.body.clientWidth/2, 0]}).fade('out');
				}
				bLogoMoved = true;
			}
			arDots[arLinks.indexOf(this)].addClass('dotHover');
			this.addClass('hover');
			var details;
			details = $(this.parentNode).getElement('span');
			details.fade('hide');
			details.setStyle('display', 'inline');
			details.fade('in');
			var content = arDetail[arLinks.indexOf(this)];
			$(content).fade('hide');
			$(content).setStyle('display', 'block');
			$(content).fade('in');
		});
		el.addEvent('mouseleave', function(){
			arDots[arLinks.indexOf(this)].removeClass('dotHover');
			this.removeClass('hover');
			var details;
			details = $(this.parentNode).getElement('span');
			details.fade('show');
			details.fade('out');
			details.setStyle('display', 'none');
			var content = arDetail[arLinks.indexOf(this)];
			$(content).fade('out');
			$(content).setStyle('display', 'none');
		});
	});
	
	// add hover effects to dots to light up links
	arDots.each(function(el){
		el.addEvent('mouseover', function(){
			arLinks[arDots.indexOf(this)].fireEvent('mouseenter');
		});
		el.addEvent('mouseout', function(){
			arLinks[arDots.indexOf(this)].fireEvent('mouseleave');
		});
		el.addEvent('click', function(){
			location.href=arLinks[arDots.indexOf(this)].href;
		});
	});
	
	// fade out mc logo
	/*
	(function(){ 	
		$($('mc-logo').firstChild).morph({src: '/images/mc-logo.gif', height: 55, width: 110}); 
		$('mc-logo').morph('.small');
	}).delay(1000);
	*/
		
	
}
window.addEvent('domready', initHome);