var currentPage = 1;
var pages = 0;
var pagesOnScreen = 10;
var halfPagesOnScreen = pagesOnScreen / 2;

function paging(switchTo){
	if (pages>1){
		$("#ArtworkListing").html('');
		$("#ArtworkListing").css({background:"url(img/interface/ajax-loader.gif) no-repeat center center"}); 
		
		currentPage = switchTo;
		
		$("#Paging p").html('');
		printPage(1);
		
		if (pages>pagesOnScreen){
			start = (currentPage-halfPagesOnScreen)+1;
			finish = (currentPage+halfPagesOnScreen)-1
			if (start <= 1){start = 2; finish = start+8;}
			if (finish >= pages){finish = pages;start = finish-8;}
			for (i=start;i<finish;i++){
				printPage(i);
			}		 
			printPage(pages);
		}else{
			for (i=2;i<pages;i++){
				printPage(i);
			}
			printPage(pages);
		}
	}
	$.post("returnArtListing.php", { pageNumber : currentPage, catID: catID },
		  function(data){
			$("#ArtworkListing").html('<ul>');
			var liString = '';
			for( var i in data){
				liString = '<li>';
				
				if (loggedIn){
					liString += '<a href="javascript:deleteArt(' + data[i]['artID'] + ',\'' + data[i]['artName'] + '\');" title="Remove this artwork"  class="delete">';
					liString += 'Delete';
					liString += '</a>';
				}
				
				liString += '<a href="artwork/'+data[i]['artFullFileName']+'.jpg" rel="ShadowBox[Artwork]" title="' + data[i]['artName'] + '" tooltip="';
				if (loggedIn){
					liString +='<div class=\'editArtDetails\'>Edit details: <a href=\'javascript:editArt(' + data[i]['artID'] + ');\' title=\'save changes\' id=\'save'+data[i]['artID']+'\'>save</a><br/><input type=\'text\' value=\'' + data[i]['artName'] + '\' id=\'artName' + data[i]['artID'] + '\' /><textarea id=\'artDescription' + data[i]['artID'] + '\'>' + data[i]['artDescription'] +'</textarea></div>';
				}else{
					liString += '<strong>' + data[i]['artName'] + '</strong><br/>' + data[i]['artDescription'];
				}
				liString += '">';
				liString += '<img src="artwork/thumbs/' + data[i]['artFullFileName'] + '.png" alt="' + data[i]['artName'] + '"  />';
				liString += '</a>';
				liString += '</li>';
				
				
				$("#ArtworkListing ul").html($("#ArtworkListing ul").html()+liString);
			}
			$("#ArtworkListing").css({background:"none"}); 
			
			$('#ArtworkListing a[tooltip]').each(function()
			   {
				   if (loggedIn){
					   $(this).qtip({
							content: $(this).attr('tooltip'),
							style: {
							border: {width: 2, radius: 4 },
							name: 'dark', tip: true },
							position: { corner: { target: 'bottomMiddle', tooltip: 'topMiddle' } },
							hide: { fixed: true }
							});
			   			
				   }else{
					   $(this).qtip({
							content: $(this).attr('tooltip'),
							style: {
							border: {width: 2, radius: 4 },
							name: 'dark', tip: true },
							position: { corner: { target: 'bottomMiddle', tooltip: 'topMiddle' } }
							});
				   }
			});	   
				   
				   
				
			$('#ArtworkListing a.delete[title]').qtip({
					   style: {
							border: {width: 2, radius: 4 },
							name: 'cream',
							tip: true
						},
					   position: { corner: { target: 'topMiddle', tooltip: 'bottomMiddle' } }
					   });
			Shadowbox.setup();	
		  }, "json");
}
function printPage(i){
	if (i == currentPage){
		$("#Paging p").html($("#Paging p").html() + '<a href="javascript:paging('+i+');" class="current" title="Goto page '+i.toString()+'">' + i.toString() + '</a>');
	}else{
		$("#Paging p").html($("#Paging p").html() + '<a href="javascript:paging('+i+');" title="Goto page '+i.toString()+'">' + i.toString() + '</a>');

	}
}


$(document).ready(function () {
	Shadowbox.init({ skipSetup: true, enableKeys: false });
	$.post("returnArtCount.php", {}, 
		function(data){
			pages = data.pages;
			paging(currentPage);
		}, "json");
});