jQuery(document).ready(function() { 

	// default Explore Bar section title
	var textExploreSection = "";

    // enable tooltip for "explore_1" element. use the "fade" effect 
    jQuery("#explore_1").tooltip({ 
    relative: true,
    position: 'top left',
    offset: [2, 130],
    effect: 'toggle',
	onBeforeShow: function() {
		exploreOnBeforeShow(1);
		},
	onBeforeHide: function() {
		jQuery("#boxExploreSection2").text(textExploreSection);
		},
	onHide: function() {
		//this.getTrigger().removeClass("active");
		jQuery('#explore_1').removeClass('exploreActive');
		}
    });
    
	jQuery("#explore_2").tooltip({ 
	relative: true,
    position: 'top left',
    offset: [2, 130],
	effect: 'toggle',
	onBeforeShow: function() {
		exploreOnBeforeShow(2);
		},
	onBeforeHide: function() {
		jQuery("#boxExploreSection2").text(textExploreSection);
		},
	onHide: function() {
		//this.getTrigger().removeClass("active");
		jQuery('#explore_2').removeClass('exploreActive');
		}
	});
	
	jQuery("#explore_3").tooltip({ 
	relative: true,
    position: 'top left',
    offset: [2, 130],
	effect: 'toggle',
	onBeforeShow: function() {
		exploreOnBeforeShow(3);
		},
	onBeforeHide: function() {
		jQuery("#boxExploreSection2").text(textExploreSection);
		},
	onHide: function() {
		//this.getTrigger().removeClass("active");
		jQuery('#explore_3').removeClass('exploreActive');
		}
	});  
	
	jQuery("#explore_4").tooltip({ 
	relative: true,
    position: 'top left',
    offset: [2, 130],
	effect: 'toggle',
	onBeforeShow: function() {
		exploreOnBeforeShow(4);
		},
	onBeforeHide: function() {
		jQuery("#boxExploreSection2").text(textExploreSection);
		},
	onHide: function() {
		//this.getTrigger().removeClass("active");
		jQuery('#explore_4').removeClass('exploreActive');
		}
	});  
	
	jQuery("#explore_5").tooltip({ 
	relative: true,
    position: 'top left',
    offset: [2, 130],
	effect: 'toggle',
	onBeforeShow: function() {
		exploreOnBeforeShow(5);
		},
	onBeforeHide: function() {
		jQuery("#boxExploreSection2").text(textExploreSection);
		},
	onHide: function() {
		//this.getTrigger().removeClass("active");
		jQuery('#explore_5').removeClass('exploreActive');
		}
	});  
	
});

var sExploreText1 = new Array();
function exploreOnBeforeShow(iWhich) {
	jQuery('#explore_'+iWhich).addClass('exploreActive');
	if (sExploreText1[iWhich]) jQuery("#boxExploreSection2").text(sExploreText1[iWhich]);
}