/* Author: Joyce Torphy

*/


//--------------------------------------------------------------------------- Toggling banner ->>

$('#icon-criminal-law').click(function() {
  $('#banner-image').attr("src","/wp-content/themes/kevinmmcneil/img/banner-criminal-law.jpg");
  $('#icon-criminal-law').addClass("current");
  $('#icon-personal-injury').removeClass("current");
  $('#icon-divorce').removeClass("current");
});
$('#icon-personal-injury').click(function() {
  $('#banner-image').attr("src","/wp-content/themes/kevinmmcneil/img/banner-personal-injury.jpg");
  $('#icon-criminal-law').removeClass("current");
  $('#icon-personal-injury').addClass("current");
  $('#icon-divorce').removeClass("current");
});
$('#icon-divorce').click(function() {
  $('#banner-image').attr("src","/wp-content/themes/kevinmmcneil/img/banner-divorce.jpg");
  $('#icon-criminal-law').removeClass("current");
  $('#icon-personal-injury').removeClass("current");
  $('#icon-divorce').addClass("current");
});

//--------------------------------------------------------------------------- Randomly loading banner ->>
//--------------------- Courtesy of 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: '/wp-content/themes/kevinmmcneil/img/', //change this to the path of your images
			myImages: ['criminal-law', 'personal-injury', 'divorce'] //put image names in this bracket, minus banner- prefix and .jpg suffix.
			
		}			
	}
	
	$.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 + 'banner-' + winnerImage + '.jpg';
						
						
						//put this image into DOM at class of randomImage
						// alt tag will be image filename.
						$(this).attr( {
										src: fullPath
									});
						$("#icon-" + winnerImage).addClass("current");
				
						
				});	
			}
			
	});
	
})(jQuery);

//--------------------------------------------------------------------------- Call randomly loading banner ->>
$('#banner-image').randomImage();