﻿var HTMLShow = Class.create();
	HTMLShow.prototype  ={
		testimonials:new Array(),
		currentIndex:0,
		me:null,
		initialize: function(){
			me = this;
			testimonials = document.getElementsByClassName("testimonial");
			testimonials.each(function(el){
				
				//Position.absolutize(el)	  
				});
			testimonials[this.currentIndex].setStyle({display:'block'});
			
			new Effect.Opacity(testimonials[this.currentIndex],
					{ duration: 1.0, 
					transition: Effect.Transitions.linear, 
					from: 0.0, to: .990,beforeStart:function(effect){effect.element.style.display = "block";}, afterFinish:this.wait });
		},
		wait:function(effect){
			
			new Effect.Opacity(testimonials[me.currentIndex],
				{ duration: 15.0, 
				  transition: Effect.Transitions.linear, 
				  from: .99, to: .99, afterFinish:me.next });
		},
		next:function(effect){
			if(testimonials[me.currentIndex+1] != null){
				me.currentIndex++;
			}else{
				me.currentIndex = 0
			}
			
			//Position.clone(effect.element,testimonials[me.currentIndex],{setHeight:false});
			
			new Effect.Opacity(testimonials[me.currentIndex],
				{duration: 1.0,
				//transition: Effect.Transitions.linear, 
				from: 0.0, to: .99,beforeStart:function(effect){effect.element.style.display = "block";}, afterFinish:me.wait });
			new Effect.Opacity(effect.element,
				{duration: 1.0,
				//transition: Effect.Transitions.linear, 
				from: .99, to: 0.0,afterFinish:function(effect){effect.element.style.display = "none";}});
			//testimonials[me.currentIndex].setStyle({display:'block'});
			
			
		}
	}
	Event.observe(window,"load",function(){
		hshow = new HTMLShow();
		
		
	});