$(function(){
  $(".index-gallery").each(function(){
    var galleryObj    = this;
    var gallery       = $(this);
    var galleryItems  = gallery.find(">a");
    
    if(galleryItems.size() == 0)
      return false;
    
    var galleryListFrame  = $("<div class=\"index-gallery-list-frame clearfix\"></div>");
    var galleryList       = $("<div class=\"index-gallery-list\"></div>");
    var galleryNext       = $("<a href=\"#\" class=\"index-gallery-next\"></a>");
    var galleryPrev       = $("<a href=\"#\" class=\"index-gallery-prev\"></a>");
    
    galleryItems.appendTo(galleryList);
    galleryList.appendTo(galleryListFrame);
    galleryList.css("width",  "5000px");
    
    gallery
      .append(galleryListFrame)
      .append(galleryNext)
      .append(galleryPrev);
      
    galleryObj.n = galleryItems.size();
    galleryObj.i = 0;
    
    galleryPrev.click(function(){      
      if(galleryObj.i == 0)
        return false;
                
      var pos = $(galleryItems.get(--galleryObj.i)).position();
      galleryList.css("left", "-" + pos.left + "px");
      
      return false;

    });
    
    galleryNext.click(function(){
      if(galleryObj.i >= galleryObj.n-1)
        return false;
                
      var pos = $(galleryItems.get(++galleryObj.i)).position();
      galleryList.css("left", "-" + pos.left + "px");
      
      return false;
    });
  });
});