/********************************************************/
		/*					Previous Image						*/
		/********************************************************/
		
		
																											// detect if previous or next image buttons were clicked and go to those next images
		function leftArrowkey(){
			previousValue = parseInt('1');
			loadNextImage = (imageSelected - previousValue);
			
			if(loadNextImage=='-1'){
				var accountForNextButton = parseInt('1');
				lastImage = ( window.currentImages.length - accountForNextButton);
				var i=lastImage;
				imageToLoad = (imagePath+window.currentImages[i][0]);
				var newSetTitle = window.currentImages[i][1];
				document.getElementById('setTitle').innerHTML = newSetTitle;
				thumbClicked=lastImage;
			}
			else {
				var i=loadNextImage;
				imageToLoad = (imagePath+window.currentImages[i][0]);
				thumbClicked = loadNextImage;
				var newSetTitle = window.currentImages[i][1];
				document.getElementById('setTitle').innerHTML = newSetTitle;
			}
			imageSelected = thumbClicked;
			$('#mainImage').fadeOut('slow', showIcon);
		$('#mainImage').fadeIn('slow', hideIcon);
		function showIcon() {
			$('#load').remove();
			//$('#mainImage').append('<span id="load"><img src="ajax-loader-white.gif"></span>');
	$('#creditText').append('<span id="load"><img src="ajax-loader-white.gif"></span>');
			$('#load').fadeIn('fast', loadContent);
		}
		
		function hideIcon() {
			$('#load').fadeOut(2000);
		}
		function loadContent() {
			document.getElementById("mainImage").style.backgroundImage = "url("+imageToLoad+")";
			var newSetTitle = window.currentImages[imageSelected][1];
			document.getElementById('setTitle').innerHTML = newSetTitle;
			imageSelected = parseInt(imageSelected);
			toBeHashed = (imageSelected + 1);
			window.location.hash = toBeHashed;
			
		}
		function showNewContent() {
			//$('#theImages').show('normal',hideLoader());
			
			$('#mainImage').fadeIn('normal',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
			
		}
		}
		
		
		/********************************************************/
		/*					Next Image							*/
		/********************************************************/
		
		function rightArrowkey(){
			nextValue = parseInt('1');
			imageSelected = parseInt(imageSelected);loadNextImage = (imageSelected + nextValue);
			if(loadNextImage==window.currentImages.length){
			imageToLoad = (imagePath+window.currentImages[0][0]);
			var newSetTitle = window.currentImages[0][1];
			document.getElementById("setTitle").innerHTML = newSetTitle;
			thumbClicked = '0';
			}
			else {
				var i = loadNextImage;
				imageToLoad = (imagePath+window.currentImages[i][0]);
			var newSetTitle = window.currentImages[i][1];
			document.getElementById('setTitle').innerHTML = newSetTitle;
				thumbClicked = loadNextImage;
			}
			imageSelected = thumbClicked;	
			$('#mainImage').fadeOut('slow', showIcon);
			$('#mainImage').fadeIn('slow', hideIcon);
			
			function showIcon() {
				$('#load').remove();
				//$('#mainImage').append('<span id="load"><img src="ajax-loader-white.gif"></span>');
	$('#creditText').append('<span id="load"><img src="ajax-loader-white.gif"></span>');
				$('#load').fadeIn('fast', loadContent);
			}
		
		function hideIcon() {
			$('#load').fadeOut(2000);
		}
		
		function loadContent() {
			document.getElementById("mainImage").style.backgroundImage = "url("+imageToLoad+")";
			var newSetTitle = window.currentImages[imageSelected][1];
			document.getElementById('setTitle').innerHTML = newSetTitle;
			imageSelected = parseInt(imageSelected);
			toBeHashed = (imageSelected + 1);
			window.location.hash = toBeHashed;	
		}
		
		function showNewContent() {
			$('#mainImage').fadeIn('normal',hideLoader());
		}
		function hideLoader() {
			$('#load').fadeOut('normal');
		}
		}


function checkArrows (field, evt) {
  var keyCode = 
    document.layers ? evt.which :
    document.all ? event.keyCode :
    document.getElementById ? evt.keyCode : 0;
  var r = '';
  if (keyCode == 39){
  	//alert ('right');
	rightArrowkey();
    r += 'arrow right';
  }else if (keyCode == 37){
  	//alert('left');
    leftArrowkey();
	r += 'arrow left';
  r += ' ' + keyCode;
  window.status = r;
  return true;
  }
}