(function( $ ) {
	'use strict';

	/**
	* All of the code for your public-facing JavaScript source
	* should reside in this file.
	*
	* Note: It has been assumed you will write jQuery code here, so the
	* $ function reference has been prepared for usage within the scope
	* of this function.
	*
	* This enables you to define handlers, for when the DOM is ready:
	*
	* $(function() {
	*
	* });
	*
	* When the window is loaded:
	*
	* $( window ).load(function() {
	*
	* });
	*
	* ...and/or other possibilities.
	*
	* Ideally, it is not considered best practise to attach more than a
	* single DOM-ready or window-load handler for a particular page.
	* Although scripts in the WordPress core, Plugins and Themes may be
	* practising this, we should strive to set a better example in our own work.
	*/

	/* Randomise page background image */

	/* We use PHP to read the directory contents */
	var filesJSON = '["Monroe-Background-2022-10.jpg","Monroe-Background-2022-11.jpg","Monroe-Background-2022-12.jpg","Monroe-Background-2022-13.jpg","Monroe-Background-2022-9.jpg","bg-image-01.jpg","bg-image-02.jpg","bg-image-03.jpg","bg-image-04.jpg","bg-image-05.jpg","bg-image-06.jpg","bg-image-07.jpg","bg-image-08.jpg"]';

	/* Convert to JS array */
	var bgImages = JSON.parse(filesJSON);

	//console.log(bgImages);

	/* Choose a random image */
    var bgImageIndex = Math.floor(Math.random() * bgImages.length);

	$(function() {
		$("body #content").css("background-image", "url(/wp-content/plugins/driv-background-images/public/js/images/"+bgImages[bgImageIndex]+")");
		// Omit the home page
		$("body.home #content").css("background-image", "none");
	});

})( jQuery );