/* jQuery random Image Script modified from http://www.robwalshonline.com/posts/jquery-plugin-random-image-on-page-load/ */

(function($){
	$.randomImage = {
		defaults: {
			//you can change these defaults to your own preferences.
			path: '/images/TAP2/', //change this to the path of your images
			myImages: ['IMG_7271_01.jpg', 'IMG_7281_01.jpg', 'IMG_7287_01.jpg', 'IMG_7287_01.jpg', 'IMG_7291_01.jpg', 'IMG_7300_01.jpg' ] //put image names in this bracket. ex: 'harold.jpg', 'maude.jpg', 'etc'
		}			
	}
	$.fn.extend({
        randomImage:function(config) {
            var config = $.extend({}, $.randomImage.defaults, config); 
            return this.each(function() {
                var imageNames = config.myImages;
                
                //get size of array, randomize a number from this
                // use this number as the array index
                var imageNamesSize = imageNames.length;
                var lotteryNumber = Math.floor(Math.random()*imageNamesSize);
                var winnerImage = imageNames[lotteryNumber];
                var fullPath = config.path + winnerImage;
                
                //put this image into DOM at class of randomImage
                // alt tag will be image filename.
                $(this).css("background-image","url("+fullPath+")");
            });
        }
	});	
})(jQuery);