// We only want these styles applied when javascript is enabled


$(document).ready(function() {
$('div.navigation').css({'width' : '300px', 'float' : 'left'});
$('div#gallery').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').css('opacity', onMouseOutOpacity)
	.hover(
		function () {
			$(this).not('.selected').fadeTo('fast', 1.0);
		}, 
		function () {
			$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
		}
	);
						   
						   
	// Initialize Advanced Galleriffic Gallery
	var galleryAdv = $('#gallery').galleriffic('#thumbs', {
		delay:                  5000,
		numThumbs:              6,
		preloadAhead:           10,
		enableTopPager:         true,
		enableBottomPager:      false,
		imageContainerSel:      '#slideshow',
		controlsContainerSel:   '#controls',
		captionContainerSel:    '#caption',
		loadingContainerSel:    '#loading',
		renderSSControls:       true,
		renderNavControls:      true,
		playLinkText:           '',
		pauseLinkText:          '',
		prevLinkText:           '',
		nextLinkText:           '',
		nextPageLinkText:       '',
		prevPageLinkText:       '',
		enableHistory:          true,
		autoStart:              false,
		onChange:               function(prevIndex, nextIndex) {
			$('#thumbs ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 1.0);
				adjButs();
		},
		onTransitionOut:        function(callback) {
			$('#caption').fadeTo('fast', 0.0);
			$('#slideshow').fadeTo('fast', 0.0, callback);
			adjButs();
		},
		onTransitionIn:         function() {
			$('#slideshow').fadeTo('fast', 1.0);
			$('#caption').fadeTo('fast', 1.0);
			adjButs();
		},
		onPageTransitionOut:    function(callback) {
			$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
			adjButs();
		},
		onPageTransitionIn:     function() {
			$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
			adjButs();
		}
		
		
	});
	
});

function adjButs(){
	//large image mesurements
	imgWidth=$(".image-wrapper .advance-link img").width();
	imgHeight=$(".image-wrapper .advance-link img").height();
	imgTop=$(".image-wrapper .advance-link img").offset().top;
	imgLeft=$(".image-wrapper .advance-link img").offset().left;
	$(".nav-controls .next").css({opacity:0.0});
	$(".nav-controls .prev").css({opacity:0.0});
	
	//placement of the in picture next and previous links
	$(".nav-controls").css({height:imgHeight+"px",top:imgTop+"px",width:imgWidth+"px"});
	$(".nav-controls .prev").css({height:imgHeight+"px",marginLeft:"10px"});
	tempWitdh=imgWidth-imgLeft-35;//8 45
	$(".nav-controls .next").css({height:imgHeight+"px",marginLeft:tempWitdh+"px"});
	//hide the links fast
	
	tempContrlsTop=imgHeight+20;
	tempCenter=(imgWidth-28)/2;
	//place slide show start pause button
	$(".ss-controls").css({top:tempContrlsTop+"px",marginLeft:tempCenter+"px"});
	//handle various ie issues
	if(jQuery.browser.msie==true){
			butPlacement=(imgHeight/2)-(71/2);
			$(".nav-controls .nextIECont").css({marginTop:butPlacement+"px"});
			$(".nav-controls .prevIECont").css({marginTop:butPlacement+"px"});
			if(navigator.userAgent.indexOf("MSIE 8")>-1 || navigator.userAgent.indexOf("MSIE 7")>-1){
					tempWitdh=imgWidth-imgLeft-45;
					$(".nav-controls .next").css({marginLeft:tempWitdh+"px"});
				}
		}
		
		
}