// Highslide config
hs.graphicsDir = 'fileadmin/templates/scripts/graphics/';
hs.showCredits = false;
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
hs.outlineType = 'rounded-white';
hs.fadeInOut = true;
hs.dimmingOpacity = 0.75;

// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
  //slideshowGroup: 'group1',
  interval: 5000,
  repeat: false,
  useControls: true,
  fixedControls: true,
  overlayOptions: {
    opacity: .75,
    position: 'top center',
    hideOnMouseOut: true
  }
});

// lang
hs.lang = {
  cssDirection: 'ltr',
  loadingText : 'Lade...',
  loadingTitle : 'Zum Abbrechen Klicken...',
  focusTitle : 'Klicken, um in den Vordergrund zu bringen.',
  fullExpandTitle : 'Vollbild',
  creditsText : '',
  creditsTitle : '',
  previousText : 'zurueck',
  nextText : 'vor', 
  moveText : 'bewegen',
  closeText : 'schließen', 
  closeTitle : 'schliessen (esc)', 
  resizeTitle : 'vergroessern',
  playText : 'abspielen',
  playTitle : 'Slideshow abspielen (Leertaste)',
  pauseText : 'Pause',
  pauseTitle : 'Slideshow pausieren (Leertaste)',
  previousTitle : 'vorheriges (Cursor links)',
  nextTitle : 'naechstes (Cursor rechts)',
  moveTitle : 'bewegen',
  fullExpandText : 'Vollansicht',
  number: 'Bild %1 von %2',
  restoreTitle : 'Klicken um zu beenden, klicken und bewegen um Bild zu verschieben. Cursor Tasten um vor- und zurueck zu blaettern.'
}
  
// controls
hs.skin = {
  controls:
    '<div class="highslide-controls"><ul>'+
      '<li class="highslide-previous">'+
        '<a href="#" title="{hs.lang.previousTitle}">'+
        '<span>{hs.lang.previousText}</span></a>'+
      '</li>'+
      '<li class="highslide-play">'+
        '<a href="#" title="{hs.lang.playTitle}">'+
        '<span>{hs.lang.playText}</span></a>'+
      '</li>'+
      '<li class="highslide-pause">'+
        '<a href="#" title="{hs.lang.pauseTitle}">'+
        '<span>{hs.lang.pauseText}</span></a>'+
      '</li>'+
      '<li class="highslide-next">'+
        '<a href="#" title="{hs.lang.nextTitle}">'+
        '<span>{hs.lang.nextText}</span></a>'+
      '</li>'+
      '<li class="highslide-move">'+
        '<a href="#" title="{hs.lang.moveTitle}">'+
        '<span>{hs.lang.moveText}</span></a>'+
      '</li>'+
      '<li class="highslide-full-expand">'+
        '<a href="#" title="{hs.lang.fullExpandTitle}">'+
        '<span>{hs.lang.fullExpandText}</span></a>'+
      '</li>'+
      '<li class="highslide-close">'+
        '<a href="#" title="{hs.lang.closeTitle}" >'+
        '<span>{hs.lang.closeText}</span></a>'+
      '</li>'+
    '</ul></div>'
  ,
  contentWrapper:
    '<div class="highslide-body"></div>'+
    '<div class="highslide-footer"><div>'+
      '<span class="highslide-resize" title="{hs.lang.resizeTitle}"><span></span></span>'+
    '</div></div>'
}