// JavaScript Document


var ua = navigator.userAgent;

if(ua.indexOf("Opera") >= 0){
	$('div.navigation').css({'margin-top' : '33px', 'width' : '167px', 'float' : 'right', 'font-size': '12px'});
	$('div.slideshow').css({'margin-top' : '33px'});
	$('div#artist_menu').css({'margin-bottom' : '0'});
}





// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '167px', 'float' : 'right', 'font-size': '12px'});
$('ul.thumbs li').css({'margin-right' : '0px', 'margin-bottom' : '17px'});
$('div.image-desc').css({'height' : 'auto' , 'overflow-y' : 'visible'});
$('div.content').css('display', 'block');

// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 1.0;
$('#thumbs ul.thumbs li').css('opacity', onMouseOutOpacity)
	.hover(
		function () {
			$(this).not('.selected').fadeTo('fast', 0.6);
		}, 
		function () {
			$(this).not('.selected').fadeTo('fast', onMouseOutOpacity);
		}
);
	

$(document).ready(function() {
	// Initialize Advanced Galleriffic Gallery
	var galleryAdv = $('#gallery').galleriffic('#thumbs', {
		delay:                  8000,
		numThumbs:              4,
		preloadAhead:           -1,
		enableTopPager:         true,
		enableBottomPager:      false,
		imageContainerSel:      '#slideshow',
		controlsContainerSel:   '#controls',
		captionContainerSel:    '#caption',
		loadingContainerSel:    '#loading',
		renderSSControls:       false,
		renderNavControls:      true,
		playLinkText:           'Play Slideshow',
		pauseLinkText:          'Pause Slideshow',
		prevLinkText:           '<img src=\"../../images/artist/common/icon_arrow_sq_l.gif\" alt=\"Prev\" width=\"25\" height=\"25\" />',
		nextLinkText:           '<img src=\"../../images/artist/common/icon_arrow_sq_r.gif\" alt=\"Next\" width=\"25\" height=\"25\" />',
		nextPageLinkText:       '',
		prevPageLinkText:       '',
		enableHistory:          true,
		autoStart:              false,
		onChange:               function(prevIndex, nextIndex) {
			$('#thumbs ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 0.6);
		},
		onTransitionOut:        function(callback) {
			$('#caption').fadeTo('fast', 0.0);
			$('#slideshow').fadeTo('fast', 0.0, callback);
		},
		onTransitionIn:         function() {
			$('#slideshow').fadeTo('fast', 1.0);
			$('#caption').fadeTo('fast', 1.0);
		},
		onPageTransitionOut:    function(callback) {
			$('#thumbs ul.thumbs').fadeTo('fast', 0.0, callback);
		},
		onPageTransitionIn:     function() {
			$('#thumbs ul.thumbs').fadeTo('fast', 1.0);
		}
	});
});