var current_image = 1;
  
$(document).ready(function(){
  var product_id = $("#ab_product_info").attr("product_id");
  $("#ab_product_images .image_zoom a").lightBox({imageLoading:'design/new/product_page/image_loading.gif'});
  $("#ab_product_images .image_navigation a").click(function(event){
     event.preventDefault();
     show_image_thumb(product_id, $(this).attr("viewi"));
     current_image++;
  });
});


function show_image_thumb(product_id, image_id){

   $(".sub_product_images .loading").show();
   
   $.getJSON("?dyn=product_image_thumbs_json&pid="+product_id+"&i="+image_id, function(image) {
       
       $("#ab_product_images .image_zoom").html("");
       $("#ab_product_images .image_navigation").html("");

       href_prefix = "?pg=product&id="+product_id+"&sub=images&viewi=";

       $("#aimage_thumb").attr("href", href_prefix+image.current_image.id);
       $("#aimage_thumb img").hide().attr("src", image.current_image.src).fadeIn(200);

       $("<a></a>").html("&nbsp;").attr("href", image.current_image.fullsize).attr("title", "Vis bildet i original størrelse").appendTo("#ab_product_images .image_zoom").hide().fadeIn(1000);
       

       if(image.next_image){$("<a></a>").html("Neste »").attr("href", href_prefix+image.next_image.id).attr("viewi", image.next_image.id).addClass("thumbnext").appendTo("#ab_product_images .image_navigation").show("slow");}

       if(image.prev_image){$("<a></a>").html("« Forrige").attr("href", href_prefix+image.prev_image.id).attr("viewi", image.prev_image.id).addClass("thumbprev").appendTo("#ab_product_images .image_navigation").show("slow");}

       $("<span></span>").addClass("imageof").appendTo("#ab_product_images .image_navigation").html(current_image+" av "+image.total_images).show("slow");

       $(".sub_product_images .loading").hide();
       
       $("#ab_product_images .image_navigation a").click(function(event){
          event.preventDefault();
          show_image_thumb(product_id, $(this).attr("viewi"));
          if(parseInt($(this).attr("viewi")) >= image_id){ current_image++ }else{ current_image-- }
       });
       
       $("#ab_product_images .image_zoom a").lightBox({imageLoading:'design/new/product_page/image_loading.gif'});

   });
}