function loadImage(ID)
{
	var Path = '/plugins/Gallery/GalleryAjax.php?id='+ID;
	var AjaxLoader = new Ajax('MainImageHolder', Path, 'full' );
}

var currentThumbCol = 1;
var animating = false;

$(document).ready(
	function()
	{
	    $("#Previous").css("display","none");
	    if(thumbCols <= 1)
	    {
		    $("#Next").css("display","none");
	    }
    	
	    if(	thumbCols >= 2)
	    {
		    $("#Next").click( 
		    function()
		    {
		        if(!animating)
		        {
		            var left = $("#Items").css("left");
			        var newLeft = (left != "" ? parseInt(left.replace('px','')) - 204: -204);
			        if(left == null  || left == "")
			        {
				        $("#Items").css("left","0px");
			        }
			        animating = true;
			        $("#Items").animate({"left":newLeft},function(){ animating = false; });
			        currentThumbCol ++;
			        if(currentThumbCol >= thumbCols)
			        {
				        $("#Next").css("display","none");
			        }
			        if(currentThumbCol >= 2)
			        {
				        $("#Previous").css("display","block");
			        }
			        return false; // alternative syntax to stop the event
                }
            });
        }

	
	$("#Previous").click(function()
	{
		if(!animating)
		{
		    var left = $("#Items").css("left");
		    var newLeft = (left != "" ? parseInt(left.replace('px','')) + 204: 204);
		    animating = true;
		    $("#Items").animate({"left":newLeft},function(){ animating = false; });
		    currentThumbCol  --;
		    if(currentThumbCol <= (thumbCols -1))
		    {
			    $("#Next").css("display","block");
		    }
		    if(currentThumbCol == 1)
		    {
			    $("#Previous").css("display","none");
		    }
		    return false; // alternative syntax to stop the event
		}
	});


});