document.observe("dom:loaded", function() {
	// Show the gallery pack
	var searchParams = document.location.search.toQueryParams();
	var gid = searchParams.gid;
	var pictures = [];
	var currentImage = 0;
	var numImages = 0;
	var basePath = '/content/';
	var galleryPath = '';
	
	new Ajax.Request('/ajax/gallery.php?gid='+gid, {
		onSuccess: function(transport) {
			pictures = transport.responseText.evalJSON(true);
			galleryPath = pictures.path;
			gtitle = pictures.gtitle;
			$('pickPackGallery').update(gtitle);
			pictures = pictures.pictures;
			numImages = (pictures.length)-1;
			updateGallery(currentImage);
		}
	});
	
	if(!Object.isUndefined(gid))
	{
		//useless eyecandy
		var pageAnchor = $('tourPicsPack');
		var delta = pageAnchor.offsetTop-document.viewport.getScrollOffsets().top+pageAnchor.getHeight();
		new Effect.Scroll(window,{y:delta,duration:0.4,delay:1.5});
	}
	
	//gallery functions
	function updateGallery(image)
	{
		string = '<img src="/ajax/getimage.php?pid='+pictures[image].pid+'&width=375&height=284" alt=""/>'
		$('PackImage').update(string);
		//$('pickPackTitle').update(pictures[image].title);
		introdesc = '<span class="first-sentence">'+unescape(pictures[image].descintro)+'</span>';
		$('picPackDesc').update(introdesc+unescape(pictures[image].description));
		currentImage = image;
	}
	
	function getNextImage(dir)
	{
		var nextImage = 0;
		if(dir=='prev')
		{
			if(currentImage==0) nextImage = numImages;
			else nextImage = currentImage - 1;
		}
		else
		{
			if(currentImage==numImages) nextImage = 0;
			else nextImage = currentImage + 1;
		}
		updateGallery(nextImage);
	}
	
	//events
	$('picPackNavPrev').observe("click", function() {
		getNextImage('prev');		
	});
	$('picPackNavNext').observe("click", function() {
		getNextImage('next');		
	});
});