// JavaScript Document
$(document).ready(function(){	
	
	$("#nav a img").hover(
		function(){
			if(this.className!="selected")
				this.src="images/nav/" + this.id + "_r.gif";
		},
		function(){
			if(this.className!="selected")
				this.src="images/nav/" + this.id + ".gif";
		}
	);
	
	
	/********************************************************************************
	*	Collection Gallery - Start
	********************************************************************************/
	if ($("#collection-gallery").length > 0){
		

		$('#thumbs').load('collection_ds.html', function() {

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 1.0;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 3,
					preloadAhead:              10,
					enableTopPager:            false,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '‹ Previous Photo',
					nextLinkText:              'Next Photo ›',
					nextPageLinkText:          'next',
					prevPageLinkText:          'prev',
					enableHistory:             false,
					autoStart:                 false,
					syncTransitions:           true,
					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);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						this.fadeTo('fast', 1.0);
					}
				});
				
				
				
				$('#thumbs ul.thumbs li a').click(function(){
						var title=$.galleriffic.getImage(this.href).title;
						var imageUrl =$.galleriffic.getImage(this.href).slideUrl;
				 //console.log(	$.galleriffic.getImage(this.href));
				
					//$(this).lightBox({txtImage:title,imageArray:[imageUrl]});
					$.fancybox({
						'titlePosition'		: 'inside',
						'autoScale'			: 'true',
						'showCloseButton'	: 'true',
						'title'				: title,
						'href'				: imageUrl
					});

				})


				
		});// $('#collection-gallery').load('collection_ds.html', function() { - end
	}

	/********************************************************************************
	*	Collection Gallery - End
	********************************************************************************/
	
	
	
	
	/********************************************************************************
	*	Press Gallery - Start
	********************************************************************************/
	if ($("#press-gallery").length > 0){
		

		$('#thumbs').load('press_ds.html', function() {

				// Initially set opacity on thumbs and add
				// additional styling for hover effect on thumbs
				var onMouseOutOpacity = 1.0;
				$('#thumbs ul.thumbs li').opacityrollover({
					mouseOutOpacity:   onMouseOutOpacity,
					mouseOverOpacity:  1.0,
					fadeSpeed:         'fast',
					exemptionSelector: '.selected'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 3,
					preloadAhead:              10,
					enableTopPager:            false,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '‹ Previous Photo',
					nextLinkText:              'Next Photo ›',
					nextPageLinkText:          'next',
					prevPageLinkText:          'prev',
					enableHistory:             false,
					autoStart:                 false,
					syncTransitions:           true,
					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);
					},
					onPageTransitionOut:       function(callback) {
						this.fadeTo('fast', 0.0, callback);
					},
					onPageTransitionIn:        function() {
						this.fadeTo('fast', 1.0);
					}
				});
				
				
				
				$('#thumbs ul.thumbs li a').click(function(){
						var title=$.galleriffic.getImage(this.href).title;
						var imageUrl =$.galleriffic.getImage(this.href).slideUrl;
				 //console.log(	$.galleriffic.getImage(this.href));
				
					//$(this).lightBox({txtImage:title,imageArray:[imageUrl]});
					$.fancybox({
						'titlePosition'		: 'inside',
						'autoScale'			: 'true',
						'showCloseButton'	: 'true',
						'title'				: title,
						'href'				: imageUrl
					});

				})


				
		});// $('#press-gallery').load('collection_ds.html', function() { - end
	}

	/********************************************************************************
	*	Press Gallery - End
	********************************************************************************/
});