function removeHover(containerName) {
    $("#"+containerName+" b").removeClass('shiftTop');
    $("#"+containerName+" b").addClass('shiftNone');
    $("#"+containerName+" .circleValue").removeClass('valueActive');
}
function onRemoveHover(){removeHover('chartPipe1Container');removeHover('chartPipe2Container');}

function addHover(id, idV) {
    $("#"+idV).addClass('valueActive');
    $("#chartPipe1Container b").removeClass('shiftNone');
    $("#chartPipe2Container b").removeClass('shiftNone');
    $("#"+id+" b").addClass('shiftTop')
}

$(document).ready(function() {
    // add bubble tips
    $('.tt').each(function(index) {
        $(this).bubbletip($('#' + $(this).attr('id') + '_txt'));
    });
    // remove click behavior
    $('#ITSolutions ul li a').click(function(){return false;});

    // charts hover added
    $('#chartPipe1Container .circleDescription, #chartPipe2Container .circleDescription').hover(
        function(){
            var currentId = $(this).attr('id');
            var currentIdValue = currentId + "_value";
            addHover(currentId, currentIdValue);
        },
        onRemoveHover
    );
    $('#chartPipe1Container .circleValue, #chartPipe2Container .circleValue').hover(
        function(){
            var currentIdValue = $(this).attr('id');
            var currentId = currentIdValue.substring(0,currentIdValue.indexOf("_"));
            addHover(currentId, currentIdValue);
        },
        onRemoveHover
    );
});