$(function(){
	$('.top-nav-ul > li').hover(function(){
		$(this).addClass('hover');
	},function(){
		$(this).removeClass('hover');
	});
	
	if($('.hide').length>0){
		$('.hide').before('<a href="#" class="btn-more">Read more...</a>');
		
		$('.btn-more').click(function(){
			$(this).siblings('.hide').slideDown();
			$(this).hide();
			return false;
		});
	}
	
	if($('.pg').length>0){
		initPhotoG();
	}
});

function initPhotoG(){
	//192x128 
	var ngo = $('.ngg-galleryoverview');
	var ngt = $(ngo).find('.ngg-gallery-thumbnail-box');
	var ul = $('#th-li');
	var pn = 1;
	$(ngt).each(function(){
		var large = $(this).find('a').attr('href');
		var thumb = $(this).find('a').html();
		var desc = $(this).find('a').attr('title');
		var title = $(this).find('img').attr('alt');
		$(ul).append('<li><a class="thumb" href="'+large+'" title="'+title+'">'+thumb+'</a><div class="caption"><div class="image-title">'+title+'</div><div class="image-desc">'+desc+'</div></div></li>');
		pn++;
	});
	$(ngo).remove();
	
				$('div.navigation').css({'width' : '300px', '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'
				});
				
				// Initialize Advanced Galleriffic Gallery
				var gallery = $('#thumbs').galleriffic({
					delay:                     2500,
					numThumbs:                 15,
					preloadAhead:              10,
					enableTopPager:            true,
					enableBottomPager:         true,
					maxPagesToShow:            7,
					imageContainerSel:         '#slideshow',
					controlsContainerSel:      '#controls',
					captionContainerSel:       '#caption',
					loadingContainerSel:       '#loading',
					renderSSControls:          true,
					renderNavControls:         true,
					playLinkText:              'Play Slideshow',
					pauseLinkText:             'Pause Slideshow',
					prevLinkText:              '&lsaquo; Previous Photo',
					nextLinkText:              'Next Photo &rsaquo;',
					nextPageLinkText:          'Next &rsaquo;',
					prevPageLinkText:          '&lsaquo; 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);
					}
				});
}