/* 
 * Javascripts for Foto Tatjana
 * (c) Studio Tandem, http://studiotandem.si/ 
 *
*/

var loadedGallery = "";
var addthis_config = { ui_language: "sl" };

$(document).ready(function()
{

			 
// backimage fadein/fadeout cycle
$("#backmask").cycle({
	timeout: 10000,  
		speed: 1500
});


$('#backbutton a').live('click', function(e) {
	e.preventDefault();
	$("#shadow").fadeOut(300);
});

$('#close').live('click', function(e) {
	e.preventDefault();
	$("#shadow").fadeOut(300);
	$('#aboutbox').hide(0);

});

$('#avtorji').click(function(e) {
	e.preventDefault();
	$("#shadow").fadeTo(300, 0.95);
	
	$.get($(this).attr('href')+'&showtemplate=false', function(data) {
		$('#shadow').html('<div id="aboutbox"><h1>Avtorji</h1>'+data+'<a href="#" id="close">Zapri</a></div>');
		$('#aboutbox').fadeIn('slow');
	});

});


// show gallerific
$("#galleries a").click(function(e){
	e.preventDefault();

	$(this).addClass('visited');
	$("#shadow").fadeIn(300);
	var url = $(this).attr('href');

  if (loadedGallery != url) {
			$('#shadow').delay(300).html('<div id="ajaxloading"></div>').fadeIn('fast');

			$.get(url+'&showtemplate=false', function(data) {
				loadedGallery = url;
				$('#ajaxloading').fadeOut(300);
				$('#shadow').delay(300).html(data);
				showGallerific();
			});
	}
	else {
			showGallerific();
	}

});

$(document).keyup(function(e) {
	if (e.keyCode == 27) { $("#shadow").fadeOut(300); }   // esc
});


function showGallerific() {
	$('#shadow 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:                 10,
		preloadAhead:              10,
		enableTopPager:            false,
		enableBottomPager:         true,
		maxPagesToShow:            5,
		imageContainerSel:         '#slideshow',
		controlsContainerSel:      '#controls',
		captionContainerSel:       '#caption',
		loadingContainerSel:       '#loading',
		renderSSControls:          true,
		renderNavControls:         false,
		playLinkText:              'Predvajaj',
		pauseLinkText:             'Ustavi',
		prevLinkText:              '&lsaquo;',
		nextLinkText:              '&rsaquo;',
		nextPageLinkText:          '&rsaquo;',
		prevPageLinkText:          '&lsaquo;',
		enableHistory:             false,
		autoStart:                 false,
		syncTransitions:           true,
		defaultTransitionDuration: 1300,
		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(0, 0.0, callback);
									},
		onPageTransitionIn:        function() {
										this.fadeTo('fast', 1.0);
									}
	});
}

});