$(document).ready(function() {
  var imagesUri = '/wp-content/screenshoty/ArmA2_<ID>.jpg';
  
  var screen = $("#screen");
  $(screen).append('<img src="/wp-content/themes/arma2/images/ajax-loader.gif" width="200" height="58" alt="Načítám" id="loading"><a href="#" id="next"><img src="http://img.acci.cz/next.gif" alt="Další"></a><a href="#" return false" id="prev"><img src="http://img.acci.cz/prev.gif" alt="Předchozí"></a>');
  
  var prevNext = $("#prev, #next");
  $(prevNext).fadeTo(1, 0.33);

  var thumbs = $(".nahledy a");
  
  var thumbsCount = $(thumbs).length;
  
  parseNumber = function(string) {
    part = string.split("_")[1];
    number = part.substr(0,2);
    number = parseInt(number, 10);
    
    return number;
  }
  
  finalize = function(number) {
    if(number < 10)
      number = "0"+number
    
    return number;
  }
  
  $(thumbs).click(function(element) {
    src = $("img", this).attr('src');
    
    id = parseNumber(src);
    moveToId(id);
    
    return false;
  });
  
  moveToId = function(id) {
    link = imagesUri.replace('<ID>', finalize(id));
    checkNextAndPrev(id);
    putImage(link);
    fullscreenLink(id);
    focusThumb(id);
  }
  
  checkNextAndPrev = function(id)
  {
    if(id == 1)
      $("#prev").hide();
    else
      $("#prev").show();
      
    if(id == thumbsCount)
      $("#next").hide();
    else
      $("#next").show();
  }
  
  putImage = function(href)
  {
    img = $("#screenshot");
    
    $("#loading").css('height', '58px');
    var timerID=setTimeout('$("#loading").slideDown("slow")',200);
    
    hide = function() {
      if(timerID)
        clearTimeout(timerID);
        
      $("#loading").stop();
      $("#loading").slideUp("slow");
    }
    
    $(img).load(function() {
      hide();
    });
    
    $(img).attr('src', href);
  }
  
  move = function(type) {
    href = $("#screenshot").attr('src');
    id = parseNumber(href);
    checkNextAndPrev(id);
    
    if(type == "next")
      id += 1;
    else
      id -= 1;
    
    src = imagesUri.replace('<ID>', finalize(id));
    
    putImage(src);
    checkNextAndPrev(id);
    focusThumb(id);
    fullscreenLink(id);
    
    return id;
  }
  
  focusThumb = function(id) {   
    img = $("img", thumbs[id-1]);
    
    if(jQuery.browser.mozilla)
      left = img[0].x;
    else if(jQuery.browser.opera)
      left = img[0].offsetLeft - $(img).parent().parent().offset().left + $('.nahledy')[0].scrollLeft;
    else
      left = img[0].offsetLeft;
      
    left = left - 470 + $(img).width() / 2;

    $('.nahledy').stop();
    $('.nahledy').animate({scrollLeft: left}, "slow");
  }
  
  preload = function(id) {
    img = new Image();
    link = imagesUri.replace('<ID>', finalize(id));
    img.src = link;
  }
  
  $("#next", screen).click(function() {
    id = move("next");
    preload(id+1);
    
    return false;
  });
  
  $("#prev", screen).click(function() {
    move("prev");
    return false;
  });
  
  
  $(screen).hover(function() {
    $(prevNext).stop();
    $(prevNext).fadeTo("normal", 1);
  }, 
  function() {
     $(prevNext).stop();
     $(prevNext).fadeTo("normal", 0.33); 
  });
  
  fullscreenLink = function(id) {
    href = $(thumbs[id-1]).attr('href');
    $("#fullscreen").attr('href', href);
  }
  
  loaded = function() {
    var myFile = document.location.toString();
    if (myFile.match('#')) {
        var myAnchor = myFile.split('#')[1];
        
        if(myAnchor.substr(0,2) == "id")
        {
          id = myAnchor.substr(2);
          id = parseInt(id, 10);
          moveToId(id);
          preload(id+1);
        }
    }
  }
  
  loaded();
});