/* 
 * Requires jquery. Of course.
 */
jQuery(document).ready(function(){

    $('.vv-image-gallery-container > .vv-image-gallery-imagelist:first-child').each(
            function() {
                $(this).children().first().show();
            });
            
    /*$('.vv-image-gallery-image').click(function(e) {
      e.preventDefault();

      // jQuery.modal('<p><b>HTML</b> elements</p>'); // HTML
      //  return;
      var modalOptions = {};

      modalOptions.overlayCss = {'background-color':'#000000','opacity':1.0};
      modalOptions.containerCss = {};
      modalOptions.dataCss = {};

      var thisImage = $(this).find('img')[0];
      
      var baz = "<img src=\"" +thisImage.src +"\" />";

      $.modal(baz,modalOptions);
      //$(thisImage).modal(modalOptions);
     
      
      //var nextItem = $(this).next();
      //if( 0 >= nextItem.length ) {
      //  nextItem = $(this).siblings('.vv-image-gallery-image').first();
      //}
      //$(this).hide();
      //$(nextItem).show();
      
    });*/

    $('.vv-image-gallery-nav-left a').click(function(e) {
      e.preventDefault();
      var visibleImage = $(this).parents('.vv-image-gallery-container').find('.vv-image-gallery-image:visible')[0];
      $(visibleImage).hide();
      if(0 == getChildIndex(visibleImage)) {
        $(visibleImage).parent().children().last().show();
      } else {
        $(visibleImage).prev().show();
      }
    });

    $('.vv-image-gallery-nav-right a').click(function(e) {
      e.preventDefault();
      var visibleImage = $(this).parents('.vv-image-gallery-container').find('.vv-image-gallery-image:visible')[0];
      var nextImage = $(visibleImage).next();
      if(0 == nextImage.length) {
          nextImage = $(visibleImage).siblings().first();
      }

      $(visibleImage).hide();
      $(nextImage).show();

    });

});

function selectNavItemForImage(incoming) {
    var imageItem = incoming;
    if(imageItem.length) {
        imageItem = imageItem[0];
    }


    var childIndex = getChildIndex(imageItem);
    var navItems = $(imageItem).parent().parent().find(
                                        ".vv-image-gallery-navigation-item");

    $(navItems).removeClass('selected');
    var navItem = navItems[childIndex];
    $(navItem).addClass('selected');
}

function getChildIndex(currentChild) {
    var parentElem = $(currentChild).parent();
    var children = $(parentElem).children();
    var res = jQuery.inArray(currentChild,children);
    return res;

}