onloadHooks.push(function(){
	rgslideshow();
});

function rgslideshow() {
	
	var SimpleSlideShowDemo = new Class({
		// kipaka
		Implements: [Options,Events],
		options: {
			slides: [],
			startIndex: 0,
			wrap: true,
			onShow: Class.empty, //Mootools 1.2: $empty
			onRotate: Class.empty,
			onStop: Class.empty,
			onAutoPlay: Class.empty,
			onShowSlide: Class.empty,
			slideInterval: 2500,
			auto:true,
			autostop:false,
			transitionDuration: 2000,
			splitter:"·",
			prev:"« ",
			next:" &raquo",
			play:"∞",
			stop:"φ",
			bigNavigation : false,
			smallNavigation: false,
			browser:false,
			addBarInside:false,
			hideText:false

		},
		initialize: function(container,options){
		// kipaka
		//if (container[0].getParent().getTag()=='a') {
			if (container[0].getParent().get('tag')=='a') {
	     this.containerNest = container[0].getParent().getParent();
	    } else {
	      this.containerNest = container[0].getParent();
	    }
	    this.container = container;
			this.setOptions(options);
			this.slides = [];
			this.title = [];
			this.descr = [];
			this.effects = [];
			this.browserArr = [];
			this.playStatus = false;
			if (this.options.auto) this.playStatus = true;

	    this.createStructure();

			this.addSlides(this.container);
			if(this.slides.length) this.showSlide(this.options.startIndex);
			if (this.options.auto) {
	      this.autoplay();
	     // this.playStatus = true;
	    }
		},
		createFx: function(){
			this.slideFx = new Fx.Elements(this.slides, {duration: this.options.transitionDuration, transition: Fx.Transitions.Linear});
			this.slides.each(function(slide){
				slide.setStyle('opacity','0');
			});
		},	
		createStructure: function() {

		  var oldClass = this.containerNest.getProperty("class");
	    this.containerNest.setProperty('class', '');
		  this.containerNest.addClass('rgslideshow');
		  
		  this.test = new Element('div').addClass(oldClass).injectBefore(this.containerNest);
		  this.containerNest.injectInside(this.test);
		  
		  if (!this.options.hideText) {
		  
	      if (this.options.addBarInside) {
	        this.nestAll = new Element('div').setProperty('class', 'rgsnest').injectTop(this.containerNest);    
	        this.title = new Element('div').setProperty('class', 'rgstitle').injectInside(this.nestAll);
	        this.description = new Element('div').setProperty('class', 'rgsdescription').injectInside(this.nestAll);
	      }
	      
	      //	  this.nestAll = new Element('div').setProperty('class', 'rgslideshow').injectAfter(this.containerNest);
	      
	      // if (this.options.addBarInside) this.titleOp = new Element('div').setProperty('class', 'optitle').injectInside(this.nestAll);
	    //  this.nestDescription = new Element('div').setProperty('class', 'descr').injectInside(this.nestAll);
	    //  if (this.options.addBarInside) this.descriptionOp = new Element('div').setProperty('class', 'opdescr').injectInside(this.nestAll);
	      
	   
	       if(this.options.browser) {
	       
	        this.navigation = new Element('div').setProperty('class', 'rgslideshownav').injectAfter(this.containerNest);
	        this.innerNavigation = new Element('div').setProperty('class', 'rgsnav2').injectInside(this.navigation);

	        // kipaka
	        //if(this.options.smallNavigation) this.prevEl = new Element('span').setProperty('class', 'rgsprev').injectInside(this.innerNavigation).setHTML(this.options.prev).addEvent('click', this.cycleBack.bind(this));
	        if(this.options.smallNavigation) this.prevEl = new Element('span').setProperty('class', 'rgsprev').injectInside(this.innerNavigation).set('html',this.options.prev).addEvent('click', this.cycleBack.bind(this));
	        this.browser = new Element('div').setProperty('class', 'rgsbrowser').injectInside(this.innerNavigation);
	        // kipaka
	        //if(this.options.smallNavigation)  this.nextEl = new Element('span').setProperty('class', 'rgsnext').injectInside(this.innerNavigation).setHTML(this.options.next).addEvent('click', this.cycleForward.bind(this));
	       if(this.options.smallNavigation)  this.nextEl = new Element('span').setProperty('class', 'rgsnext').injectInside(this.innerNavigation).set('html',this.options.next).addEvent('click', this.cycleForward.bind(this));
	  
	        this.play = new Element('span').setProperty('class', 'rgsplay').injectInside(this.innerNavigation).addEvent('click', this.togglePlay.bind(this));    
	  
	        if (!this.playStatus) {
	          // kipaka
	        	//this.play.setHTML(this.options.play).setProperty('title',"Play");
	        	this.play.set('html',this.options.play).setProperty('title',"Play");
	        } else {
	        	// kipaka
	          //this.play.setHTML(this.options.stop).setProperty('title',"Stop");
	        	this.play.set('html',this.options.stop).setProperty('title',"Stop");
	        }
	       } 
	    }

	    if (this.options.bigNavigation) {
	      this.bigPrev = new Element('a').setProperties({'class': 'rgsbigprev', 'href': "javascript:void(0);"}).injectInside(this.containerNest).addEvent('click', this.cycleBack.bind(this));
	      this.bigNext = new Element('a').setProperties({'class': 'rgsbignext', 'href': "javascript:void(0);"}).injectInside(this.containerNest).addEvent('click', this.cycleForward.bind(this));
	    }    
	    
	    this.createFx();

	  },
		addSlides: function(slides){
	    var i =1;

			slides.each(function(slide){
				this.slides.include($(slide));

				// kipaka style to morph
				//this.effects[this.slides.indexOf(slide)] = new Fx.Style(slide, 'opacity');
				// kipaka 
				// Ansatz für Modifizierung des Überblendeffektes 
				//this.effects[this.slides.indexOf(slide)] = new Fx.Morph(slide,{duration: '700'});
				this.effects[this.slides.indexOf(slide)] = new Fx.Morph(slide).set({duration: this.options.transitionDuration});
				
	      
	      slide.addClass('rgssimg');
	        var title=" ";
	        var descr="";
	        if (slide.getProperty("title")) {
	          split = slide.getProperty("title").split("|");
	          if (split[0]) {
	            title = split[0];
	            slide.setProperty("title",title);
	          }
	          if (split[1]) descr = split[1];
	        }

	  			this.descr[this.slides.indexOf(slide)] = descr;      
	  			this.title[this.slides.indexOf(slide)] = title;
	      if(this.options.browser) {  			
	        //this.browserEl = new Element('span').setProperties({'class': 'rgsbrowserEl', 'title': title}).setHTML(this.slides.indexOf(slide)+1).injectInside(this.browser);
	    	  this.browserEl = new Element('span').setProperties({'class': 'rgsbrowserEl', 'title': title}).set('html',this.slides.indexOf(slide)+1).injectInside(this.browser);
	    //    this.browserEl.setProperty('id',this.options.paginationSelector+i);
	  			this.browserEl.addEvent('click', this.cycleTo.bind(this,this.slides.indexOf(slide)));
	  			this.browserArr[this.slides.indexOf(slide)] = this.browserEl;
	  		}
				
				if (i!=1) {
	      	// kipaka
			//	if(this.options.browser)		this.splitter = new Element('span').setProperty('class', 'rgssplitEl').setHTML(this.options.splitter).injectBefore(this.browserEl);
				if(this.options.browser)		this.splitter = new Element('span').setProperty('class', 'rgssplitEl').set('html',this.options.splitter).injectBefore(this.browserEl);
	      	slide.setStyle('display','none');
	      } else {

	        if (!this.options.hideText && this.options.addBarInside) {
	          var nestDiv = this.nestAll.getSize();
	        } else {
	          var nestDiv = this.containerNest.getSize();

	        }
	        var img = slide.getSize();

	    		if(this.options.bigNavigation) {          
	    	// kipaka
	    	//this.bigPrev.setStyle('height',(slide.getProperty("height")-nestDiv.size.y)+'px');
	    			this.bigPrev.setStyle('height',(slide.getProperty("height")-nestDiv.y)+'px');
	    	// kipaka
	    	//this.bigNext.setStyle('height',(slide.getProperty("height")-nestDiv.size.y)+'px');
	    	this.bigNext.setStyle('height',(slide.getProperty("height")-nestDiv.y)+'px');
	          if(!this.options.addBarInside) {
		          this.bigPrev.setStyle('height',(slide.getProperty("height"))+'px');
		          this.bigNext.setStyle('height',(slide.getProperty("height"))+'px');

						}					 
	        }
	    		if(this.options.addBarInside) { 
	    		  this.nestAll.setStyle('width',slide.getProperty("width")+'px');
	    		}
	    	  if(this.options.browser) {
	          var width =  this.containerNest.getSize();
	    		  // kipaka
	          		//this.navigation.setStyle('width',width.size.x-1+'px');
	          		this.navigation.setStyle('width',width.x-1+'px');
	        }
	      
	      }
				i++;
			}, this);
		},
		addSlide: function(slide){
			this.addSlides([slide]);
		},
		cycleForward: function(){
			if($chk(this.now) && this.now < this.slides.length-1) this.showSlide(this.now+1);
			else if ((this.now) && this.options.wrap) this.showSlide(0);
			else if(!$defined(this.now)) this.showSlide(this.options.startIndex);
		},
		cycleBack: function(){
			if(this.now > 0) this.showSlide(this.now-1);
			else if(this.options.wrap) this.showSlide(this.slides.length-1);
		},
		cycleTo: function(i){
			if(this.playStatus) {
	      this.togglePlay();
	    }	
	    this.showSlide(i);
		},
		togglePlay: function() {
	    if (this.playStatus) {
	      this.stop();
	      this.playStatus = false;
	      this.play.innerHTML = this.options.play;
	      this.play.setProperty('title',"Play");
	    }
	    else {
	      this.autoplay();
	      this.playStatus = true;
	      this.play.innerHTML = this.options.stop;
	      this.play.setProperty('title',"Stop");
	    }
	  },
		autoplay: function(){
			this.slideshowInt = this.rotate.periodical(this.options.slideInterval, this);
			this.fireEvent('onAutoPlay');
		},
		stop: function(){
			clearInterval(this.slideshowInt);
			this.fireEvent('onStop');
		},  	
		rotate: function(){
			this.cycleForward();
			this.fireEvent('onRotate');
		},	
		showSlide: function(iToShow){ 
			var now = this.now;		
			var currentSlide = this.slides[now];
			var slide = this.slides[iToShow];
			
			function fadeIn(s){
				s.setStyles({
					display: 'block',
					visibility: 'hidden',
					opacity: 0 
				});
				//kipaka
				//this.effects[this.slides.indexOf(s)].start(1);
				this.effects[this.slides.indexOf(s)].start({
					'opacity': ['0','1']
				});
				this.fireEvent('onShow', [slide, iToShow]);
			};
			
			function fadeOut(s){
				this.effects[this.slides.indexOf(s)].start({
					'opacity': ['1','0']
				});
			};
			
	    
	    if (!this.options.hideText) {
	      if (this.options.addBarInside) this.description.innerHTML = this.title.innerHTML = "&nbsp;";
	      if(this.options.browser) {
	        this.browserArr.each(function(el) {
	          el.removeClass("rgsact");
	        });
	      }
	    }

// now ist beim ersten mal undefined, dann immer das, das ausgeblendet werden muss

			if(slide) {    
				if($chk(now) && now != iToShow){
					if(now > iToShow && this.options.autostop) {
						this.stop();
					    this.playStatus = false;
					} else {
					this.effects[now].start('0').chain(function(){
						//this.slides[now].setStyle('display', 'none');
						//this.slides[iToShow].setStyle('display', 'block');
						fadeIn.apply(this, [slide]);
						fadeOut.apply(this, [this.slides[now]]);
						//this.slides[now].setStyle('display', 'none');
				        if (!this.options.hideText && this.options.addBarInside) {
				            this.description.innerHTML  = this.descr[iToShow];
				            this.title.innerHTML  = this.title[iToShow];
				            if(this.options.browser) this.browserArr[this.now].addClass("rgsact");
				        }
						}.bind(this));
					}
				} else {
	        fadeIn.apply(this, [slide]);
	          if (!this.options.hideText && this.options.addBarInside) {
	  		      this.description.innerHTML  = this.descr[iToShow];
	            this.title.innerHTML  = this.title[iToShow];
	            if(this.options.browser) this.browserArr[0].addClass("rgsact");
	          }
	      }
				this.now = iToShow;
			}
			

		}
	});
	// kipaka moved up
	//SimpleSlideShowDemo.implement(new Options, new Events);
	
	var i = 0;
	
	slideShow.each(function(item){
		var preselector = '#' + item.id + ' img'; 
		//var selector = $$('"#' + item.id + ' img"');
		var selector = new Array();
		selector = $$(preselector); 
		var configuration = eval('({'+item.configuration+'})');
		var slideshow2 = new SimpleSlideShowDemo(selector,configuration);
		i = i+1;
	});
	
}