<!--
	
	function switchphoto( that ) {
		
		$( ".gallery" ).hide();		
		$( "#navigation-in a").removeClass("sel");		
		$( "#"+$(that).attr("name") ).show();		
		$( "#thumb-"+$(that).attr("name") ).toggleClass("sel"); 

		var pos = $("#navigation-in").position();
		var position = parseInt(pos.left);
		var thumbnum = parseInt( $(that).attr("name") );
		var posun = thumbnum * 76 + position - 4 * 76;
		
		if (thumbnum > 4) {
		
  			$("#navigation-in").animate({"left": "-=" + posun + "px"}, "slow");
		}
		
		if (thumbnum <= 4 && position < 0) {
			
			$("#navigation-in").animate({"left": "-=" + position + "px"}, "slow");
		}
	
	}
	
	
	$(document).keyup(function(event){
		
		switch (event.keyCode) {
    		
    		case 39:
      			
      			var thumbnum = parseInt( $(".sel").attr("name") );
      			var nextthumb = thumbnum + 1;
      			var nextthumbid = parseInt( $( "#thumb-"+nextthumb ).attr("name") );
      			
      			if (nextthumbid > 0){
      				
      				$( ".gallery" ).hide();
      				$( "#navigation-in a").removeClass("sel");
      				$( "#"+nextthumb ).show();
      				$( "#thumb-"+nextthumb ).toggleClass("sel");
      				
      				if (thumbnum >= 4) {
		
  						$("#navigation-in").animate({"left": "-=76px"}, "slow");
					}							
      			}
      		
      		break;
    
    		case 37:
      			
      			var thumbnum = parseInt( $(".sel").attr("name") );
      			var prevthumb = thumbnum - 1;
      			var prevthumbid = parseInt( $( "#thumb-"+prevthumb ).attr("name") );
      			
      			if (prevthumb >= 1){
      				
      				$( ".gallery" ).hide();
      				$( "#navigation-in a").removeClass("sel");
      				$( "#"+prevthumb ).show();
      				$( "#thumb-"+prevthumb ).toggleClass("sel");
      				
      				if (thumbnum > 4) {
		
  						$("#navigation-in").animate({"left": "+=76px"}, "slow");
					}							
      			}
      		
      		break;
		}
 	});
		
-->
