var isGalleryMode = false;
var gallery_images_pos = 0; 
var selectedImageId = 0;

var showGallery = function (nr)
{
	$("#paging").show();
	$("#gallery").show();
	$("#selected-image").hide();
	showPage(0);
}

var showImage = function (nr)
	{
			
			//showPage(nr);
		
			//alert (selectedImageId);
			selectedImageSrc = $("#image-"+(nr)).find('img').attr('src');
			
			if (selectedImageSrc == undefined)
			{
				selectedImageId = 0;
				nr = 0;
				selectedImageSrc = $("#image-0").find('img').attr('src');
			}
			selectedImageSrc = selectedImageSrc.split("sizey=100&sizex=1000").join("sizey=400&sizex=574");
			
			selectedImageSrc2 = $("#image-"+(nr+2)).find('img').attr('src');
			
			if (selectedImageSrc2 == undefined)
			{
				selectedImageSrc2 = $("#image-1").find('img').attr('src');
			}
			
			selectedImageSrc2 = selectedImageSrc2.split("sizey=100&sizex=1000").join("sizey=400&sizex=574");
			
			$("#selected-image").html("<img src=\""+ selectedImageSrc+"\" /><img style=\"display:none;\" src=\""+ selectedImageSrc2+"\" />");

			if (nr == 0)
			{
				$("#paging").html ("<li><a href=\"#\" onClick=\"showGallery();return false;\">< back to gallery</a></li><li class=\"disable\"><a href=\"#\" onClick=\"return false;\">previous</a></li><li><a href=\"#\" onClick=\"selectedImageId++;showImage("+(parseInt(nr)+1)+");return false;\">next</a></li> ");
			}
			else
			{
				$("#paging").html ("<li><a href=\"#\" onClick=\"showGallery();return false;\">< back to gallery</a></li><li><a href=\"#\" onClick=\"showImage("+(parseInt(nr)-1)+");return false;\">previous</a></li><li><a href=\"#\" onClick=\"selectedImageId++;showImage("+(parseInt(nr)+1)+");return false;\">next</a></li> ");
			}
			Cufon.replace('.paging li', { fontFamily: 'din-medium', hover: true });		

			//$("#paging").html ($("#paging").html()+" <li><a href=\"#\" onClick=\"showPage("+(selectedPage-1)+");return false;\">previous</a></li> ");

	}
	
$(document).ready(function()
{
	
	
	var gallery_images = $( "li[id ^= 'image-' ]");

	var c = 0; 

	$( "li[id ^= 'image-' ]").each(function()
	{
		$(this).click(function () 
		{ 			
			selectedImageSrc = $(this).find('img').attr('src').split("sizey=100&sizex=1000").join("sizey=400&sizex=574");
			selectedImageId = parseInt($(this).attr('id').split("image-").join(""));
			$("#selected-image").html("");
			$("#gallery").hide ();
			showImage (selectedImageId);
			//$("#selected-image").html("<img id=\""+ selectedImageId +"\" title=\"click to view next image\" alt=\"click to view next image\" src=\""+ selectedImageSrc+"\" />");
			$("#paging").show();
			$("#selected-image").show();
			c++;
			isGalleryMode = true;
	    });

	});
	
	

	
	
	$("#selected-image").click(function () 
	{		
			selectedImageId++;
			showImage (selectedImageId);
	});
		
});