// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
jQuery(document).ready(function(){
  
  // make pictureframe rotate through available images
  $('.slideshow').cycle({
		fx:      'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		speed:    2500,
		timeout:  8000,
		pager:   '#picnav',
    pagerEvent: 'mouseover',
		pauseOnPagerHover: true, 
    fastOnEvent: 500,
    cleartypeNoBg: false,
    cleartype:  1, 
    cssBefore: {
      zIndex: 0
    },
    cssAfter: {
      zIndex: 0
    }
  });
  // for slideshows with too many slides, show a pref and next button instead of a million buttons
  $('.slideshow_prev_next').cycle({
		fx:     'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		speed:    2500,
		timeout:  8000,
		prev:   '#prev',
    next:   '#next',
    //pause:  '#pause',
    //resume: '#play',
		pager:  '#picnav',
    //pagerEvent: 'mouseover',
		//pauseOnPagerHover: true, 
    fastOnEvent: 500,
    cleartypeNoBg: false,
    cleartype:  1, 
    cssBefore: {
      zIndex: 0
    },
    cssAfter: {
      zIndex: 0
    }
  });
  
  // Preload images for pager slideshow
  var picnavcache = [];
  $.preLoadImages = function() {
    var args_len = arguments.length;
    for (var i = args_len; i--;) {
      var cacheImage = document.createElement('img');
      cacheImage.src = arguments[i];
      picnavcache.push(cacheImage);
    }
  };
  // Arguments are image paths relative to the current page.
  jQuery.preLoadImages("/images/layout/picframe-nav-current.gif", "/images/layout/picframe-nav.gif");
  
  
  // make pictureframe show employee slides
  // $('.employee-bios')
  //   .cycle({
  //    fx:      'fade', 
  //    startingSlide: 0, // zero-based
  //    random: 1,
  //    speed:    2500,
  //    timeout:  2000,
  //    prev:   '#prev',
  //    next:   '#next',
  //    //pause:  '#pause',
  //    //resume:   '#play',
  //    pager:   '#nav',
  //     //pagerEvent: 'mouseover',
  //    //pauseOnPagerHover: true, 
  //     fastOnEvent: 500,
  //     cleartypeNoBg: false,
  //     cleartype:  1, 
  //     // cssBefore: {
  //     //   z-Index: 0;
  //     // },
  //     // cssAfter: {
  //     //   z-Index: 1;
  //     // }      
  //     $('.name').click(function() {
  //         var newitem = $(this).attr('id');
  //         $('#nav li:eq(newitem) a').trigger('click');
  //         return false;
  //     });
  // });
  
  
  // show/hide details when a detail-link is clicked
  // get #word in url window.location or default to first
  function show_bio(newitem){
    if (!newitem){                                           // if there still isn't an item
      $(".show-employee").children(':first').siblings().hide(); // hide all but the top one to start
    } else {
      //$("#0").hide();
      $(".show-employee").siblings().fadeOut('slow'); // hide all
      $("#"+newitem).fadeIn('slow');             // then show the one with the ID that matches the class
    };
  };
  
  // run show_detail() on page load
  //show_bio();
  
  // or when a detail-links anchor is clicked
  $(".name").click(function(){
    //$('.employee-bios').cycle('pause');
    var newitem = $(this).attr('id');
    //$('.employee-bios').cycle(29);
    show_bio(newitem);
  });
  
  $("#play").click(function(){
    $('.slideshow_prev_next').cycle('resume');
  });
  $("#next").click(function(){
    $('.slideshow_prev_next').cycle('next');
  });
  $("#pause").click(function(){
    $('.slideshow_prev_next').cycle('pause');
  });
  
});