var indexPath = '../wp-content/themes/clean2/';

function loadList() {
	console.log('loadList');
	$.getJSON('../_js/gallery.json',function(data) {
	console.log('getJSON');
		for (x in data) {
			$('#work-list').append('<li><a id="'+ data[x].id +'"><img src="'+indexPath+'images/gallery/'+ data[x].id +'-th.jpg"/></a></li>');
		};
		$('#work-list li:first-child').addClass('selected');
		populateViewer($('#work-list li:first-child a').attr('id'));
	
	});

}

function populateViewer(item) {
	$.getJSON(indexPath+'js/gallery.json',function(data) {
		$('#work-details .visual .image').css({'background':'url("'+indexPath+'images/gallery/'+item+'-full.jpg") no-repeat'});
		$('#work-details .info h3').text(data[item].title);
		$('#work-details .info li.responsible span').text(data[item].responsible);
		for (x in data[item].tools) {
			$('#work-details .info li.tools ul').append('<li>'+ data[item].tools[x] +'</li>');
		}
		$('#work-details .info li.descrip span').text(data[item].descrip);
		if (data[item].url) {
			$('#work-details .info li.url span').html('<a href="'+ data[item].url +'">'+ data[item].urltext +'</a>');
		} else {
			$('#work-details .info li.url span').html(data[item].urltext);		
		}
	});
	
}

$(document).ready(function(){
	loadList();
	
	// Jump to top button
	$('#jump-top a').click(function(){
		 $('html, body').scrollTop(0);
		 return false;
	});

	// Listener for left/right arrows on the gallery viewer
	$('.work-nav').click(function() {
		var currentItem = $('#work-list li.selected a').attr('id');
		var firstItem = $('#work-list li:first-child a').attr('id');
		var lastItem = $('#work-list li:last-child a').attr('id');
		var newID;
		
		if ($(this).attr('id').match('next')) {
			if (currentItem.match(lastItem)){
				newID = firstItem;
			} else {
				newID = $('#work-list li.selected')
					.next('li')
					.children('a')
					.attr('id');				
			}
		} else { 
			if (currentItem.match(firstItem)){
				newID = lastItem;
			} else {
				newID = $('#work-list li.selected')
					.prev('li')
					.children('a')
					.attr('id');				
			}			
		}
		$('#work-list li a#'+newID).trigger('click');	
	});	
	
	// Listener for directly clicking on a thumbnail
	$('#work-list li').live('click',function() {
		$('#work-list li').removeClass('selected');
		$('#work-details .info li.tools ul').empty();
		var item = $(this).children('a').attr('id');
		$('#work-details .info .details-wrapper,#work-details .visual .image').hide();
		populateViewer(item);
		$('#work-details .info .details-wrapper,#work-details .visual .image').fadeIn(100);
		$('#work-list li #'+item).closest('li').addClass('selected');	
	});
	
});