/*
 * Namespace for PP hotel
 */
var PP = window.PP ||
{};

PP.cardiff = {};
var imagesVisible = 6;
var currentImage = 0;
var imageWidth = 66;


PP.cardiff.Gallery = (function()
{
	var slideshowEngine;
	var config = {
		fadeInterval: 6000,
		fadeSpeed: 1000
	};
	function setStripLength()
{
 galleryStrip = document.getElementById('imagestrip');
 var imageCount = document.getElementById('image_count').value

 pxSize = (imageWidth * imageCount) + 10;
 galleryStrip.style.width = pxSize + 'px';
}
	function create()
	{
		if ($('body').hasClass('gallery')) 
		{
			// 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 #xmoveleft").click(function(e) {
                var vleft = $("#imagestrip").css("left");
                var vwidth = $("#imagestrip").css("width");
                vleft = parseInt(vleft.substring(0, vleft.length - 2)) - 300;
                vwidth = parseInt(vwidth.substring(0, vwidth.length - 2));                
                if ((vleft + vwidth) >= 500) {
                    $("#imagestrip").animate({
                        left: vleft
                    }, 500);
                }
                e.preventDefault();
            });
     $("#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
            $("#gallerygroup #xmoveright").click(function(e) {
                var vleft = $("#imagestrip").css("left");
                vleft = parseInt(vleft.substring(0, vleft.length - 2)) + 300;
                if (vleft <= 0) {
                    $("#imagestrip").animate({
                        left: vleft
                    }, 500);
                }
                e.preventDefault();
            });
            //the minus 30 gets rid of the extra space after the last image
                 $("#gallerygroup #moveright").click(function(e) {
                var imageCount = document.getElementById('image_count').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);
		}
	}
	
	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');
	}
	
	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
	};
	
}());


// initialisations

$(document).ready(PP.cardiff.Gallery.create);