$(document).ready(function(){ 
 
	$('.hover-reference').css('opacity', 0.0);
	$('.hover-reference').each(function() {
    $(this).hover(function() {
    	$(this).animate({ opacity: 0.85 }, 300);
    },
    function() {
    	$(this).animate({ opacity: 0.0 }, 300);
    });
  });
  
//slider
  
 function filterPath(string) {
		  return string
		 .replace(/^\//,'')
		 .replace(/(index|default).[a-zA-Z]{3,4}$/,'')
		 .replace(/\/$/,'');
		  }
		  var locationPath = filterPath(location.pathname);
		  $('a[href*=#]').each(function() {
		 var thisPath = filterPath(this.pathname) || locationPath;
		 if (  locationPath == thisPath
		 && (location.hostname == this.hostname || !this.hostname)
		 && this.hash.replace(/#/,'') ) {
		   var $target = $(this.hash), target = this.hash;
		   if (target) {
		  var targetOffset = $target.offset().top;
		  $(this).click(function(event) {
		    event.preventDefault();
		    $('html, body').animate({scrollTop: targetOffset}, 800, function() {
		   location.hash = target;
		    });
		  });
		   }
		 }
		  });
  
});


function slideSwitch() {
    var $active = $('#slideshow div.active');

    if ( $active.length == 0 ) $active = $('#slideshow div:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow div:first');

    // uncomment the 3 lines below to pull the images in random order
    
    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 8000 );
});