


	var slider = function() {
	
	
		this.load = function() {
		
			this.window = $('sliderwindow');
			this.content = $('content');
			this.item = $$('.item');
			this.slider = $('slider');
			this.citem = 0;
			this.counter = this.item.length;
			this.c = 0;

			if(this.window) {

				// Fenster stylen
				$('sliderwindow').setStyle('height:455px; width:683px; overflow:hidden;');
				$('slider').setStyle('width:'+(this.counter * 683)+'px;');

				for(i=0; i<this.item.length; i++) {
					this.item[i].style.height = '455px';
					this.item[i].style.width = '683px';
					this.item[i].style.overflow = 'hidden';
				}
				
				// Bedienelemente einbinden
				//new Insertion.Before(this.content, '<div id=\"arrow\"><a href=\"#\" id=\"back\" onclick=\"aslider.slideback(); return false;\" style=\"display:none;\"><</a> <a href=\"#\" id=\"for\" onclick=\"aslider.slideforward(); return false;\">></a></div>');
		
			
			}
		}
		
		
		
		
		
		this.slide = function() {

		
			//Pfeile ein uns ausblenden
			if(this.c == this.counter-1) {
				$('for').setStyle('display:none;');
			} else if(this.c <= this.counter) {
				$('for').setStyle('display:inline;');
			}
			
			
			if(this.c >= 1) {
				$('back').setStyle('display:inline;');
			} else if(this.c == 0) {
				$('back').setStyle('display:none;');
			}
			
			
			
			
			
			// Sliden		
			new Effect.Morph('slider', { 
				style:'left:-' + (this.c * 683) + 'px', 
				duration:1.0
			});
			
			this.c++;
		
		}
		
		
		
		this.slideforward = function() {

			if(this.c == 0) { this.c = 1; }
			aslider.slide();
		
		}
		
		
		
		this.slideback = function() {
		
			this.c = this.c-2;
			if(this.c < 0) { this.c = this.counter-1; }
			aslider.slide();
		
		}
	
	
	}
