var mainVersion = 0
var mainPosition = 1
var mainSliderWidth = 720
var mainDuration = 500
var mainDefaultWidth = 720
jQuery(function(){
  get_thumbs(0); 
	
  $('#mainNext').click(function(){
     if (mainPosition < mainVersion ){
	   slideRight();
	 } else {       
       get_thumbs(1);	 
	 }
	 return false;	 
  })
  
  $('#mainPrev').click(function(){
    if( mainPosition != 1 ){
	  slideLeft();
	}
   return false; 
  })
  
})

function slideRight () {
  $("#mainThumbSlider").animate({marginLeft: -mainDefaultWidth*(mainPosition) + 'px'}, mainDuration,'easeInOutQuart')
  mainPosition += 1
}
function slideLeft () {
  $("#mainThumbSlider").animate({marginLeft: -mainDefaultWidth*(mainPosition-1) + mainDefaultWidth + 'px'}, mainDuration,'easeInOutQuart')
  mainPosition -= 1
}

function get_thumbs(animate) {
  if(animate){
    $('#small_loading').fadeIn(200);
  }
  jQuery.ajax({
	url:"main-thumb.php?version="+mainVersion,
	success: function(html){
	  if(animate){
  	    $('#small_loading').fadeOut(200);
	  }
	  if (html != '') {
        $("#mainThumbSlider").append(html);
	    if(animate){
		  mainSliderWidth += mainDefaultWidth
          $("#mainThumbSlider").css('width',mainSliderWidth +'px');
	      slideRight();
	    }
	  mainVersion += 1
	  if($('#mainThumbs').is(":hidden")){
		   $('#mainThumbs').fadeIn('slow');
	  }
	  thumb();
	  }
    }
  })
  
}