/**
*	Site-specific configuration settings for Highslide JS
*/
$(document).ready(function() {
hs.graphicsDir = 'http://localhost/thema/wp-content/wphighslide/graphics/';
hs.showCredits = false;
hs.outlineType = 'custom';
hs.dimmingOpacity = 0.75;
hs.fadeInOut = true;
hs.align = 'center';
hs.marginBottom = 105;
hs.captionEval = 'this.thumb.alt';
hs.headingEval = 'this.thumb.title';


// Add the slideshow controller
hs.addSlideshow({
	slideshowGroup: (function() {
    var groups = [];
    $('.gallery').each(function(i, $item) {
        groups.push($item.id);
    });
    return groups;
})(),
	interval: 5000,
	repeat: false,
	useControls: true,
	fixedControls: false,
	overlayOptions: {
		className: 'text-controls',
		opacity: 1,
		position: 'bottom center',
		offsetX: 0,
		offsetY: -60,
		relativeTo: 'viewport',
		hideOnMouseOut: false
	},
	thumbstrip: {
		mode: 'horizontal',
		position: 'bottom center',
		relativeTo: 'viewport'
	}

});

// Dutch language strings
hs.lang = {
	cssDirection: 'ltr',
	loadingText: 'Laden...',
	loadingTitle: 'Klik om te annuleren',
	focusTitle: 'Klik om naar voren te brengen',
	fullExpandTitle: 'Vergroot naar origineel (f)',
	creditsText: 'Powered door <i>Highslide JS</i>',
	creditsTitle: 'Ga naar de Highslide JS homepage',
	previousText: 'Vorige',
	nextText: 'Volgende',
	moveText: 'Verplaats',
	closeText: 'Sluiten',
	closeTitle: 'Sluiten (esc)',
	resizeTitle: 'Afmeting wijzigen',
	playText: 'Afspelen',
	playTitle: 'Start diashow (spatiebalk)',
	pauseText: 'Pauze',
	pauseTitle: 'Diashow pauzeren (spatiebalk)',
	previousTitle: 'Vorige (pijl naar links)',
	nextTitle: 'Volgende (pijl naar rechts)',
	moveTitle: 'Verplaats',
	fullExpandText: 'Volledige grootte',
	number: 'Beeld %1 van %2',
	restoreTitle: 'Klik om te sluiten, klik en sleep om te verplaatsen. Gebruik pijltjes toetsen voor volgende en vorige.'
};



	hs.numberPosition = 'caption';
	hs.transitions = ['expand', 'crossfade'];

// for gallery
$('.gallery-item a').addClass('highslide');
$('.gallery-item a').each(function() {
    this.onclick = function() {
        return hs.expand(this, {
            slideshowGroup: this.parentNode.parentNode.parentNode.id
        });
    };
});

// For single images
hs.onSetClickEvent = function(sender, e) {
    e.element.onclick = function() {
        return hs.expand(this, singleConfig);
    }
    return false;
};

var singleConfig = {
    slideshowGroup: 'single-image',
    outlineType: 'drop-shadow',
    wrapperClassName: 'borderless',
    numberPosition: null,
    dimmingOpacity: 0
};

hs.registerOverlay({
    slideshowGroup: 'single-image',
    html: ' <div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
    position: 'top right',
    fade: 2
    });

});