$(document).ready(function() {
	$('.main-nav').hover(
		function() { if(!$(this).hasClass('')) $(this).attr('src', $(this).attr('src').substring(0, $(this).attr('src').indexOf('.')) + '-over.png') },
		function() { $(this).attr('src', $(this).attr('src').substring(0, $(this).attr('src').indexOf('-over')) + '.png') }
	);
	
	var onMouseOutOpacity = 0.67;
	$('#thumbsContainerSel ul.thumbs li').css('opacity', onMouseOutOpacity)
		.hover(
			function () {
				$(this).not('.selected').fadeTo('fast', 1.0);
			}, 
			function () {
				$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
			}
		);

	
	var gallery = $('#gallery').galleriffic('#thumbs-container-sel', {
		delay:                  3000,
		numThumbs:              20,
		preloadAhead:           40, // Set to -1 to preload all images
		enableTopPager:         false,
		enableBottomPager:      false,
		imageContainerSel:      '#image-container-sel',
		captionContainerSel:    '#image-caption',
		loadingContainerSel:    '#loading-container-sel',
		renderSSControls:       false,
		renderNavControls:      false,
		enableHistory:          false,
		autoStart:              false,
		onChange:               function(prevIndex, nextIndex) {
			$('#thumbs-container-sel ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 1.0);
		},
		onTransitionOut:        function(callback) {
			$('#image-container-sel, #project-caption').fadeOut('fast', callback);
		},
		onTransitionIn:         function() {
			$('#image-container-sel, #project-caption').fadeIn('fast');
		},
		onPageTransitionOut:    function(callback) {
			$('#thumbs-container-sel ul.thumbs').fadeOut('fast', callback);
		},
		onPageTransitionIn:     function() {
			$('#thumbs-container-sel ul.thumbs').fadeIn('fast');
		}
		
	});
	
	$('#head-image').cycle({ 
		fx:      'scrollLeft', 
		speed:    1000, 
		timeout:  5000 
	});

});