var visionTooltip1 = null;
var visionTooltip2 = null;
var visionTooltip3 = null;
var visionTooltip4 = null;
var visionTooltip5 = null;

document.observe('dom:loaded', function() {
	setValueVisionLayerStyles();
	
	registerSifrHandler('div#performance h4','#333333');
	registerSifrHandler('div#performance h2','#666666');
	
	registerSifrHandler('div#peoplee h4','#333333');
	registerSifrHandler('div#peoplee h2','#666666');
	
	registerSifrHandler('div#portfolio h4','#333333');
	registerSifrHandler('div#portfolio h2','#666666');
	
	registerSifrHandler('div#operational h4','#333333');
	registerSifrHandler('div#operational h2','#666666');
	
	registerSifrHandler('div#corporate h4','#333333');
	registerSifrHandler('div#corporate h2','#666666');
	
	visionTooltip1 = new Spry.Widget.Tooltip('spantooltip1','#firstTooltipTrigger');
	visionTooltip2 = new Spry.Widget.Tooltip('spantooltip2','#secondTooltipTrigger');
	visionTooltip3 = new Spry.Widget.Tooltip('spantooltip3','#thirdTooltipTrigger');
	visionTooltip4 = new Spry.Widget.Tooltip('spantooltip4','#fourthTooltipTrigger');
	visionTooltip5 = new Spry.Widget.Tooltip('spantooltip5','#fifthTooltipTrigger');
	
	$('vision-block').setStyle({display: 'none'});
	$$('.tooltipcontainer')[0].style.display = 'block';
	
	init_image_mapLayers();
});

function setValueVisionLayerStyles()
{
	$$('.visionblock h4').each( function(elm){
		elm.setStyle({
			fontSize: '18px',
			lineHeight: '21px',
			marginBottom: '10px'
		});						 
	});
	$$('.visionblock h2').each( function(elm){
		elm.setStyle({
			fontSize: '14px',
			lineHeight: '18px'  
		});						 
	});
}

function init_image_mapLayers( scope ) {
	trigger = $('fifthTooltipTrigger');
	if(trigger)
	{
		var id = 'performance';
		var elm = "<div id='lightbox-layer-"
				+ id
				+ "' class='lightbox-layer'><div class='close'><a href='javascript:void(0);'>";
		elm += "<span class='access'>Close Help Layer</span></a></div>";
		elm += "<div class='layer-content'><div id='layer-content-"
				+ id + "'></div></div></div>";
		new Insertion.Before(
				$('footer-position-placeholder'), elm);
		var node = $("lightbox-layer-" + id);
		var key = "lightbox-layer-" + id;
		GLOBAL_LAYER_CONTROLLER[key] = new InlineLightboxLayer(
				node, trigger, id);
	}
}