$(function () {
  $("li.category").hover(
    function (e) {
      $(this).addClass("selected");
      //$("ul.items").hide();
      //$("ul.items", this).show();
    },
    function (e) {
      $(this).removeClass("selected");
      //$("ul.items", this).hide();
    }
  );

  // auto-slideshow
  var slideshowTokenInt = 0;
  var slideshowMeta = {};
  $(".inlineSlideshow").each(function (index, elem) {
    var token = slideshowTokenInt++;
    slideshowMeta[token] = {'total':0};
    $(".slide", this).each(function (ii, slideElem) {
      $("img", slideElem).load(function () {
        console.log("loaded an image");
        if(!$(this).parents(".inlineSlideshow").is(":visible"))
          $(this).parents(".inlineSlideshow").fadeIn();
        var t = ($(this).parent().height()-$(this).height())/2;
        $(slideElem).css({
          //'left':0, 
          'top':0, 
          'left':($(slideElem).parent().width()-$(slideElem).width())/2, 
          //'top':t,
          'position':'absolute'
        });
      });
      /*
      slideshowMeta[token][ii] = {
        'title':$(".slideTitle", slideElem).remove(),
        'descr':$(".slideDescr", slideElem).remove()
      };
      */
      slideshowMeta[token].total++;
      $(this).append('<div class="slideshowMeta" '+
                           'data-slidenum="'+ii+'">'+
                     '</div>');
      $(".slideshowMeta[data-slidenum="+ii+"]", this)
        .append($(".slideTitle", slideElem).remove())
        .append($(".slideDescr", slideElem).remove());
        //.append(slideshowMeta[token][ii].title+slideshowMeta[token][ii].descr);
      if(ii > 0) {
        $(slideElem).hide();
        //$(".slideshowMeta[data-slidenum="+ii+"]").hide();
      }
      $(this).append(''+
        '<div class="slideshowNav">'+
          '<span class="slideshowNavBtn" data-ssnavdir="-1">&lt;</span>'+
          '<span class="slideshowNavBtn" data-ssnavdir="1">&gt;</span>'+
        '</div>'
      );
    });
    $(".slideshowNavBtn[data-ssnavdir=-1]", this).addClass("slideshowNavOff");
    $(this).data('slideshowToken', token);
    $(this).data('current', 0);
    //$(this).fadeIn();
  });
  $(".slideshowNavBtn").click(function (e) {
    slideshowMove(parseInt($(this).attr('data-ssnavdir'), 10), 
                  $(this).parents(".inlineSlideshow"));
  });
  function slideshowMove(dx, $ss) {
    var current = $ss.data('current');
    var token = $ss.data('slideshowToken');
    var total = slideshowMeta[token].total;
    if(dx < 0 && current + dx < 0) return; // can't move back
    if(dx > 0 && current + dx >= total)
      return false; // can't move forward
    //$(".slideshowMeta:visible", $ss).fadeOut();
    $(".slide", $ss).fadeOut();
    current += dx;
    //$(".slideshowMeta[data-slidenum="+current+"]", $ss).fadeIn();
    $(".slide:eq("+current+")", $ss).fadeIn();
    $ss.data('current', current);
    var $navBack = $(".slideshowNavBtn[data-ssnavdir=-1]", $ss);
    var $navFwd = $(".slideshowNavBtn[data-ssnavdir=1]", $ss);
    if(current == 0) $navBack.addClass("slideshowNavOff");
    else $navBack.removeClass("slideshowNavOff");
    if(current == total-1) $navFwd.addClass("slideshowNavOff");
    else $navFwd.removeClass("slideshowNavOff");
  }




  if(navigator.userAgent.toLowerCase().indexOf('chrome') > -1)
    $(".videoIframe").css('margin-top', '110px');
});