var tooltip_titles = [];

$(document).ready(function(){
	
	// Map hover
	$('.map ul li a').hover(function(){
		
		var top = $(this).offset().top + 10;
		var left = $(this).offset().left - 75;
		var index = $(this).parent().index();
		var title = $(this).attr('title');
		var tooltip = '<div id="tooltip" style="top: ' + top + 'px; left: ' + left + 'px"><span>' + title + '</span></div>';

		// Remove title and save to array
		$(this).attr('title', '');
		tooltip_titles[index] = title;

		// Show tooltip
		$(tooltip).appendTo('body');

	}, function() {

		var index = $(this).parent().index();

		// Add title back
		$(this).attr('title', tooltip_titles[index]);

		// Remove tooltip
		$('#tooltip').remove();

	});
	
	// Tabs hover
	$('.tabs ul li a').hover(function(){
		var index = $(this).parent().index();
		$('.tabs ul li').removeClass('selected');
		$(this).parent().addClass('selected');
		$('.tabs').css('background-image', 'url(/img/home_banner_' + index + '.jpg)');
	});
	
	// Pre-load tabs image backgrounds
	var cache = [];
	for (var i = 0; i <= 4; i++) {
		var cacheImage = document.createElement('img');
		cacheImage.src = '/img/home_banner_' + i + '.jpg';
		cache.push(cacheImage);
	}
});