(function($, Modernizr) {
  $(function() {
  
  
    $('#contact-form-toggle').popover({ 
        html : true,
        placement: 'bottom',
        content: function() {
          return $("#contact-form-content").html();
        }
    });  


    $('a.scroll').click(function(e){
      e.preventDefault();

      var offset = $($(this).attr('href')).offset().top;
      
      $.scrollTo(offset, 0, {
        duration: 400,
      });
    });
    
    $('a.toggle-courses').click(function(e) {
      e.preventDefault();
      
      var course = $(this).data('course');
      var details = $('.course-details[data-course="'+course+'"]');
      var info = $('.course-info[data-course="'+course+'"]');
      
      $(this).find('span.glyphicon').toggleClass('glyphicon-chevron-down glyphicon-chevron-up').end();
      
      info.toggleClass('active');
      details.slideToggle(400, function() {
        $.scrollTo( info , 0, { duration: 400 });
      });
      
    });

  
    /*
    Carousel initialization
    */
    $('.slideshow')
      .jcarousel({
  
        wrap: 'circular',
        transitions: Modernizr.csstransitions ? {
          transforms:   Modernizr.csstransforms,
          transforms3d: Modernizr.csstransforms3d,
          easing:       'ease'
        } : false
  
      }).jcarouselAutoscroll({
  
        interval: 5000,
        target: '+=1',
        autostart: true
  
      }).jcarouselControl();
      
    $('.slideshow-news')
      .jcarousel({
        wrap: 'circular',
        transitions: Modernizr.csstransitions ? {
          transforms:   Modernizr.csstransforms,
          transforms3d: Modernizr.csstransforms3d,
          easing:       'ease'
        } : false
      });
      
    $('.news-control-prev')
      .on('jcarouselcontrol:active', function() {
          $(this).removeClass('inactive');
      })
      .on('jcarouselcontrol:inactive', function() {
          $(this).addClass('inactive');
      })
      .jcarouselControl({
          target: '-=1'
      });
  
    $('.news-control-next')
      .on('jcarouselcontrol:active', function() {
          $(this).removeClass('inactive');
      })
      .on('jcarouselcontrol:inactive', function() {
          $(this).addClass('inactive');
      })
      .jcarouselControl({
          target: '+=1'
      });
  });
})(jQuery, Modernizr);