hs.graphicsDir = 'highslide/graphics/';
	hs.align = 'center';
	hs.transitions = ['expand', 'crossfade'];
	hs.fadeInOut = true;
	hs.outlineType = 'custom';
	hs.allowMultipleInstances = true;
	hs.wrapperClassName = '';
	hs.captionEval = '';
	hs.captionOverlay.width = "165px";
	hs.dragByHeading = false;
	hs.numberPosition = '';
	zIndexCounter : 1; // adjust to other absolutely positioned elements
	marginLeft : 0;
	marginRight : 0;
	marginTop : 0;
	marginBottom : 0;
	hs.useBox = true;
	hs.width = 400;
	hs.height = 470;
	hs.targetX = 'gallery-area'; // 20px to the right of the target
    hs.targetY = 'gallery-area'; // follow the scrolling
	hs.marginBottom = 20; // make room for the thumbstrip and the controls
	hs.captionOverlay.position = 'leftpanel';
	hs.registerOverlay({
	html: '<div class="closebutton" onclick="return hs.close(this)" title="Fermer"></div>',
	position: 'top right',
	useOnHtml: false,
	fade: 2 // fading the semi-transparent overlay looks bad in IE
});


/**
* Function to submit a HTML form into a Highslide iframe popup.
*/
function submitToHighslide(form) {

    // identify the submit button to start the animation from
    var anchor;
    for (var i = 0; i < form.elements.length; i++) {
    	if (form.elements[i].type == 'submit') {
			anchor = form.elements[i];
			break;
		}
	}

	// open an expander and submit our form when the iframe is ready
	hs.overrides.push('onAfterExpand');
	hs.htmlExpand(anchor, {
		objectType: 'iframe',
		src: 'about:blank',
		width: 450,
		height: 450,
		objectHeight: 565,
		onAfterExpand: function(expander) {
			form.target = expander.iframe.name;
			form.submit();
		}
	});

	// return false to delay the sumbit until the iframe is ready
	return false;
}
// Add the slideshow providing the controlbar and the thumbstrip
hs.addSlideshow({
   slideshowGroup: ['group1','group2','group3','group4','group5','group6','group7','group8'],
   interval: 5000,
   repeat: false,
   useControls: false,
   overlayOptions: {
      position: 'bottom left',
      relativeTo: 'image',
      offsetY: -80,
      hideOnMouseOut: true
   },   
   thumbstrip: {
      position: 'below',
      offsetY: 120,
      mode: 'horizontal',
      relativeTo: 'expander',
      width: '100%'
   }
});
// First gallery config object
var config1 = {
	slideshowGroup: 'group1',
	thumbnailId: 'thumb1',
	transitions: ['expand', 'crossfade']
};
// Second gallery config object
var config2 = {
	slideshowGroup: 'group2',
	thumbnailId: 'thumb2',
	transitions: ['expand', 'crossfade']
};
// Third gallery config object
var config3 = {
	slideshowGroup: 'group3',
	thumbnailId: 'thumb3',
	transitions: ['expand', 'crossfade']
};
// Fourth gallery config object
var config4 = {
	slideshowGroup: 'group4',
	thumbnailId: 'thumb4',
	transitions: ['expand', 'crossfade']
};
// Fourth gallery config object
var config5 = {
	slideshowGroup: 'group5',
	thumbnailId: 'thumb5',
	transitions: ['expand', 'crossfade']
};
// Fourth gallery config object
var config6 = {
	slideshowGroup: 'group6',
	thumbnailId: 'thumb6',
	transitions: ['expand', 'crossfade']
};
// Fourth gallery config object
var config7 = {
	slideshowGroup: 'group7',
	thumbnailId: 'thumb7',
	transitions: ['expand', 'crossfade']
};
// Fourth gallery config object
var config8 = {
	slideshowGroup: 'group8',
	thumbnailId: 'thumb8',
	transitions: ['expand', 'crossfade']
};



// French language strings
hs.lang = {
	cssDirection: 'ltr',
	loadingText: 'Chargement...',
	loadingTitle: 'Cliquer pour annuler',
	focusTitle: 'Cliquer pour amener au premier plan',
	fullExpandTitle: '',
	creditsText: 'Développé sur <i>Highslide JS</i>',
	creditsTitle: 'Site Web de Highslide JS',
	previousText: 'Précédente',
	nextText: 'Suivante',
	moveText: 'Déplacer',
	closeText: 'Fermer',
	closeTitle: 'Fermer (esc ou Échappement)',
	resizeTitle: 'Redimensionner',
	playText: 'Lancer',
	playTitle: 'Lancer le diaporama (barre d\'espace)',
	pauseText: 'Pause',
	pauseTitle: 'Suspendre le diaporama (barre d\'espace)',
	previousTitle: 'Précédente (flèche gauche)',
	nextTitle: 'Suivante (flèche droite)',
	moveTitle: 'Déplacer',
	fullExpandText: 'Taille réelle',
	number: 'Image %1 of %2',
	restoreTitle: 'Cliquer pour fermer l\'image, cliquer et faire glisser pour déplacer, utiliser les touches flèches droite et gauche pour suivant et précédent.'
};
