//Function to add hover rules to tabs on the website <ul class="tabList">
$(document).ready(
    function addTabListeners(){
        $(".tabItem").hover(
            function(){
            //hover over action
                $(this).find(".tabImage").hide();               //Hide the non-hover image
                $(this).find(".tabImageHover").show();          //Show the hover image
            },
            //hover out actions
            function(){
                $(this).find(".tabImageHover").hide();          //Hide the hover image
                $(this).find(".tabImage").show();               //Show the non-hover image
            }
        );
    }
);
            
         
