$(function(){

  //SPLASH SCREEN

  $('.section').each(function(){
    $(this).data('bg', $(this).find('a:first').css('background-color'));
    $(this).data('col', $(this).find('a:first').css('color'));
    var sectionTitle = $(this).find('.sectionTitle a');
    var textTitle = tagFirstLetter(sectionTitle.text(), '<span class="fl">', '</span>');
    
    sectionTitle.html(textTitle.replace(/ <span/g, '<br /><span'));
  });
  
  $('.section').hover(function(){

    $(this).find('h1 a, .fl').css({'background':'#FFF', 'color':'#FFF'});
    $(this).find('.fl').css('color',$(this).data('col'));
    
  }, function(){
   
    $(this).find('.fl, h1 a').css({'background-color':$(this).data('bg'), 'color':$(this).data('col')});
    
    
  });
  
  
  ////////HOME
  
  
  var bg = $('#col2.home .mCol h2 a').css('background-color');
  
  
  $('#col2.home .mCol').hover(function(){
    
    if($(this).parents('div#bna').length > 0)
      $(this).find('a').css('text-decoration', 'line-through');
     else
      $(this).find('a').css('text-decoration', 'underline');
   
    $(this).find('img').attr('src', $(this).find('img').attr('src').replace('.jpg', '_hover.jpg'));
  
  },function(){
     $(this).find('a').css('text-decoration','none');
     
     $(this).find('img').attr('src', $(this).find('img').attr('src').replace('_hover', ''));
  
  });
  $('#col2.home .mCol').click(function(){
    window.location = $(this).find('a:first').attr('href');
    return false;
  });
  
  //adjust margin to align text on baseline grid
  $('#col2.home .mCol p').each(function(){
      var top = $(this).offset().top;
      var diff = (Math.ceil(top/18))*18-top;
      alert
      $(this).css('margin-top', diff);
      
      //alert($(this).offset().top);
  });
  
  
  $('#col2.home').masonry({ singleMode: true });
  
  
  /*
  $('#bna #dbLink').hover(function(){
    
    $(this).css('background-image', 'url(imgs/cercle_hover.png)');
  }, function(){
    $(this).css('background-image', 'url(imgs/cercle.png)');
  });
  
  $('#bbot #dbLink').hover(function(){
    
    $(this).css('background-image', 'url(imgs/cercle_bbot_hover.png)');
  }, function(){
    $(this).css('background-image', 'url(imgs/cercle_bbot.png)');
  });
  */
 
  
  if($('.audioPopup').length > 0){
    var popups = $('.audioPopup');
    
    popups.hide();
    var time = 1000;
    popups.each(function(){
      var posX = Math.random()*($(window).width()-$(this).width()-200)+200;
      var posY = Math.random()*($(window).height()-$(this).height()-40)+20;
    
      $(this).css({'top':posY, 'left':posX});
    
      
       $(this).delay(time).fadeIn();
       time += 1000;
       $(this).find('.gui .close').click(function(){$(this).parents('.audioPopup').hide()});
       $(this).mouseenter(function(){popups.css('z-index','10');
       $(this).css('z-index','100');});
       
    });
    
    popups.draggable({'handle':'div.gui, p.transcript, h5'});
    
  
    
  } 

  $('.switch').hover(function(){
    $(this).attr('src', $(this).attr('src').replace('.jpg', '_hover.jpg') );
  },function(){
    $(this).attr('src', $(this).attr('src').replace('_hover', '') );
  });
   //menu
  $('ul#menu li ul').addClass('hidden');
  $('ul#menu li a.active').each(function(){
    $(this).parent().find('ul').removeClass('hidden');
  });
  $('ul#menu li a').click(function(){
    var subList = $(this).parent().find('ul');
    if(subList.length > 0){
      if(subList.hasClass('hidden'))var show = true;
      else var show = false;
      
      $('ul#menu li ul').addClass('hidden');
      if(show){
        
        subList.removeClass('hidden');
      }
    }
  });
  //////////GALERIE

  $("#main-photo-slider").codaSlider({
    'dynamicTabs':false,
    'dynamicArrows':false
    
  });
  var leftArrow = $('.movers-row').prev('.arrows-left').find('a');
  var rightArrow =  $('.movers-row').next('.arrows-right').find('a');
  
  leftArrow.addClass('inactive');
  
  if($('#main-photo-slider .panel').length <=4){
    rightArrow.addClass('inactive');   
  }
  
  //navigation
  leftArrow.click(function(){
     var wrap = $(this).parents('.arrows-left').next().find('.movers-wrapper');
     var posX = wrap.position().left+94;
     if(posX >= 0){
      wrap.animate({'left':0});
      $(this).addClass('inactive');
    }
     
     else{
      wrap.animate({'left':posX});
      $(this).removeClass('inactive');
    }
    
    if(posX > -wrap.width()+94*4){
       rightArrow.removeClass('inactive');
    }
     
    return false;
    
  });

  rightArrow.click(function(){
     var wrap = $(this).parents('.arrows-right').prev().find('.movers-wrapper');
     var posX = wrap.position().left-94;
     if(posX <= -wrap.width()+94*4){
      wrap.animate({'left':-wrap.width()+94*4});
      $(this).addClass('inactive');
     }
     else wrap.animate({'left':posX});
     
     if(posX < 0){
      leftArrow.removeClass('inactive');
     }
     
     return false;
    
  });
  
  $('.xtrig').click(function(){
    $(window).scrollTop(0);
    $('.nav-thumb').removeClass('active');
    $(this).find('img.nav-thumb').addClass('active');
    
  });
  
  $('.movers-wrapper').css('width', $('.movers-wrapper div').length * 94);
  
  ////////////////////////////
  //adjust first p after the gallery for baseline grid
  //adjust margin to align text on baseline grid
  var firstP =  $('.slider-wrap').next('p');
  if(firstP.length > 0){
     
     var top = firstP.offset().top;
    
     var diff = (Math.ceil(top/18))*18-top;
     firstP.css('padding-top', diff);
     
  }
 
  


  
});