keyVisualConActive = new Image();
keyVisualConInActive = new Image();
keyVisualSolActive = new Image();
keyVisualSolInActive = new Image();

keyVisualConActive.src = "./img/key_vis_consulting_active.png";
keyVisualConInActive.src = "./img/key_vis_consulting_inactive.png";
keyVisualSolActive.src = "./img/key_vis_solutions_active.png";
keyVisualSolInActive.src = "./img/key_vis_solutions_inactive.png";

$(document).ready(function(){
    $("#keyVisualConsultingContainer").hover(function() {
            document.getElementById('keyVisCon').src = keyVisualConActive.src;
            document.getElementById('keyVisSol').src = keyVisualSolInActive.src;
            document.getElementById('keyVisCon').className = 'keyVisualOpacityHover';
            document.getElementById('keyVisSol').className = 'keyVisualOpacity';
            $("#keyVisualSolutionsImage").fadeOut('normal', function() { 
            $("#keyVisualSolutionsImage").css('z-index', 9);
            $("#keyVisualConsultingImage").show();  
        });
    });
    
    
    $("#keyVisualSolutionsContainer").hover(function() {
            document.getElementById('keyVisCon').src = keyVisualConInActive.src;
            document.getElementById('keyVisSol').src = keyVisualSolActive.src;
            document.getElementById('keyVisCon').className = 'keyVisualOpacity';
            document.getElementById('keyVisSol').className = 'keyVisualOpacityHover';
            $("#keyVisualSolutionsImage").fadeIn('normal', function() {
            $("#keyVisualConsultingImage").css('z-index', 9)
            $("#keyVisualSolutionsImage").show();   
        });
    });
});