var delayValue = 7000;
var slideSpeed = 1000;

var Ticker = new Class({
	setOptions: function(options) {
		this.options = Object.extend({
			speed: slideSpeed,
			delay: delayValue,
			direction: 'vertical',
			onComplete: Class.empty,
			onStart: Class.empty
		}, options || {});
	},
	initialize: function(el,options){
		this.setOptions(options);
		this.el = $(el);
		this.items = this.el.getElements('li');
		var w = 0;
		var h = 0;
		if(this.options.direction.toLowerCase()=='horizontal') {
			h = this.el.getSize().y;
				this.items.each(function(li,index) {
				w += li.getSize().x;
			});
		} else {
			w = this.el.getSize().x;
			this.items.each(function(li,index) {
				h += li.getSize().y;
			});
		}
		this.el.setStyles({
			position: 'absolute',
			top: 0,
			left: 0,
			width: w,
			height: h
		});
		this.fx = new Fx.Morph(this.el,{duration:this.options.speed,onComplete:function() {
			var i = (this.current==0)?this.items.length:this.current;
			this.items[i-1].injectInside(this.el);
			this.el.setStyles({
				left:0,
				top:0
			});
		}.bind(this)});
		this.current = 0;
		this.next();
		},
	
	pause: function() {
	    $clear(mytimer);
	    mytimer = null;
	},
	resume: function() {
	    if (mytimer == null) {
	    this.next();
	    }
	},
	next: function() {
		this.current++;
		if (this.current >= this.items.length) this.current = 0;
		var pos = this.items[this.current];
		this.fx.start({
			top: -pos.offsetTop,
			left: -pos.offsetLeft
		});
		mytimer = this.next.bind(this).delay(this.options.delay+this.options.speed);
	}
});

var mytimer = null;

function startSlideshow()
{
   var hor = new Ticker('slides', {
      speed : slideSpeed, delay : delayValue, direction : 'horizontal'});
	      
	/**$('stop_scroll').addEvent('click', function() {
		hor.pause();
	});
	$('start_scroll').addEvent('click', function() {
		hor.resume();
	});*/
}

function generateSlideshow(container)
{
	$(container).adopt(
		new Element('div', {id:'slideshow-mask'}).adopt(
			new Element('ul', {id:'slides'}).adopt(
				/**new Element('li', {style:"background-image: url('/images/units/slideshow/1.jpg');"}).adopt(
					new Element('a', {href:'/Bli-medlem',html:'Bli sommarsmal med Klubb isodieten!',style:'margin-left:240px;'})
				),*/
				new Element('li', {style:"background-image: url('/images/units/slideshow/2.jpg');"}).adopt(
					new Element('a', {href:'/Publikt/Weronica-gick-ner-23-kg-med-isodieten/',html:'Läs mer om Weronica och hennes resa!'})
				),
				new Element('li', {style:"background-image: url('/images/units/slideshow/3.jpg');"}).adopt(
					new Element('a', {href:'/Publikt/Sa-har-fungerar-det/',html:'Läs mer om hur det fungerar!'})
				)
			)
		),
		new Element('div', {id:'controls'})
		/**new Element('div', {id:'controls'}).adopt(
			new Element('a', {id:'stop_scroll', href:'javascript:;', html:'stoppa'}),
			new Element('a', {id:'start_scroll', href:'javascript:;', html:'spela upp'})
		)*/
	);
}

function initiateSlideshow()
{
	var slideshowContainer = $('slideshow-container');
	if(slideshowContainer)
	{
		generateSlideshow(slideshowContainer);
		setTimeout("startSlideshow()", delayValue);
	}
}
	
/**window.addEvent('domready', function() {
	initiateSlideshow();
});*/