var currentitem = 0 ;

var items = [];

var first = true;

$(document).ready( function() {
		
						
	$(".imageHolder .art").each( function(){
	
		if (first == false)
		{
			$(this).css('display', 'none');
		}
		else
		{
			first = false;
		}
		
		items.push( $(this) );
	
	});
	
	
	$(".next").click( function() {
		
		$(".imageHolder .art").css('display', 'none');
		
		var nextitem = currentitem + 1;
		
		
		if ( nextitem < items.length )
		{
			items[nextitem].css('display', 'block');
		}
		else
		{
			items[0].css('display', 'block');
			nextitem = 0;
		}
		
		currentitem = nextitem;
	});
	
	
	$(".prev").click( function() {
		
		$(".imageHolder .art").css('display', 'none');
		
		var nextitem = currentitem - 1;
		
		if ( nextitem >= 0 )
		{
			items[nextitem].css('display', 'block');
		}
		else
		{
			nextitem = items.length - 1;
			items[nextitem].css('display', 'block');
		}
		
		currentitem = nextitem;
	});
	
});