/*
	global.js
	HomeServiceTree
*/

var currentImageNum;
var imageCount;
var countUntilPromo = 0;
var promoFrequency = 3;
var imageLoopInterval = null;
var imageDelay = 6;


function preloadNextImage() {
	var nextImageNum = (currentImageNum == imageCount) ? 1 : currentImageNum + 1;
	var img = new Image();
	img.src = '/wp-content/themes/homeservicetree/images/slideshow/home_image_' + nextImageNum + '.jpg';
}

function checkForPromo() {
	countUntilPromo--;
	if (countUntilPromo < 0)
		countUntilPromo = promoFrequency;
	return (countUntilPromo == 0);
}

function showPromo() {
	var promoImage = $('image_promo');
	if (promoImage != null) {
		promoImage.setStyle('opacity', '0.0');
	} else {
		promoImage = new Element('img', {
				'id': 'image_promo',
				'src': '/wp-content/themes/homeservicetree/images/slideshow/home_image_start.jpg',
				'usemap': '#map_home_1',
				'styles': {
					'opacity': '0.0'
				}
			}
		);
	}
	promoImage.inject(promoImage.parentNode);
	
	promoImage.set('tween', {duration: 'long'});
	promoImage.tween('opacity', '1.0');
}

function showNextImage() {
	// short-circuit if it's time to show the promo image
	if (checkForPromo()) {
		showPromo();
		return;
	}

	var currentImage = $('image_' + currentImageNum);
	if (currentImage == null)
		currentImage = $('image_promo');
		
	var nextImageNum = (currentImageNum == imageCount) ? 1 : currentImageNum + 1;

	// make sure the next image doesn't already exist
	var nextImage = $('image_' + nextImageNum);
	if (nextImage != null) {
		nextImage.setStyle('opacity', '0.0');
	} else {
		nextImage = new Element('img', {
				'id': 'image_' + nextImageNum,
				'src': '/wp-content/themes/homeservicetree/images/slideshow/home_image_' + nextImageNum + '.jpg',
				'usemap': '#map_home_' + nextImageNum,
				'styles': {
					'opacity': '0.0'
				}
			}
		);
	}
	nextImage.inject(currentImage.parentNode);
	
	nextImage.set('tween', {duration: 'long'});
	nextImage.tween('opacity', '1.0');

	currentImageNum = nextImageNum;
	
	preloadNextImage();
}

function startImageAnimation() {
	if ($('homeSplash') == null) return;
	
	if (imageLoopInterval != null)
		clearInterval(imageLoopInterval);
	
	preloadNextImage();
	imageLoopInterval = setInterval('showNextImage()', imageDelay * 1000);
}

var hideMenuTimeout = null;

function showMenu() {
	clearTimeout(hideMenuTimeout);
	$('subnavArticles').setStyle('display', 'block');
}

function hideMenu() {
	hideMenuTimeout = setTimeout("$('subnavArticles').setStyle('display', 'none');", 10);
}

var hideMenuTimeout2 = null;

function showMenu2() {
	clearTimeout(hideMenuTimeout2);
	$('subnavBlog').setStyle('display', 'block');
}

function hideMenu2() {
	hideMenuTimeout2 = setTimeout("$('subnavBlog').setStyle('display', 'none');", 10);
}

function showTabone() {
	$('sideone').setStyle('display', 'block');
	$('sidetwo').setStyle('display', 'none');
	
	$('tabone').setStyle('border-bottom', '1px solid #fff');
	$('tabtwo').setStyle('border-bottom', '1px solid #ccc');
}

function showTabtwo() {
	$('sidetwo').setStyle('display', 'block');
	$('sideone').setStyle('display', 'none');
	
	$('tabtwo').setStyle('border-bottom', '1px solid #fff');
	$('tabone').setStyle('border-bottom', '1px solid #ccc');
}

function initMenu() {

	$('articlesNavBtn').addEvent('mouseenter', showMenu);	
	$('articlesNavBtn').addEvent('mouseleave', hideMenu);		

	$('subnavArticles').addEvent('mouseenter', showMenu);	
	$('subnavArticles').addEvent('mouseleave', hideMenu);
	
	$('blogNavBtn').addEvent('mouseenter', showMenu2);	
	$('blogNavBtn').addEvent('mouseleave', hideMenu2);		

	$('subnavBlog').addEvent('mouseenter', showMenu2);	
	$('subnavBlog').addEvent('mouseleave', hideMenu2);
	
	$('sideoneBtn').addEvent('click', showTabone);	
	$('sidetwoBtn').addEvent('click', showTabtwo);

}

window.addEvent('domready', function() {
	startImageAnimation();
	initMenu();
});