$(document).ready(function () {
  /*---------------------------------------------------------------------------------------
  Main Nav
  ---------------------------------------------------------------------------------------*/

  $("ul#mainNav").supersubs({
    minWidth: 0,
    maxWidth: 18,
    extraWidth: 0
  }).superfish({
    delay: 850,
    speed: 'fast',
    autoArrows: true,
    dropShadows: false
  });

  $("#gallery .scrollable").scrollable({ circular: true });

  $("#gallery .preview img").click(function () {
    var vr = $("#gallery .viewer");
    var lb = vr.find(".label");
    var im = vr.find("img");

    vr.css("display", "none");

    lb.text($(this).attr("title"));
    im.attr("src", $(this).attr("src"));

    lb.fadeTo("slow", 0.8);
    vr.fadeIn(500);

    $("#gallery .preview img").removeClass("active");
    $(this).addClass("active");

  });

  $("#gallery .scrollable .items div:last img:first").click();
  
});