jQuery(document).ready(function($) {
	// We only want these styles applied when javascript is enabled
	$('div.navigation').css({'width' : '440px', 'float' : 'left'});
	$('div.content').css('display', 'block');

	// Initially set opacity on thumbs and add
	// additional styling for hover effect on thumbs
	var onMouseOutOpacity = 0.67;
	$('#thumbs ul.thumbs li').opacityrollover({
		mouseOutOpacity:   onMouseOutOpacity,
		mouseOverOpacity:  1.0,
		fadeSpeed:         'fast',
		exemptionSelector: '.selected'
	});

	// Enable toggling of the caption
	var captionOpacity = 1;
	$('#captionToggle a').click(function(e) {
		var link = $(this);
		
		var isOff = link.hasClass('off');
		var removeClass = isOff ? 'off' : 'on';
		var addClass = isOff ? 'on' : 'off';
		var linkText = isOff ? 'Hide Caption' : 'Show Caption';
		captionOpacity = isOff ? 0.7 : 0.0;

		link.removeClass(removeClass).addClass(addClass).text(linkText).attr('title', linkText);
		$('#caption span.image-caption').fadeTo(1000, captionOpacity);
		
		e.preventDefault();
	});
	
	// Initialize Advanced Galleriffic Gallery
	
	if ($("#gallery").length !== 0) {
		var gallery = $('#thumbs').galleriffic({
			delay: 2500,
			numThumbs: 5,
			preloadAhead: 10,
			enableTopPager: false,
			enableBottomPager: true,
			maxPagesToShow: 12,
			imageContainerSel: '#slideshow',
			controlsContainerSel: '#controls',
			captionContainerSel: '#caption',
			loadingContainerSel: '#loading',
			renderSSControls: false,
			renderNavControls: true,
			playLinkText: 'Play Slideshow',
			pauseLinkText: 'Pause Slideshow',
			prevLinkText: '‹',
			nextLinkText: '›',
			nextPageLinkText: '›',
			prevPageLinkText: '‹',
			enableHistory: false,
			autoStart: false,
			syncTransitions: false,
			defaultTransitionDuration: 900,
			onSlideChange: function(prevIndex, nextIndex){
				// 'this' refers to the gallery, which is an extension of $('#thumbs')
				this.find('ul.thumbs').children().eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end().eq(nextIndex).fadeTo('fast', 1.0);
				
			},
			onTransitionOut: function(slide, caption, isSync, callback){
				slide.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0, callback);
				caption.fadeTo(this.getDefaultTransitionDuration(isSync), 0.0);
			},
			onTransitionIn: function(slide, caption, isSync){
				var duration = this.getDefaultTransitionDuration(isSync);
				slide.fadeTo(duration, 1.0);
				
				// Position the caption at the bottom of the image and set its opacity
				var slideImage = slide.find('img');
				caption.css({
//					'bottom': Math.floor((slide.height() - slideImage.outerHeight()) / 2)
//					'bottom': 0
				}).fadeTo(duration, captionOpacity);
				
				// override img link url
				var tmpObj = {
					'href': $("div.download a").attr('href'),
					'target': '_blank',
					'rel': ''
				};
				$(".advance-link").attr(tmpObj);

				$picLocation = $("#caption .location");
				$picBrigade = $("#caption .brigade");
				
				if ($.trim($picLocation.text()) != "" && $.trim($picBrigade.text()) != "") {
					if ($.trim($picLocation.text()).substr($.trim($picLocation.text()).length-1) != ",") {
						$picLocation.append(", ");
					}
				}
				
			},
			onPageTransitionOut: function(callback){
				this.fadeTo('fast', 0.0, callback);
			},
			onPageTransitionIn: function(){
				this.fadeTo('fast', 1.0);
				
				
			},
			onImageAdded: function(imageData, $li){
				$li.opacityrollover({
					mouseOutOpacity: onMouseOutOpacity,
					mouseOverOpacity: 1.0,
					fadeSpeed: 'fast',
					exemptionSelector: '.selected'
				});
			}
		});
	}


});