// JavaScript Document
$(document).ready(function() { 
	//load gallery image
	$(function () {
		$('.thumbs img').click(function () {
			var image_loc = $(this).attr('src');
			image_loc = image_loc.replace("_thumbs", "_gall");
			$('#loader').html('').addClass('loading');
			loadImage(image_loc);
			//load project data
			$.post("descriptions.php", { txt_file: image_loc },
			function(data){
				//show the project details
				$('#description').html(data);
			});
		});
	});
	
	function loadImage(image_loc) {
		var img = new Image();
		$(img).load(function() {
			$(img).hide();
			$('#loader').removeClass('loading').html(img);
			$(img).fadeIn('slow');
		}).attr('src', image_loc);
	}
	
	//initialize buttons depending on size of content
	$('a.left').hide();
	var thumb_width = $('#thumbs_holder').width();
	var thumb_width_test = $('#thumbs').width();
	if (thumb_width_test > thumb_width) { thumb_width = thumb_width_test; }
	$('a.right').click(function(){
		$('a.left').fadeIn();
		$('#thumbs_scroll').scrollTo('+=92px', 200, { axis:'x' } );
		var right_off = $('#right').offset();
		var distance_right = right_off.left;
		var main_off = $('#thumbs').offset();
		var distance_main = main_off.left;
		var distance = distance_right - distance_main;
		if (distance < 200) {
			$('a.right').fadeOut();
		}
		return false;
	});
	$('a.left').click(function(){
		$('a.right').fadeIn();
		$('#thumbs_scroll').scrollTo('-=92px', 200, { axis:'x' } );
		var left_off = $('#left').offset();
		var distance_left = left_off.left;
		var main_off = $('#thumbs').offset();
		var distance_main = main_off.left;
		var distance = distance_main - distance_left;
		if (distance < 100) {
			$('a.left').fadeOut();
		}
		return false;
	});
});