/// <reference path="jquery-intellisense.js />

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$.preloadImages("../images/hp-01_on", "../images/hp-02_on", "../images/hp-03_on", "../images/hp-04_on", "../images/resident-design-1-big-1.jpg", "../images/resident-design-1-big-2.jpg", "../images/resident-design-1-big-3.jpg", "../images/resident-design-1-big-4.jpg", "../images/resident-design-1-big-5.jpg", "../images/resident-design-1-big-6.jpg", "../images/resident-design-1-big-7.jpg", "../images/resident-design-1-big-8.jpg", "../images/resident-design-2-big-1.jpg", "../images/resident-design-2-big-2.jpg", "../images/resident-design-2-big-3.jpg", "../images/resident-design-2-big-4.jpg", "../images/resident-design-2-big-5.jpg", "../images/resident-design-2-big-6.jpg", "../images/resident-design-2-big-7.jpg", "../images/resident-design-2-big-8.jpg", "../images/resident-design-3-big-1.jpg", "../images/resident-design-3-big-2.jpg", "../images/resident-design-3-big-3.jpg", "../images/resident-design-3-big-4.jpg", "../images/resident-design-3-big-5.jpg", "../images/resident-design-3-big-6.jpg", "../images/resident-design-3-big-7.jpg", "../images/resident-design-3-big-8.jpg");


$(document).ready(function() {
    $("li.color a").each(
        function(i, val) {
            // Add an ID to all the images
            $("#imgHolder img")[i].id = "imgToBeReplaced_" + i;

            //add an onmouseover to all of the a tags
            var path = $("#imgToBeReplaced_" + i).attr("src");

            $(val).hover(
                function() { $("#imgToBeReplaced_" + i).attr('src', path.replace("_off", "_on")) },
                function() { $("#imgToBeReplaced_" + i).attr('src', path.replace("_on", "_off")) }
            );

            $("#imgToBeReplaced_" + i).hover(
                function() { $("#imgToBeReplaced_" + i).attr('src', path.replace("_off", "_on")) },
                function() { $("#imgToBeReplaced_" + i).attr('src', path.replace("_on", "_off")) }
            );
        })

});