$(document).ready(function() {
    // default Explore Bar section title
    var textExploreSection = $("[id$='_lblExploreSectionHeader']").html();

    // enable tooltip for "explore_1" element. use the "fade" effect 
    $("#explore_1").tooltip({
        relative: true,
        position: 'top left',
        offset: [2, 130],
        effect: 'toggle',
        onShow: function() {
            exploreOnBeforeShow(1);
        },
        onHide: function() {
            //this.getTrigger().removeClass("active");
            $('#explore_1').removeClass('exploreActive');
            if (!activeExplorerItem())
                    $("#boxExploreSection2").text(textExploreSection);
        }
    });

    $("#explore_2").tooltip({
        relative: true,
        position: 'top left',
        offset: [2, 130],
        effect: 'toggle',
        onShow: function() {
            exploreOnBeforeShow(2);
        },
        onHide: function() {
            //this.getTrigger().removeClass("active");
            $('#explore_2').removeClass('exploreActive');
                if (!activeExplorerItem())
                    $("#boxExploreSection2").text(textExploreSection);
        }
    });

    $("#explore_3").tooltip({
        relative: true,
        position: 'top left',
        offset: [2, 130],
        effect: 'toggle',
        onShow: function() {
            exploreOnBeforeShow(3);
        },
        onHide: function() {
            //this.getTrigger().removeClass("active");
            $('#explore_3').removeClass('exploreActive');
            if (!activeExplorerItem())
                    $("#boxExploreSection2").text(textExploreSection);
        }
    });

    $("#explore_4").tooltip({
        relative: true,
        position: 'top left',
        offset: [2, 130],
        effect: 'toggle',
        onShow: function() {
            exploreOnBeforeShow(4);
        },
        onHide: function() {
            //this.getTrigger().removeClass("active");
            $('#explore_4').removeClass('exploreActive');
            if (!activeExplorerItem())
                    $("#boxExploreSection2").text(textExploreSection);
        }
    });

    $("#explore_5").tooltip({
        relative: true,
        position: 'top left',
        offset: [2, 130],
        effect: 'toggle',
        onShow: function() {
            exploreOnBeforeShow(5);
        },
        onHide: function() {
            //this.getTrigger().removeClass("active");
            $('#explore_5').removeClass('exploreActive');
            if (!activeExplorerItem())
                    $("#boxExploreSection2").text(textExploreSection);
        }
    });

});

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

function activeExplorerItem() {
    for (var i = 1; i <= 5; i++) {
        if ($('#explore_' + i).hasClass('exploreActive'))
            return true;
    }
    return false;
}