$(function()
{

	
	var galleries = $('.ad-gallery').adGallery(
	{
		loader_image: '/images/ad-gallery/loader.gif',
		width: 706, // Width of the image, set to false and it will read the CSS width
		height: 248, // Height of the image, set to false and it will read the CSS height
		thumb_opacity: 1, // 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
		description_wrapper: $('#descriptions'), // Either false or a jQuery object, if you want the image descriptions
	                                           // to be placed somewhere else than on top of the image
		animate_first_image: false, // Should first image just be displayed, or animated in?
		animation_speed: 400, // Which ever effect is used to switch images, how long should it take?
		display_next_and_prev: true, // Can you navigate by clicking on the left/right on the image?
		display_back_and_forward: true, // Are you allowed to scroll the thumb list?
		scroll_jump: 0, // If 0, it jumps the width of the container
		slideshow:
		{
	    	enable: true,
	    	autostart: false,
	    	speed: 5000,
	    	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() 
	    	{
				// Do something wild when the slideshow starts
	    	},
	    	onStop: function()
		    {
				// Do something wild when the slideshow stops
		    }
		},
		effect: 'slide-hori', //'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 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);
			        }
				);
		
				// Want slide effect for every other image?
		      	if(this.current_index % 2 == 0)
		      	{
		        	this.settings.effect = 'slide';
		      	}
		      	else
		      	{
		        	this.settings.effect = 'fade';
		      	}*/
			},
		    // 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!
		    }
		}
		
	});
	
	
	/*
	$('#switch-effect').change(
		function()
		{
			galleries[0].settings.effect = $(this).val();
			return false;
		}
	);
	
	$('#toggle-slideshow').click(
		function()
		{
			galleries[0].slideshow.toggle();
			return false;
		}
	);
	
	$('#toggle-description').click(
		function()
		{
			if(!galleries[0].settings.description_wrapper)
			{
				galleries[0].settings.description_wrapper = $('#descriptions');
			}
			else
			{
				galleries[0].settings.description_wrapper = false;
			}
			
			return false;
		}
	);*/

});