hs.showCredits = false;

// http://highslide.com/forum/viewtopic.php?t=2119
if (jQuery('html').attr('lang') == 'de') {
	hs.lang = {
		cssDirection:     'ltr',
		loadingText :     'Lade...',
		loadingTitle :    'Klick zum Abbrechen',
		focusTitle :      'Klick um nach vorn zu bringen',
		fullExpandTitle : 'Zur Originalgröße erweitern',
		fullExpandText :  'Vollbild',
		creditsText :     'Powered by <i>Highslide JS</i>',
		creditsTitle :    'Gehe zur Highslide JS Homepage',
		previousText :    'Voriges',
		previousTitle :   'Voriges (Pfeiltaste links)',
		nextText :        'Nächstes',
		nextTitle :       'Nächstes (Pfeiltaste rechts)',
		moveTitle :       'Verschieben',
		moveText :        'Verschieben',
		closeText :       'Schließen',
		closeTitle :      'Schließen (Esc)',
		resizeTitle :     'Größe wiederherstellen',
		playText :        'Abspielen',
		playTitle :       'Slideshow abspielen (Leertaste)',
		pauseText :       'Pause',
		pauseTitle :      'Pausiere Slideshow (Leertaste)',
		number :          'Bild %1/%2',
		restoreTitle :    'Klick um das Bild zu schließen, klick und ziehe um zu verschieben. Benutze Pfeiltasten für vor und zurück.'
	};
} else if (jQuery('html').attr('lang') == 'fr'){
	hs.lang = { 
		loadingText :     'Chargement...', 
		loadingTitle :    'Cliquer pour annuler', 
		focusTitle :      'Cliquer pour amener au premier plan', 
		fullExpandTitle : 'Afficher à la taille réelle', 
		fullExpandText :  'Taille réelle', 
		creditsText :     'Développé sur <i>Highslide JS</i>', 
		creditsTitle :    'Site Web de Highslide JS', 
		previousText :    'Précédent', 
		previousTitle :   'Précédent (flèche gauche)', 
		nextText :        'Suivant', 
		nextTitle :       'Suivant (flèche droite)', 
		moveTitle :       'Déplacer', 
		moveText :        'Déplacer', 
		closeText :       'Fermer', 
		closeTitle :      'Fermer (esc ou Echap)', 
		resizeTitle :     'Redimensionner', 
		playText :        'Lancer', 
		playTitle :       'Lancer le diaporama (barre d\'espace)', 
		pauseText :       'Pause', 
		pauseTitle :      'Suspendre le diaporama (barre d\'espace)',   
		number :          'Image %1 sur %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.' 
	};
} else if (jQuery('html').attr('lang') == 'it'){
	hs.lang = {
		loadingText :     'Caricamento in corso',
		loadingTitle :    'Fare clic per annullare',
		focusTitle :      'Fare clic per portare in avanti',
		fullExpandTitle : 'Visualizza dimensioni originali',
		fullExpandText :  'Dimensione massima',
		creditsText :     'Powered by <i>Highslide JS</i>',
		creditsTitle :    'Vai al sito Web di Highslide JS',
		previousText :    'Precedente',
		previousTitle :   'Precedente (freccia sinistra)',
		nextText :        'Successiva',
		nextTitle :       'Successiva (freccia destra)',
		moveTitle :       'Sposta',
		moveText :        'Sposta',
		closeText :       'Chiudi',
		closeTitle :      'Chiudi (Esc)',
		resizeTitle :     'Ridimensiona',
		playText :        'Avvia',
		playTitle :       'Avvia slideshow (barra spaziatrice)',
		pauseText :       'Pausa',
		pauseTitle :      'Pausa slideshow (barra spaziatrice)',
		restoreTitle :    'Fare clic per chiudere l\'immagine, trascina per spostare. Frecce andare avanti e indietro.'
	};
} else {
	hs.lang = {
		cssDirection:     'ltr',
		loadingText :     'Loading...',
		loadingTitle :    'Click to cancel',
		focusTitle :      'Click to bring to front',
		fullExpandTitle : 'Expand to actual size (f)',
		fullExpandText :  'Full size',
		creditsText :     'Powered by <i>Highslide JS</i>',
		creditsTitle :    'Go to the Highslide JS homepage',
		previousText :    'Previous',
		previousTitle :   'Previous (arrow left)',
		nextText :        'Next',
		nextTitle :       'Next (arrow right)',
		moveTitle :       'Move',
		moveText :        'Move',
		closeText :       'Close',
		closeTitle :      'Close (esc)',
		resizeTitle :     'Resize',
		playText :        'Play',
		playTitle :       'Play slideshow (spacebar)',
		pauseText :       'Pause',
		pauseTitle :      'Pause slideshow (spacebar)',   
		number :          'Image %1 of %2',
		restoreTitle :    'Click to close image, click and drag to move. Use arrow keys for next and previous.'
	};
}


hs.align = 'center';
hs.dimmingOpacity = 0.75;
hs.transitions = ['expand', 'crossfade'];
hs.captionEval = 'this.thumb.alt';
//hs.headingEval = 'this.a.title';
hs.wrapperClassName = 'highslide-white';
hs.spaceForCaption = 30;
hs.outlineType = 'rounded-white';

/*************************/
// A navigation bar in the top right
var controlbarRound = '<div class="controlbar"><a href="#" class="previous" onclick="return hs.previous(this)" title="Previous (left arrow key)"></a><a href="#" class="next" onclick="return hs.next(this)" title="Next (right arrow key)"></a><a href="#" class="highslide-move" onclick="return false" title="Click and drag to move"></a><a href="#" class="close" onclick="return hs.close(this)" title="Close"></a></div>';
var controlbarRoundOverlay = {
	thumbnailId: null,
	overlayId: 'controlbarRound',
	html: controlbarRound,
	position: 'top right',
	hideOnMouseOut: true
};
//hs.registerOverlay( controlbarRoundOverlay ); //defined for all hs.. we do this inline

var controlbarRoundCenter = '<div class="controlbar2"><a href="#" class="previous" onclick="return hs.previous(this)" title="Previous (left arrow key)"></a><a href="#" class="next" onclick="return hs.next(this)" title="Next (right arrow key)"></a><a href="#" class="highslide-move" onclick="return false" title="Click and drag to move"></a><a href="#" class="close" onclick="return hs.close(this)" title="Close"></a></div>';
var controlbarRoundCenterOverlay = {
	thumbnailId: null,
	overlayId: 'controlbarRoundCenter',
	html: controlbarRoundCenter,
	position: 'bottom center',
	hideOnMouseOut: true
};
//hs.registerOverlay( controlbarRoundCenterOverlay ); //defined for all hs.. we do this inline

// The simple semitransparent close button overlay
var closeButton = '<div class="closebutton"	onclick="return hs.close(this)" title="Close"></div>';
closeButtonOverlay = {
	thumbnailId: null,
	overlayId: 'closeButton',
	html: closeButton,
	position: 'top right',
	fade: 2 // fading the semi-transparent overlay looks bad in IE
};
//hs.registerOverlay( closeButtonOverlay ); //defined for all hs.. we do this inline

//a slideshow with navigation
var slideshowOverlay = {
		slideshowGroup: 'minigallery',
		interval: 5000,
		repeat: false,
		useControls: true,
		fixedControls: 'fit',
		overlayOptions: {
			opacity: .75,
			position: 'bottom center',
			hideOnMouseOut: true
		}
	};
hs.addSlideshow(slideshowOverlay);

//a gallery with thumbnails
var galleryOverlay = {
		slideshowGroup: 'gallery',
		interval: 5000,
		repeat: false,
		useControls: true,
		overlayOptions: {
			opacity: .75,
			position: 'bottom center',
			hideOnMouseOut: true
		},
		thumbstrip: {
			position: 'bottom center',
			mode: 'horizontal',
			relativeTo: 'viewport'
		}
	};
hs.addSlideshow(galleryOverlay);
/******************/
//this is our overlay if option is checked
var navigationOverlay = controlbarRoundOverlay; //overlay for an imageset
var navigationOverlaySingle = closeButtonOverlay; //overlay for an single image . f.instc the close-button


/********AJAX*****/
//var ajaxContentWrapper = '<div class="highslide-html-content" id="highslide-html-ajax" style="width: 700px;"><div style="height: 18px"><div class="controlbar5"><a href="#" class="previous" onclick="return hs.previous(this)" title="Previous (left arrow key)"></a><a href="#" class="next" onclick="return hs.next(this)" title="Next (right arrow key)"></a><a href="#" class="highslide-move" onclick="return false" title="Click and drag to move"></a><a href="#" class="close" onclick="return hs.close(this)" title="Close"></a></div></div><div class="highslide-body" style="padding: 0 10px 10px 10px"></div><div class="highslide-footer"><div><span class="highslide-resize" title="{hs.lang.resizeTitle}"><span></span></span></div>';
var ajaxContentWrapper = '<div class="highslide-html-content draggable-header" id="highslide-html" style="width: 700px;">';
ajaxContentWrapper += '		<div class="highslide-header">';
ajaxContentWrapper += '		<ul>';
ajaxContentWrapper += '			<li class="highslide-previous"><a onclick="return hs.previous(this)" title="Previous (arrow left)" href="#"><span>Previous</span></a></li>';
ajaxContentWrapper += '			<li class="highslide-next"><a onclick="return hs.next(this)" title="Next (arrow right)" href="#"><span>Next</span></a></li>';
ajaxContentWrapper += '			<li class="highslide-move"><a onclick="return false" title="Move" href="#"><span>Move</span></a></li>';
ajaxContentWrapper += '			<li class="highslide-close"><a onclick="return hs.close(this)" title="Close (esc)" href="#"><span>Close</span></a></li>';
ajaxContentWrapper += '		</ul>';
ajaxContentWrapper += '		</div>';
ajaxContentWrapper += '		<div class="highslide-body" style="padding: 0 10px 10px 10px"></div>';
ajaxContentWrapper += '		<div class="highslide-footer"><div>';
ajaxContentWrapper += '		<span class="highslide-resize" title="{hs.lang.resizeTitle}"><span></span></span>';
ajaxContentWrapper += '		</div>';


jQuery(document).ready( function() {

	jQuery('body').append( ajaxContentWrapper );

	//define ajax popups
	jQuery('a.highslide-ajax, a.ajax').bind(
		'click',
		function() {		
			var href = jQuery(this).attr('href');
			aa = href.split('?');
			href = aa[0] + '?type=1161&' + aa[1];
			hs.htmlExpand( null, { 
					contentId: 'highslide-html',
					wrapperClassName: 'titlebar',
					src: href, 
					objectType: 'ajax',
					preserveContent: true,
					cacheAjax: false,
					headingText: jQuery(this).attr('title')
				} );
			return false;
		}
	);
	
	//define iframe popups
	jQuery('a.iframe').bind(
		'click',
		function() {
			var href = jQuery(this).attr('href');
			aa = href.split('?');
			href = aa[0] + '?type=1162&' + aa[1];
			hs.htmlExpand( null, { 
					contentId: 'highslide-html',
					wrapperClassName: 'titlebar',
					src: href, 
					objectType: 'iframe',
					preserveContent: true,
					cacheAjax: false,
					headingText: jQuery(this).attr('title')
				} );
			return false;
		}
	);
	
	//its not possible to define ajax-links and highslide images , this will fix it
	jQuery("a[target='thePicture']").attr('onclick','');
	jQuery("a[target='thePicture']").each( function(element) {
		var href = jQuery(this).attr('href');
			aa = href.split('file=');
			aa2 = aa[1].split('&');
			href = unescape(aa2[0]);
			jQuery(this).attr('href',href);
			jQuery(this).attr('rel',href);
			jQuery(this).attr('class','highslide');
			jQuery(this).click( function() { return hs.expand( this ); } );
		} );	

	//no groups are possible with jquery - for images we use a inline-js
	/*	
	jQuery('a.highslide-image').bind(
		'click',
		function() {
			var href = jQuery(this).attr('href');
			var group = jQuery(this).attr('rel');
			return hs.expand( jQuery(this), { src: href, slideshowGroup: 'first-group' } );
		}
	);	
	*/

} );