var fotobrowser = {
	id: 0,
	item: 0,
	lastItem: 0,
	init: function() {
		fotobrowser.lastItem = parseInt($('.browser').length-1);
		$('.browser').each(function() {
			$(this).click(function() {
				var id_item = $(this).attr('id').split('_');
				fotobrowser.open(
					id_item[0],
					id_item[1]
				);
			});
		});
		$('#overlay').click(fotobrowser.close);
		$('#fotobrowser_close').click(fotobrowser.close);
		$('#fotobrowser_prev').click(fotobrowser.prev);
		$('#fotobrowser_next').click(fotobrowser.next);
	},
	
	open: function(id,i) {
		fotobrowser.id = id;
		fotobrowser.item = i;
		
		$('#fotobrowser_content').load('portfolio.php?id='+fotobrowser.id+"&item="+$('#'+fotobrowser.id+'_'+fotobrowser.item).attr('code'));
		if (i < parseInt(fotobrowser.lastItem)) {
			$('#fotobrowser_next').show();
		} else { 
			$('#fotobrowser_next').hide();
		}
		if (i > 0) {
			$('#fotobrowser_prev').show();
		} else { 
			$('#fotobrowser_prev').hide();
		}
		
		$('#overlay').show();
		$('#fotobrowser').show();
	},
	
	next: function() {
		fotobrowser.open(fotobrowser.id, parseInt(fotobrowser.item)+1);
	}, 
	
	prev: function() {
		fotobrowser.open(fotobrowser.id, parseInt(fotobrowser.item)-1);
	},
	
	close: function() {
		$('#overlay').hide();
		$('#fotobrowser').hide();
	}
};

$(document).ready(fotobrowser.init);