var promoID = 0;
var imageID = 0;
var homeImage = ["","images/homePic1.jpg","images/homePic2.jpg","images/homePic3.jpg","images/homePic4.jpg","images/homePic5.jpg","images/homePic6.jpg"];

// Run on page load
$(function() 
{ 
  // Preload images
  preload(homeImage);

  // Hover effect on thumbs
  $("#home_thumbs img").hover(
    function() {
      $(this).css("border","1px solid #000000");
    }, function() {
      if( !$(this).hasClass("active") ) {
        $(this).css("border","1px solid #FFFFFF");
      }
    }
  );
  
  // Click action on thumbs
  $("#home_thumbs a").click(
    function() {
      // Change the thumbnail outline
      $("#home_thumbs img.active").removeClass("active");
      $("#home_thumbs img").css("border","1px solid #FFFFFF");
      $(this).find("img").addClass("active");
      $(this).find("img").css("border","1px solid #000000");
      // Get the promo ID
      promoID = $(this).attr("rel");
      // Change the image
      imageID = promoID.replace(/promo/, "");
      $("#promoPic").attr("src", homeImage[imageID] );
      // Display the associated text
      $("#home_text p").addClass("hide");
      $("#home_text p."+promoID).removeClass("hide");
    }
  );

});