window.addEvent('domready', function(){

	// --- some debugging for ie
	/* 
	if (Browser.ie){
		(function(){ return true; }).delay(2000);
	}
	*/

  var myImageWidth       = 706;
  var myImageHeight 	 =  (mySlideshowType == 1 || mySlideshowType == 2) ? 446 : 382;
  var mySlideshowDelay   = 2500;
  var mySlideshowDuration= 1500;
  
  // determine if thumbnails are defined
  var obj = Object.values(myImageData)[0];
  if (Object.keys(obj) == 'thumbnail') {
		// console.log('MIT');
		var myThumbnails = true;
  }
  else {
		// console.log('OHNE');
		var myThumbnails = false;
  }
		
  var myShow = new Slideshow(
	  'show', 
	  myImageData, 
	  { captions: false, 
			controller: false, 
			thumbnails: myThumbnails,
			loop: true,
			overlap: true,
			loader: false,
			hu: myImageFolder, 
			width: myImageWidth, 
			height: myImageHeight, 
			delay: mySlideshowDelay,
			duration: mySlideshowDuration
	  }
	  );

  // --- horizontal-slider settings
  var myStartDelay = 3000;
  var myDistTween = 670;
  var myHorizontalSlide = new Fx.Morph('h_slider', {
	  transition: Fx.Transitions.Circ.easeOut
	  });

  if ( $('h_slidein') !== null ) {

	  // --- slide-in
	  $('h_slidein').addEvent('click', function(event){
		  myHorizontalSlide.start({
				   'left': [- myDistTween, 0], 
			   'opacity': [0.7, 0.9]
		  });
		
		  $('slider_img1').setStyles({display: 'block', visibility: 'visible'});
		$('slider_img2').setStyles({display: 'none', visibility: 'hidden'});
	  });
	
	  // --- slide-out
	  $('h_slideout').addEvent('click', function(event){
		event.stopPropagation(); // event.preventDefault(); // event.stop();
		myHorizontalSlide.start({
			  'left': [0,- myDistTween], 
			'opacity': [0.9, 0.7]
		 });
		
		$('slider_img1').setStyles({display: 'none', visibility: 'hidden'});
		$('slider_img2').setStyles({display: 'block', visibility: 'visible'});
	  });
	
	  // --- slide-in after start-delay
	  $('h_slidein').fireEvent('click', '', myStartDelay);

  }

});