// JavaScript Document
$(document).ready(function() {
	
	$('#hometop').append($('.slideshow'));
	
	// Sets first slide based on url hash
	var index = 0;
	var hash = window.location.hash;	
	if (hash) {	
		index = $(hash).index();
		index = (parseInt(index));
	}	
	
	//distributeThumbnails('.thumbnails', '.thumbnails img');
	
    $('#images').cycle({
		slideExpr: 'div', //Choses what should be used as slides
		startingSlide: index,
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		speed: 1000,  //Transition time
		delay:   4000, //Additional delay before first transition
		timeout: 6000, //Delay before each transition
		pager:  '.thumbnails', //Selector for thumbnails 
		pauseOnPagerHover: true, //Pause on hover on thumbnails
		pagerAnchorBuilder: function(idx, slide) {  
			// return selector string for existing anchor
        	return '.thumbnails img:eq(' + idx + ')'; 
    	}, 
		next: '#next', // Next link selector
		prev: '#prev', // Prev link selector
		onPrevNextEvent: function(isNext, zeroBasedSlideIndex, slideElement) {
		        _gaq.push(['_trackEvent', 'Hero Shot', 'Next/Prev']);
		    },
		onPagerEvent: function(zeroBasedSlideIndex, slideElement)  {
			_gaq.push(['_trackEvent', 'Hero Shot', 'Thumb Click']);
		    }
	/*	after: function(curr,next,opts) {
			var pos = $(window).scrollTop(); // get scroll position
			window.location.hash = $(next).attr('id'); // Sets hash based on current slide
			$(window).scrollTop(pos); // set scroll position back
		} */
	});
	
	$('.thumbnails img').fadeIn();
	
});

function distributeThumbnails(container, thumbs) {
	var containerWidth = $(container).width();
	var thumbsWidth = 0;
	$(thumbs).each( function () {
		thumbsWidth = thumbsWidth + $(this).width(); 
	} );
	var distance = containerWidth - thumbsWidth;
	var maxSpacing = 40;
	var numbThumbs = $(thumbs).length;
	if(distance > maxSpacing*(numbThumbs - 1)) {
		var extra = distance -  maxSpacing*(numbThumbs - 1);
		var newDistance =  maxSpacing*(numbThumbs - 1);
		$(thumbs+':first').css('margin-left', extra/2);
		distance = newDistance;
	}
	i = 1;
	$(thumbs).each( function () {
		var oneDistance = Math.floor( distance/(numbThumbs - i) );
		$(this).css("margin-right", oneDistance);
		distance = distance - oneDistance;
		i++;
	});
}