(function($){
	
	$.randomImage = {
		defaults: {
			path: 'fileadmin/templates/intro/foto/',
			myImages: ['1.jpg', '2.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.jpg', '9.jpg', '10.jpg', '11.jpg', '12.jpg', '13.jpg', '14.jpg']
		}			
	}
	
	$.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();
});