/*
* Namespace for Moti Mahal
*/
var MM = window.MM ||
{};

MM.Moti = {};
var imagesVisible = 4;
var currentImage = 0;
var imageWidth = 164;


MM.Moti.Gallery = (function() {
	var slideshowEngine;
	var config = {
		fadeInterval: 6000,
		fadeSpeed: 1000,
		delay: 800
	};
	function setStripLength() {
		var imageCount = 0;
		var galleryStrip = "";

		if (document.getElementById('imagestrip') != null) {
			galleryStrip = document.getElementById('imagestrip');
		}
		if (document.getElementById('ctl00_Gallery_imageCount') != null) {
			imageCount = document.getElementById('ctl00_Gallery_imageCount').value;
			pxSize = (imageWidth * imageCount) + 10;
			galleryStrip.style.width = pxSize + 'px';
		}
	}

	function create() {
		if ($('#gallery_section')) {

			// create slideshow and set up image array
			slideshowEngine = new imageslideshowEngine();
			slideshowEngine.images = $('#images img').get();
			setStripLength();
			// set up control click event handlers
			$('#imagestrip img').css({
				cursor: 'pointer'
			});
			$('#imagestrip img').each(function(i) {
				$(this).click(function(e) {
					selectImage(i);
					e.preventDefault();
				});
			});

			//setup move left event handler
			$("#gallerygroup #moveleft").click(function(e) {
				if (currentImage > 0) {
					currentImage -= 1;
					var galleryStrip = document.getElementById('imagestrip');
					var newLeft = '-' + (currentImage * imageWidth) + 'px';
					galleryStrip.style.left = newLeft;
				}
				return false;

				e.preventDefault();
			});
			//setup move right event handler and the minus 30 gets rid of the extra space after the last image
			$("#gallerygroup #moveright").click(function(e) {
				var imageCount = document.getElementById('ctl00_Gallery_imageCount').value

				if (currentImage < (imageCount - imagesVisible)) {
					currentImage += 1;
					var galleryStrip = document.getElementById('imagestrip');
					var newLeft = '-' + (currentImage * imageWidth - 30) + 'px';
					galleryStrip.style.left = newLeft;
				}
				return false;
				e.preventDefault();
			});



			$('#pause').click(function(e) {
				pause();
				e.preventDefault();
			});
			$('#play').click(function(e) {
				unpause();
				e.preventDefault();
			});

			// start the engine
			slideshowEngine.init(config.fadeInterval, config.fadeSpeed, imageSwitched, config.delay);
		}
	}

	function selectImage(i) {
		slideshowEngine.jumpToPair(i, true);
		imageSwitched({
			to: i
		});
	}

	function imageSwitched(indexes) {
		// activate the indexed thumbnail, deactivate others
		$('#imagestrip img').eq(indexes.to).addClass('active').siblings().removeClass('active');
		$('#imagestrip .caption').fadeOut("fast");
		$('#imagestrip .caption').eq(indexes.to).fadeIn("fast");
	}

	function pause() {
		if (slideshowEngine) {
			slideshowEngine.pauseEngine();
			$('#pause').addClass('pause_active');
			$('#play').removeClass('play_active');

		}
	}
	function unpause() {
		if (slideshowEngine) {
			slideshowEngine.unpauseEngine();
			$('#pause').removeClass('pause_active');
			$('#play').addClass('play_active');
		}
	}

	return {
		create: create,
		selectImage: selectImage,
		imageSwitched: imageSwitched,
		pause: pause,
		unpause: unpause
	}; s

} ());
$(document).ready(MM.Moti.Gallery.create);