var c = 0;
var pageBreaks = Array();

function getDivHeight(objName) { 
    return boxHeight = document.getElementById(objName).clientHeight; 
} 		
			

var selectedPage = 0; 

function showPage(nr)
{
	var count = Math.floor((pageBreaks.length-1) / 3);
	
	
	
		selectedPage = nr;
		
		if (count > 1)
		{
			
			
			$("#paging").html ("");
			
			if (selectedPage > 0)
			{
					$("#paging").html ($("#paging").html()+" <li><a href=\"#\" onClick=\"showPage("+(selectedPage-1)+");return false;\">previous</a></li> ");
			}
			else
			{
				$("#paging").html ($("#paging").html()+" <li class=\"disable\"><a href=\"#\" onClick=\"return false;\">previous</a></li> ");
			}
			
			if (selectedPage < count-1)
			{
				$("#paging").html ($("#paging").html()+" <li><a href=\"#\" onClick=\"showPage("+(selectedPage+1)+");return false;\">next</a></li> ");
			}
			else
			{
				$("#paging").html ($("#paging").html()+" <li class=\"disable\"><a href=\"#\" onClick=\"return false;\">next</a></li> ");
			}
				
			Cufon.replace('.paging li', { fontFamily: 'din-medium', hover: true });		
			
			/*
			for (i = 0; i < count; i++)
			{
				if (i == selectedPage)
				{
					$("#paging").html ($("#paging").html()+" <li style=\"color:#E5352C\">"+(i+1)+" </li> ");
					}
				else
				{
					$("#paging").html ($("#paging").html()+ "<li><a href=\"#\"  onClick=\"showPage("+(i)+");return false;\">"+(i+1)+"  </a></li>");
				
				}
			}
			*/
		}
		else
		{
			$("#paging").html ("");
		}
	
	c = 0;
		
	$("li[id ^= 'image-' ]").each(function() {

		if (c >=(pageBreaks[nr*3] ) && c < (pageBreaks[(nr*3)+3]))
		 {
			
			$(this).css('display', 'block');
		 }
		 else
		 {
			
			 $(this).css('display', 'none');
		 }

		c++;
		
});
	
}

$(window).load(function()
{
	$("#selected-image").hide ();
	s = "";
	l = " ";
	c = 0;
	$("li[id ^= 'image-' ]").each (
		function() 
		{			
			 $(this).css('display', 'block');
			 s = getDivHeight('gallery');
			 if (s != l)
			 {
				 pageBreaks.push(c);
			 }
			 l = s;
			 c++;
	 	}
	);
    
	pageBreaks.push(c);
	pageBreaks.push(c);
	pageBreaks.push(c);
	
	showPage(0);
});

$(document).ready(function()
{
	$("#selected-image").html('LOADING GALLERY...');
	$("#selected-image").show ();
	Cufon.replace('#selected-image', { fontFamily: 'din-medium', hover: true });
	 
	$("li[id ^= 'image-' ]").each (
		function() 
		{			
			 $(this).css('display', 'none');
	 	}
	);
});