$(function() {

  // initialize scrollable
  if ($('.scrollable .items').children().length > 0) {
    var scrollable_active = true;
    
    $(".scrollable").scrollable({
      next: '.arrow_right',
      prev: '.arrow_left',
      circular: true
    });
  }

  /* ======================================================== */
  /* ! info toggle */
  /* ======================================================== */
  
  var info_toggle_config = {
    SPEED_DOWN: 750,
    SPEED_UP: 250,
    TOP_OFFSET: -500
  }
  
  var info_flag = false;

  // $('#info_toggle').click(function(event){
  //   if (info_flag) {
  //     $('.scrollable_parent #container').stop().animate({top: info_toggle_config.TOP_OFFSET}, info_toggle_config.SPEED_UP);
  //     info_flag = false;
  //   } else {
  //     $('.scrollable_parent #container').stop().animate({top: 0}, info_toggle_config.SPEED_DOWN);
  //     info_flag = true;
  //   }
  //   event.preventDefault();
  // });
  
  $('#info_toggle').click(function(event){
    if (info_flag) {
      $('.scrollable_parent #container').stop().animate({height: 0}, info_toggle_config.SPEED_UP, function(){
        $('.scrollable_parent #container').css({
          'border-top-width': 0
        });
      });
      info_flag = false;
    } else {
      $('.scrollable_parent #container').css({
        'border-top-width': 1
      });
      $('.scrollable_parent #container').stop().animate({height: 499}, info_toggle_config.SPEED_DOWN);
      info_flag = true;
    }
    event.preventDefault();
  });

  if (scrollable_active) {
    $('.scrollable_parent #container').css({
      position: 'absolute',
      top: 0,
      // top: info_toggle_config.TOP_OFFSET,
      left: 0,
      height: 0,
      'border-top-width': 0
    });
    
    $('.scrollable .items img').attr('title', 'Zum Blättern bitte klicken.');

    $('#info_toggle').show();
  }
  
  /* ======================================================== */
  /* ! tooltips */
  /* ======================================================== */

  $('#project_overview img').tooltip({ 
      track: true,
      delay: 0,
      fade: 250,
      showURL: false,
      showBody: " --- "
  });
  
  /* ======================================================== */
  /* ! mouseover menu */
  /* ======================================================== */

  var menu_over_config = {
    fadein: 400,
    fadeout: 400
  }

  $('#main_menu li:not(.active) a, #top_bar li a:not(.active)').hover(
    function(){
      $(this).stop().animate({color: '#B973A5'}, menu_over_config.fadein);
    },
    function(){
      $(this).stop().animate({color: '#666'}, menu_over_config.fadeout);
    });

});