var verticalVersion = 0
var verticalPosition = 1
var verticalSliderWidth = 736
var verticalDuration = 500
var verticalDefaultWidth = 736
jQuery(function(){
  get_thumbs_vertical(0); 
	
  $('#verticalNext').click(function(){
     if (verticalPosition < verticalVersion ){
	   vslideRight();
	 } else {       
       get_thumbs_vertical(1);	 
	 }
	 return false;	 
  })
  
  $('#verticalPrev').click(function(){
    if( verticalPosition != 1 ){
	  vslideLeft();
	}
   return false; 
  })
  
})

function vslideRight () {
  $("#verticalThumbSlider").animate({marginLeft: -verticalDefaultWidth*(verticalPosition) + 'px'}, verticalDuration,'easeInOutQuart')
  verticalPosition += 1
}
function vslideLeft () {
  $("#verticalThumbSlider").animate({marginLeft: -verticalDefaultWidth*(verticalPosition-1) + verticalDefaultWidth + 'px'}, verticalDuration,'easeInOutQuart')
  verticalPosition -= 1
}

function get_thumbs_vertical(animate) {
  if(animate){
    $('#small_loading').fadeIn(200);
  }
  jQuery.ajax({
	url:"vertical-thumb.php?version="+verticalVersion,
	success: function(html){
	  if(animate){
  	    $('#small_loading').fadeOut(200);
	  }
	  if (html != '') {
        $("#verticalThumbSlider").append(html);
	    if(animate){
		  verticalSliderWidth += verticalDefaultWidth
          $("#verticalThumbSlider").css('width',verticalSliderWidth +'px');
	      vslideRight();
	    }
	  verticalVersion += 1
	  if($('#verticalThumbs').is(":hidden")){
		   $('#verticalThumbs').fadeIn('slow');
	  }
	  thumb();
	  }
    }
  })
  
}