jQuery(document).ready(function($) { 
  var gal_path      = 'images/g2/';
  var $pre          = $('#pre');
  var $pre_a        = $('#pre a');
  var $post         = $('#post');
  var $post_a       = $('#post a');
  var $main         = $('#main');
  var $main_img     = $('#main img');
  var $main_a       = $('#main a');
  var $pre_post     = $('#pre,#post');
  var $pre_post_img = $('#pre img,#post img');
  var $pre_img      = $('#pre img');
  var $post_img     = $('#post img');
  var $main_img     = $('#main img');
  var $load_indic   = $('#load_indicator');
  var $load_count   = 3;
  var $title        = $('#main strong');
  var $description  = $('#main div');
  
  function gal_load() {
    $load_count--;

    if(!$load_count) {
      $load_count = 3;
      $load_indic.fadeOut('fast');
    }
  
    
  }
  
  $pre_post_img.load(function(){
   $(this).fadeTo('medium',1.0);  
   gal_load();
  });

  $main_img.load(function(){
    $(this).fadeTo('medium',1.0); 
    gal_load();
  });
  
  $pre_post.click(function(){

    var go2 = 0;
    if($(this).attr('id')=='post') {
      go2=post;
    } else {
      go2=pre;
    }
    load_count = 3;
    $pre_post_img.fadeTo('fast',0.2);
    $main_img.fadeTo('fast',0.2);
    $title.fadeOut('fast');
    $description.fadeOut('fast');
    
    $load_indic.fadeIn('fast');
    $.getJSON('api.php?mode=nav&gid='+gid+'&id='+go2,function(data){
      $main_img.attr('src',gal_path+'gross/'+data.bild.src);  
      $pre_img.attr('src',gal_path+'mini/'+data.pre.src);
      $post_img.attr('src',gal_path+'mini/'+data.post.src);
      post = data.post.id;
      pre = data.pre.id;
      id  = data.bild.id;
      $title.html(data.bild.title);
      $description.html(data.bild.description);
      $title.fadeIn('fast');
      $description.fadeIn('fast');
      var link  = $pre_a.attr('href'); 
      var mlink = $main_a.attr('href');
      link  = link.replace(/\&id=([0-9]+)/,'&id='+pre);
      mlink = mlink.replace(/\?id=([0-9]+)/,'?id='+id);
      
      $pre_a.attr('href',link);
      $main_a.attr('href',mlink);
      $main_a.attr('title','Download: '+data.bild.title);
      
      link = $post_a.attr('href');
      link = link.replace(/\&id=([0-9]+)/,'&id='+post);
      $post_a.attr('href',link);     
    });
    
    return false;
  });
  
  
  
  
  
});