$(document).ready(function() {
  $ = jQuery;
  
  $('a.external').attr('target', '_blank');
  
  $('a.print').click(function(e) {
    e.preventDefault();
    window.print();
  });
  
  $('a.toTop').click(function(e) {
    e.preventDefault();
    $('html,body').animate({ scrollTop: 0 }, 500); 
   });
  
  var welcomeRotator = $('.home .references');
  if(welcomeRotator.find('li').length > 1) {
    welcomeRotator.append('<div class="nav"><div class="prev"></div><div class="next"></div></div>');
    nextDiv = welcomeRotator.find('.nav .next');
    prevDiv = welcomeRotator.find('.nav .prev');
    welcomeRotator.find('ul').cycle({
      timeout: 5000,
      speed: 500,
      fx: 'scrollHorz',
      next: nextDiv,
      prev: prevDiv
    });
  }
  
  var fancyBoxOpts = {
    titleShow: false,
    transitionIn: 'elastic',
    transitionOut: 'elastic',
    overlayOpacity: 0.6,
    overlayColor: '#666'
  }
  
  var referenceBox = $('.reference-box');
  if(referenceBox.find('a').length > 0) {
    referenceBox.find('a').fancybox(fancyBoxOpts);
  }
  
  var referenceBox = $('.reference-imagebrowser');
  if(referenceBox.find('.pic a').length > 0) {
    referenceBox.find('.pic a').fancybox(fancyBoxOpts);
  }
  
  var fadingPics = $('#fadingPics');
  if (fadingPics.length > 0) {
    var pathToPics = '/wp-content/themes/berner_dach/pics/';
    var pics = [
      'pi_header_welcome_02.jpg',
      'pi_header_welcome_01.jpg',
      'pi_header_welcome_03.jpg'
    ];
    var els = '';
    $.each(pics, function(i, v) {
      els += '<img src="' + base_url + pathToPics + v + '" />';
    });
    fadingPics.append(els);
    var domPics = fadingPics.find('img');
    domPics.hide(0);
    domPics.eq(0).show(0);
    fadingPics.cycle({
      timeout: 6000,
      speed: 2000,
      fx: 'fade'
    });
    $('#pageHead').addClass('pageHead-nobg');
  }
  
  var fxDur = 450;
  
  var navMain = $('#navMain');
  
  if (navMain.length > 0 && $.support.opacity) {
    navMain.find('li').hover(function() {
      $(this).addClass('hover').css('zoom', 1);
      
      var submenu = $(this).children('ul');

      submenu.css({ 'opacity': 0, 'display': 'block', 'zoom': 1 }).stop(true, false).fadeTo(fxDur, 1);
    }, function() {
      $(this).removeClass('hover');
      
      var submenu = $(this).children('ul');

      submenu.stop(true, false).fadeTo(fxDur, 0, function() { $(this).css('display', 'none'); });
    });
    
  }
  
})