$(document).ready(function() {
  $('#teaser_images').cycle({
    fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
    speed:    500, 
    timeout:  5000
  });
  
  $('#gallery').galleria({
    thumb_crop: true, // crop all thumbnails to fit
    autoplay: 3000,
    show_info: false,
    height: 306,
    transition: 'slide',
    transition_speed: 800,
    show_imagenav: false
  });
});


// blindX
// blindY
// blindZ
// cover
// curtainX
// curtainY
// fade
// fadeZoom
// growX
// growY
// none
// scrollUp
// scrollDown
// scrollLeft
// scrollRight
// scrollHorz
// scrollVert
// shuffle
// slideX
// slideY
// toss
// turnUp
// turnDown
// turnLeft
// turnRight
// uncover
// wipe
// zoom

//  /* This code is executed after the DOM has been completely loaded */
//  
//  var totWidth=0;
//  var positions = new Array();
//  
//  $('#teaser_images .image').each(function(i){
//    
//    /* Traverse through all the slides and store their accumulative widths in totWidth */
//    
//    positions[i]= totWidth;
//    totWidth += $(this).width();
//    
//    /* The positions array contains each slide's commulutative offset from the left part of the container */
//    
//    if(!$(this).width())
//    {
//      alert("Please, fill in width & height for all your images!");
//      return false;
//    }
//    
//  });
//  
//  $('#teaser_images').width(totWidth);
// 
//  /* Change the cotnainer div's width to the exact width of all the slides combined */
// 
//  $('#teaser_thumbnails ul li a').click(function(e,keepScroll){
// 
//      /* On a thumbnail click */
// 
//      $('li.menu_item').removeClass('active').addClass('inactive');
//      $(this).parent().removeClass('inactive').addClass('active');
//      
//      var pos = $(this).parent().prevAll('.menu_item').length;
//      
//      $('#teaser_images').stop().animate({marginLeft:-positions[pos]+'px'},1000);
//      /* Start the sliding animation */
//      
//      e.preventDefault();
//      /* Prevent the default action of the link */
//      
//      
//      // Stopping the auto-advance if an icon has been clicked:
//      if(!keepScroll) clearInterval(itvl);
//  });
//  
//  $('#teaser_thumbnails ul li.menu_item:first').addClass('active').siblings().addClass('inactive');
//  /* On page load, mark the first thumbnail as active */
//  
//  
//  
//  /*****
//   *
//   *  Enabling auto-advance.
//   *
//   ****/
//   
//  var current=1;
//  function autoAdvance()
//  {
//    if(current==-1) return false;
//    
//    $('#teaser_thumbnails ul li a').eq(current%$('#teaser_thumbnails ul li a').length).trigger('click',[true]); // [true] will be passed as the keepScroll parameter of the click function on line 28
//    current++;
//  }
// 
//  // The number of seconds that the slider will auto-advance in:
//  
//  var changeEvery = 6;
// 
//  var itvl = setInterval(function(){autoAdvance()},changeEvery*1000);
// 
//  /* End of customizations */
// });