// JavaScript Document
//random imagenes
	(function($){
		$.randomImage = {
			defaults: {
				//you can change these defaults to your own preferences.
				path: 'img/', //change this to the path of your images
				myImages: ['banner_lateral.jpg', 'banner_latera_1.jpg', 'banner_latera_2.jpg', 'banner_latera_3.jpg', 'banner_latera_4.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).attr( {
											src: fullPath,
											alt: winnerImage
										});
						});	
					}	
			});
	})(jQuery);

	$(document).ready(function(){
			$('.shuffle').randomImage({path: 'img/'});
	});