// JavaScript Document

window.addEvent('domready', function() {
// Main nav
	$('main-nav-about-us').addEvent('mouseenter', function(e) {
		showLayer('menu-about-us');
	});
	$('main-nav-services').addEvent('mouseenter', function(e) {
		showLayer('menu-services');
	});
	$('main-nav-careers').addEvent('mouseenter', function(e) {
		showLayer('menu-careers');
	});
	$('main-nav-news').addEvent('mouseenter', function(e) {
		showLayer('menu-news');
	});
	$('main-nav-about-us').addEvent('mouseleave', function(e) {
		hideLayer('menu-about-us');
	});
	$('main-nav-services').addEvent('mouseleave', function(e) {
		hideLayer('menu-services');
	});
	$('main-nav-careers').addEvent('mouseleave', function(e) {
		hideLayer('menu-careers');
	});
	$('main-nav-news').addEvent('mouseleave', function(e) {
		hideLayer('menu-news');
	});
	$('menu-about-us').addEvent('mouseenter', function(e) {
		showLayer('menu-about-us');
	});
	$('menu-services').addEvent('mouseenter', function(e) {
		showLayer('menu-services');
	});
	$('menu-careers').addEvent('mouseenter', function(e) {
		showLayer('menu-careers');
	});
	$('menu-news').addEvent('mouseenter', function(e) {
		showLayer('menu-news');
	});
	$('menu-about-us').addEvent('mouseleave', function(e) {
		hideLayer('menu-about-us');
	});
	$('menu-services').addEvent('mouseleave', function(e) {
		hideLayer('menu-services');
	});
	$('menu-careers').addEvent('mouseleave', function(e) {
		hideLayer('menu-careers');
	});
	$('menu-news').addEvent('mouseleave', function(e) {
		hideLayer('menu-news');
	});
// Utility bar
	$('utility-bar-login').addEvent('mouseenter', function(e) {
		$('utility-bar-login').style.display = 'none';
		$('menu-login').style.display = 'inline-block';
	});
	$('menu-login').addEvent('mouseenter', function(e) {
		$('utility-bar-login').style.display = 'none';
		$('menu-login').style.display = 'inline-block';
	});
	$('menu-login').addEvent('mouseleave', function(e) {
		$('utility-bar-login').style.display = 'inline-block';
		$('menu-login').style.display = 'none';
	});
// Project Photos
	initPhotos();
	initProjectPhotos();
	if($('pi1') && $('pt1')) $('pt1').addEvent('mouseenter', function(e) {
		$('pi1').style.display = 'block';
		if($('pi2')) $('pi2').style.display = 'none';
		if($('pi3')) $('pi3').style.display = 'none';
	});	
	if($('pi2') && $('pt2')) $('pt2').addEvent('mouseenter', function(e) {
		$('pi1').style.display = 'none';
		if($('pi2')) $('pi2').style.display = 'block';
		if($('pi3')) $('pi3').style.display = 'none';
	});	
	if($('pi3') && $('pt3')) $('pt3').addEvent('mouseenter', function(e) {
		$('pi1').style.display = 'none';
		if($('pi2')) $('pi2').style.display = 'none';
		if($('pi3')) $('pi3').style.display = 'block';
	});	
});

function initPhotos() {
	myElems = $$('div.page-portfolio-item');
	numPhotos = myElems.length - 1;
	var thisPhoto = 0;
	while(thisPhoto <= numPhotos) {
		$(myElems[thisPhoto]).fade('hide');
		thisPhoto++;
	}
	currPhoto = Math.floor(Math.random()*(numPhotos+1));
	$(myElems[currPhoto]).fade('show');
}

function initProjectPhotos () {
	$('pi1').style.display = 'block';
	if($('pi2')) $('pi2').style.display = 'none';
	if($('pi3')) $('pi3').style.display = 'none';
}