$(function(){
			   
			   
			   $('.but1').click(function(){
					$('.thumbnails').animate({"right":"80px"});
				});
			   
			   
			   
			   $('.but2').click(function(){
					$('.thumbnails').animate({"right":"160px"});
				});
			   
			   
			   $('.but3').click(function(){
					$('.thumbnails').animate({"right":"240px"});
				});
			  
			  
			  
			  $('.but1r').click(function(){
					$('.thumbnails').animate({"right":"0px"});
				});
			   
			   
			   
			   $('.but2r').click(function(){
					$('.thumbnails').animate({"right":"80px"});
				});
			   
			   
			    $('.but3r').click(function(){
					$('.thumbnails').animate({"right":"160px"});
				});
			   
			   
	});

function getGalleryImage(var1){
     
     
     
     $('.fullImageHolder').html(" "); //empty current contents
     $('.fullImageHolder').append(' <div id=loading style="width:475px; height:616px; background:url(/images/ajax-loader.gif) center no-repeat; color:#000000; padding:0; font-family:Arial,Verdana; font-size:14px;"> </div>'); //show loading image/text.
     
     
     
     $.ajax({  //get stuff from database through file get_alphabet.php
     url: 'getimage.php', //file location
     type: 'POST',
     data: 'number=' + var1 , // pass variable to get_alphabet.php
     
     success: function(result) 
      {
        $('#loading').fadeOut(300, function() {
         $(this).remove();
        });
        $('.fullImageHolder').append( result );
      }
     });
     
   }