$(document).ready(function() {
  
  $("#stage1").hover(
    function () {
      $(this).css("background-image", "url(" + lg_site_root + "/images/1_on.png)");
      $("#stage2").css("background-image", "url(" + lg_site_root + "/images/2_off.png)");
      $("#stage3").css("background-image", "url(" + lg_site_root + "/images/3_off.png)");
      setMainStage(lg_site_root + "/images/" + main_stage_photo_1);
      $("#mainStage1").show();
      $("#mainStage2").hide();
      $("#mainStage3").hide();
    },
    function () {
      
    }
  );

  $("#stage2").hover(
    function () {
      $(this).css("background-image", "url(" + lg_site_root + "/images/2_on.png)");
      $("#stage1").css("background-image", "url(" + lg_site_root + "/images/1_off.png)");
      $("#stage3").css("background-image", "url(" + lg_site_root + "/images/3_off.png)");
      setMainStage(lg_site_root + "/images/" + main_stage_photo_2);
      $("#mainStage1").hide();
      $("#mainStage2").show();
      $("#mainStage3").hide();
    },
    function () {

    }
  );

  $("#stage3").hover(
    function () {
      $(this).css("background-image", "url(" + lg_site_root + "/images/3_on.png)");
      $("#stage1").css("background-image", "url(" + lg_site_root + "/images/1_off.png)");
      $("#stage2").css("background-image", "url(" + lg_site_root + "/images/2_off.png)");
      setMainStage(lg_site_root + "/images/" + main_stage_photo_3);
      $("#mainStage1").hide();
      $("#mainStage2").hide();
      $("#mainStage3").show();
    },
    function () {
      
    }
  );

});

function setMainStage(image) {
  $("#mainStage").css("background-image", "url(" + image + ")");
}