function swapImg(obj){
	var newImgSrc = obj.href;	
	
	var newImg = $('#viewer');
	newImg.fadeOut('slow', function(){			
		newImg.attr('src', newImgSrc);
		newImg.fadeIn('slow');
	});	
	
	var newDescrp = obj.text;
	var $descrp = $('p#description');
	$descrp.fadeOut('slow', function(){
		$descrp.html(newDescrp);								 
		$descrp.fadeIn('slow');
	});
}

function tweenHolder(direction){
	var $thumbs = $('#thumbs');
	
	if (direction == 'left'){
		$thumbs.css('left', '0px');
	} else {
		$thumbs.css('left', '-360px');
	}	
}

$(document).ready(function(){
	$('#thumb-holder').css({'overflow':'hidden', 'height' : '35px'});
	
	$("#thumbs a").each(function(num){
		var $myThumb = $(this);				
		$myThumb.href = $myThumb.attr('href');
		$myThumb.text = $myThumb.find('img').attr('alt');		
		$myThumb.click(function(){			
			swapImg($myThumb);
			
			return false;
		});		
	});
	
	$('img#arrow-left').click(function(){
		tweenHolder('left');							   
	});
	
	$('img#arrow-right').click(function(){
		tweenHolder('right');							   
	});
	
});