document.write("<style type='text/css'>div.navigation{width:450px;float: left;}div.content{display:block;}</style>");
$(document).ready(function()
{
	// 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);}
		);
	
	var gallery = $('#gallery').galleriffic('#thumbs', {
		delay:                  2000,
		numThumbs:              8,
		preloadAhead:           -1,
		enableTopPager:         false,
		enableBottomPager:      true,
		imageContainerSel:      '#slide',
		controlsContainerSel:   '#controls',
		captionContainerSel:    '#caption',
		loadingContainerSel:    '#loading',
		renderSSControls:       true,
		playLinkText:           'Pokaz slajdów',
		pauseLinkText:          'Pauza',
		prevLinkText:           '&laquo; Poprzednie',
		nextLinkText:           'Następne &raquo;',
		nextPageLinkText:       'Następna &raquo;',
		prevPageLinkText:       '&laquo; Poprzednia',
		enableHistory:          true,
		autoStart:              false,
		onChange:               function(prevIndex, nextIndex) {
			$('#thumbs ul.thumbs').children()
				.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
				.eq(nextIndex).fadeTo('fast', 1.0);
		},
		onTransitionOut:        function(callback) {
			$('#slide, #caption').fadeOut('fast', callback);
		},
		onTransitionIn:         function() {
			$('#slide, #caption').fadeIn('fast');
		},
		onPageTransitionOut:    function(callback) {
			$('#thumbs ul.thumbs').fadeOut('fast', callback);
		},
		onPageTransitionIn:     function() {
			$('#thumbs ul.thumbs').fadeIn('fast');
		}
	});
});