// jquery preload images
(function($) {
  var cache = [];
  // Arguments are image paths relative to the current page.
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      cache.push(cacheImage);
    }
  }
})(jQuery)

$(document).ready(function() {
    $("#nav img:not(#logo)").mouseover(function(){
        var source = this.src; // ./images/buttons/about.png
        // get button name
        var button = source.slice(source.lastIndexOf("/")+1,source.lastIndexOf("."));
        if(button != 'logo'){
            this.src = './images/buttons/mouseover/' + button + '_mouseover.png';
        }
    });
    $("#nav img:not(#logo)").mouseout(function(){
        var source = this.src; // ./images/buttons/about.png
        // get button name

        var button = source.slice(source.lastIndexOf("/")+1,source.lastIndexOf("_"));
        this.src = './images/buttons/' + button + '.png';
    });

     $("#footer img").mouseover(function(){
        var source = this.src; // ./images/buttons/about.png
        // get button name
        var button = source.slice(source.lastIndexOf("/")+1,source.lastIndexOf("."));
        this.src = './images/buttons/mouseover/' + button + '_mouseover.png';
    });
    $("#footer img").mouseout(function(){
        var source = this.src; // ./images/buttons/about.png
        // get button name
        var button = source.slice(source.lastIndexOf("/")+1,source.lastIndexOf("_"));
        this.src = './images/buttons/' + button + '.png';
    });
    jQuery.preLoadImages(   "./images/buttons/mouseover/about_mouseover.png",
                            "./images/buttons/mouseover/news_mouseover.png",
                            "./images/buttons/mouseover/thetea_mouseover.png",
                            "./images/buttons/mouseover/speaktous_mouseover.png",
                            "./images/buttons/mouseover/teahouse_mouseover.png",
                            "./images/buttons/mouseover/links_mouseover.png",
                            "./images/buttons/mouseover/allofourtea_mouseover.png",
                            "./images/buttons/mouseover/blackteaandpuerh_mouseover.png",
                            "./images/buttons/mouseover/greensandwhites_mouseover.png",
                            "./images/buttons/mouseover/yellowsandoolongs_mouseover.png",
                            "./images/buttons/mouseover/rooibos_mouseover.png",
                            "./images/buttons/mouseover/herbalsandmasalas_mouseover.png",
                            "./images/buttons/mouseover/fruit_mouseover.png",
                            "./images/buttons/mouseover/organic_mouseover.png",
                            "./images/buttons/mouseover/accessories_mouseover.png",
                            "./images/buttons/mouseover/indexfooter_mouseover.png",
                            "./images/buttons/mouseover/indexfooter2_mouseover.png",
                            "./images/buttons/mouseover/aboutfooter2_mouseover.png",
                            "./images/buttons/mouseover/teahousefooter_mouseover.png"
                        );

});