$(document).ready(function() {
	
	$('div#department-options h2').hover(  
		function() {  
			$(this).addClass('highlight');  
		},  
		function() {  
			$(this).removeClass('highlight');
		}  
	);

	var galleries = $('.ad-gallery').adGallery({
		loader_image: '../../../depts/socialwork/collateral/img/loader.gif',
		// width: 900, // Width of the image, set to false and it will read the CSS width
		// height: 550, // Height of the image, set to false and it will read the CSS height
		thumb_opacity: 0.7, // Opacity that the thumbs fades to/from, (1 removes fade effect)
		// Note that this effect combined with other effects might be resource intensive
		// and make animations lag
		start_at_index: 0, // Which image should be displayed at first? 0 is the first image
		animate_first_image: false, // Should first image just be displayed, or animated in?
		animation_speed: 100, // Which ever effect is used to switch images, how long should it take?
		display_next_and_prev: false, // Can you navigate by clicking on the left/right on the image?
		display_back_and_forward: false, // Are you allowed to scroll the thumb list?
		scroll_jump: 0, // If 0, it jumps the width of the container
		slideshow: {
			enable: true,
			autostart: true,
			// enable: false,
			// autostart: false,
			speed: 3000,
			start_label: 'Start',
			stop_label: 'Stop',
			stop_on_scroll: true, // Should the slideshow stop if the user scrolls the thumb list?
			countdown_prefix: '(', // Wrap around the countdown
			countdown_sufix: ')',
			onStart: function() {
			},
			onStop: function() {
			}
		},
		// effect: 'slide-hori', // or 'slide-vert', 'resize', 'fade', 'none' or false
		enable_keyboard_move: true, // Move to next/previous image with keyboard arrows?
		cycle: true, // If set to false, you can't go from the last image to the first, and vice versa
		// All callbacks has the AdGallery objects as 'this' reference
		callbacks: {
			// Executes right after the internal init, can be used to choose which images
			// you want to preload
			init: function() {
				// preloadAll uses recursion to preload each image right after one another
				// this.preloadAll();
				// Or, just preload the first three
				this.preloadImage(0);
				this.preloadImage(1);
				this.preloadImage(2);
				// this.preloadImage(2);
			}
			// ,
			// // This gets fired right after the new_image is fully visible
			// afterImageVisible: function() {
			// 	// For example, preload the next image
			// 	var context = this;
			// 	this.loading(true);
			// 	this.preloadImage(this.current_index + 1,
			// 		function() {
			// 			// This function gets executed after the image has been loaded
			// 			context.loading(false);
			// 		}
			// 	);
			// 	
			// 	// WF also, set the highlight background
			// 	// $('div#department-options h2').removeClass('highlight-faint');
			// 	// $('div#department-options h2:eq('+this.current_index+')').addClass('highlight-faint');
			// 	
			// 
			// },
			// // This gets fired right before old_image is about to go away, and new_image
			// // is about to come in
			// beforeImageVisible: function(new_image, old_image) {
			// 	// Do something wild!
			// }
		}
	});




});