$(document).ready(function() {

    $("#HomeBannerButton1").click(function(){    
        
    })      

    $("#HomeBannerButton1").hover(
      function () {
        $("#HomeBannerRight").removeClass("HomeBannerRight");
        $("#HomeBannerRight").addClass("HomeBannerRight1");
      }, 
      function () {
        $("#HomeBannerRight").removeClass("HomeBannerRight1");
        $("#HomeBannerRight").addClass("HomeBannerRight");
      }
    );
    
    $("#HomeBannerButton2").hover(
      function () {
        $("#HomeBannerRight").removeClass("HomeBannerRight");
        $("#HomeBannerRight").addClass("HomeBannerRight2");
      }, 
      function () {
        $("#HomeBannerRight").removeClass("HomeBannerRight2");
        $("#HomeBannerRight").addClass("HomeBannerRight");
      }
    );
    
    $("#HomeBannerButton3").hover(
      function () {
        $("#HomeBannerRight").removeClass("HomeBannerRight");
        $("#HomeBannerRight").addClass("HomeBannerRight3");
      }, 
      function () {
        $("#HomeBannerRight").removeClass("HomeBannerRight3");
        $("#HomeBannerRight").addClass("HomeBannerRight");
      }
    );

})