JaSlideshowClass = new Class({
			initialize: function(options) {
				
				this.options = options;
				if(!Cookie.get("JASLIDESHOWPLAY")){ Cookie.set("JASLIDESHOWPLAY", this.options.play, {duration: 1}); }
				//Update the images and thumbnail url
				this.options.images.each (function(img,i){
					if (!img.test('http://')) this.options.images[i] = this.options.siteurl+this.options.url+img;
				}.bind(this));
				this.options.thumbnails.each (function(img,i){
					if (!img.test('http://')) this.options.thumbnails[i] = this.options.siteurl+this.options.url+img;
				}.bind(this));
		
				if(this.options.play){
					this.play = this.options.play;
				}
				else{
					this.play = Cookie.get("JASLIDESHOWPLAY")=='play'?1:0;
				}			
				
				if (this.options.images.length <= 1) { return; }
				if (this.options.pan != 'rand') {
					if (isNaN(this.options.pan.toInt()) || this.options.pan.toInt() < 0 || this.options.pan.toInt() > 100) { this.options.pan = 0; }
				}
				if (this.options.zoom != 'rand') {
					if (isNaN(this.options.zoom.toInt()) || this.options.zoom.toInt() < 0 || this.options.zoom.toInt() > 100) { this.options.zoom = 0; }
				}
				this.elementdiv = $('ja-slideshow-case');
				this.bardiv = $('ja-slidebar');
				this.image = img = $E('img', this.elementdiv);
				this.fx = [];
				
				this.start();
			},
			start: function() {
				this.elementdiv.setHTML('');
				this.image.setStyles({display: 'block', position: 'absolute', left: '0', top: '0', zIndex: 1});
				this.image.injectInside(this.elementdiv);
				this.setSize();
				this.elementdiv.setStyles({display: 'block', position: 'relative', width: this.width + 'px'});
				this.div = new Element('div', {'class': 'ja-slideshowimage'});
				this.div.setStyles({display: 'block', height: (this.height + 'px'), overflow: 'hidden', position: 'relative', width: (this.width + 'px')});
				this.div.injectInside(this.elementdiv);
				this.image.injectInside(this.div);
				/*
				if (this.options.captions)
				{
					this.image.setProperty('alt', this.options.captions[0]);
					this.image.setProperty('title', this.options.captions[0]);
				}
				*/
				if (this.options.urls) {
					this.image.url = this.options.urls[0];
					this.image.style.cursor = "pointer";
					this.image.onclick = function() {
						location.href = this.url;
					}
				}
				this.imageAF = this.image.clone();
				this.imageAF.setStyle('opacity', 0);
				this.imageAF.injectAfter(this.image);
				if (this.options.navigation) { this.navigation(); }
				if ($type(this.options.captions) == 'array') {
					this.p = new Element('div');
					this.p.className = "description ja-slideshowdesc";
					this.p.setOpacity(0.75);
					if (!this.options.captions[0]) { this.p.className = "description-hidden"; }
					this.p.setHTML(this.options.captions[0]);
					this.p.injectInside(this.elementdiv);
				}
				this.direction = 'left';
				this.current = [1, 1, 0];
				this.timer = (this.timer) ? [0] : [(new Date).getTime() + this.options.duration[1], 0];
				this.loader = new Image();
				this.loader.src = this.options.url + this.options.images[this.current[0]].trim();
		
				if ($('jsnav0')) $('jsnav0').addClass('active');
				if (this.play==1){ this.preload();}
			},
			setSize: function () {
				obj = this.image.getCoordinates();
				this.height = ((this.options.height) ? this.options.height : obj['height']);
				this.width = ((this.options.width) ? this.options.width : obj['width']);
			},
			resize: function () {
				dh = this.height / this.loader.height;
				dw = this.width / this.loader.width;
				n = (dw > dh) ? dw : dh;
				if (this.options.resize) { img.setStyles({height: Math.ceil(this.loader.height * n) + 'px', width: Math.ceil(this.loader.width * n) + 'px'}); }
			},
			preload: function(fast) {
				
				if (this.loader.complete && ((new Date).getTime() > this.timer[0])) {
					//Change active on navigation
					if ($('jsnav'+this.current[2])) $('jsnav'+this.current[2]).removeClass ('active');
					if ($('jsnav'+this.current[0])) $('jsnav'+this.current[0]).addClass ('active');
					img = (this.current[1] % 2) ? this.imageAF : this.image;
					img.setStyles({height: 'auto', opacity: 0, width: 'auto', zIndex: this.current[1]});
					//check	
					img.setProperty('src', this.loader.src);
					/*
					if (this.options.captions)
					{
						img.setProperty('alt', this.options.captions[this.current[0]]);
						img.setProperty('title', this.options.captions[this.current[0]]);
					}
					*/
					
					if (this.options.urls) {
						img.url = this.options.urls[this.current[0]];
						img.style.cursor = "pointer";
						img.onclick = function() {
							location.href = this.url;
						}
					} else {
						img.url = "";
						img.style.cursor = "";
						img.onclick = function() { }
					}
					this.resize();
					/*if (fast) {
						img.setStyles({left: '0px', opacity: 1, top: '0px'});
						if ($type(this.options.captions) == 'array') { this.p.setHTML(this.options.captions[this.current[0]]).setStyle('opacity', 1); }
						return this.loaded();
					}*/
					this.fx = [];
					if ($type(this.options.captions) == 'array') {
						if (this.options.caption_effect.test(/fade/)) {
							fn = function(i) {
								if (this.options.captions && this.options.captions[i]) { this.p.className = "description ja-slideshowdesc"; this.p.setHTML(this.options.captions[i]); }
								else{ this.p.setHTML(''); this.p.className = "description-hidden"; return; }
								fx = new Fx.Style(this.p, 'opacity',{duration: 800});
								fx.start(0, 0.75);
								this.fx.push(fx);
							}.pass(this.current[0], this);
							fx = new Fx.Style(this.p, 'opacity', {onComplete: fn, duration: 800});
							fx.start(this.p.getStyle('opacity'), 0);
							this.fx.push(fx);
						}
						if (this.options.caption_effect.test(/moveup/)) {
							fn = function(i) {
								if (this.options.captions && this.options.captions[i]) { 
								this.p.setStyle ('bottom', -1000);
								this.p.className = "description ja-slideshowdesc"; this.p.setHTML(this.options.captions[i]); }
								else{ this.p.setHTML(''); this.p.className = "description-hidden"; return; }
								fx = new Fx.Style(this.p, 'bottom',{duration: 800});
								fx.start(-this.p.offsetHeight, 0);
								this.fx.push(fx);
							}.pass(this.current[0], this);
							fx = new Fx.Style(this.p, 'bottom', {onComplete: fn, duration: 800});
							fx.start(this.p.getStyle('bottom').toInt(), -this.p.offsetHeight-40);
							this.fx.push(fx);
						}
					}
					if (this.options.type.test(/push|wipe/)) {
						img.setStyles({left: 'auto', right: 'auto'});
						img.setStyle(this.direction, this.width + 'px');
						img.setStyle('opacity', 1);
						if (this.options.type == 'wipe') {
							fx = new Fx.Style(img, this.direction, {duration: this.options.duration[0], transition: this.options.transition, onComplete: this.complete.bind(this)});
							fx.start(this.width, 0);
							this.fx.push(fx);
						}
						else {
							arr = [img, ((this.current[1] % 2) ? this.image : this.imageAF)];
							p0 = {};
							p0[this.direction] = [this.width, 0];
							p1 = {};
							p1[this.direction] = [0, (this.width * -1)];
							if (arr[1].getStyle(this.direction) == 'auto') {
								x = this.width - arr[1].getStyle('width').toInt();
								arr[1].setStyle(this.direction, x + 'px');
								arr[1].setStyle(((this.direction == 'left') ? 'right' : 'left'), 'auto');
								p1[this.direction] = [x, (this.width * -1)];
							}
							fx = new Fx.Elements(arr, {duration: this.options.duration[0], transition: this.options.transition, onComplete: this.complete.bind(this)});
							fx.start({'0': p0, '1': p1});
							this.fx.push(fx);
						}
					}
					else {
						img.setStyles({left: 'auto', top: 'auto', right: 'auto', bottom: 'auto'});
						arr = ['left top', 'right top', 'left bottom', 'right bottom'][this.current[1] % 4].split(' ');
						if((this.options.type).test(/zoom|combo/)) {
							arr.each(function(p) { img.setStyle(p, 0); });

						}
						zoom = ((this.options.type).test(/zoom|combo/)) ? this.zoom() : {};
						pan = ((this.options.type).test(/pan|combo/)) ? this.pan() : {};
						fx = new Fx.Style(img, 'opacity', {duration: this.options.duration[0]});
						fx.start(0, 1);
						this.fx.push(fx);
		
						fx = new Fx.Styles(img, {duration: (this.options.duration[0] + this.options.duration[1]), transition: Fx.Transitions.linear, onComplete: this.complete.bind(this)});
						fx.start(Object.extend(zoom, pan));
						this.fx.push(fx);
					}
					this.loaded();
					
					//Active/Deactive navigation item
				}
				else { this.timeout = this.preload.delay(100, this); }
			},
			complete: function() {
				if (this.play==0){$clear(this.timeout);}
				if(this.onComplete){ this.onComplete(this.current); }
			},
			loaded: function() {
				if(this.onWalk){ this.onWalk(this.current); }
				if (this.ul) {
					anchors = $ES('a[name]', this.ul);
					anchors.each(function(a, i) {
						if (i == this.current[0]) { a.addClass(this.options.classes[2]); }
						else { a.removeClass(this.options.classes[2]); }
					}, this);
				}
				this.direction = 'left';
				this.current[2] = this.current[0];
				this.current[0] = (this.current[0] == this.options.images.length - 1) ? 0 : this.current[0] + 1;
				this.current[1]++;
				this.timer[0] = (new Date).getTime() + this.options.duration[1] + ((this.options.type.test(/fade|push|wipe/)) ? this.options.duration[0] : 0);
				this.timer[1] = (new Date).getTime() + this.options.duration[0];
				this.loader = new Image();
				//this.loader.src = 'http://localhost/1.5/edenite/' + this.options.url + this.options.images[this.current[0]].trim();
				//alert(this.siteurl);
				this.loader.src = this.options.images[this.current[0]].trim();
				//alert(this.options.url);
				this.preload();
			},
			zoom: function() {
				z = (this.options.zoom == 'rand') ? Math.random() + 1 : (this.options.zoom.toInt() / 100.0) + 1;
				eh = Math.ceil(this.loader.height * n);
				ew = Math.ceil(this.loader.width * n);
				sh = parseInt(eh * z);
				sw = parseInt(ew * z);
				return {height: [sh, eh], width: [sw, ew]};
			},
			pan: function() {
				p = (this.options.pan == 'rand') ? Math.random() : Math.abs((this.options.pan.toInt() / 100.0) - 1);
				ex = (this.width - img.width);
				ey = (this.height - img.height);
				sx = parseInt(ex * p);
				sy = parseInt(ey * p);
				obj = {};
				if (dw > dh) { obj[arr[1]] = [sy, ey] }
				else { obj[arr[0]] = [sx, ex]; }
				return obj;
			},
			navigation: function() {
				this.ul = new Element('ul');
				if (this.options.navigation.test(/arrows|number/)) {
					li = new Element('li');
					a = new Element('a');
					a.addClass(this.options.classes[0]);
					a.innerHTML = '&laquo;';
					a.addEvent(this.options.mouse_action, function() {
						var nextitem = (this.current[0] < 2) ? this.options.images.length - (2 - this.current[0]) : this.current[0] - 2;
						if (this.current[2] == nextitem) return;
						if (this.options.navigation.test(/fast/) || (new Date).getTime() > this.timer[1]) {
							$clear(this.timeout);
							if (this.options.navigation.test(/fast/)) {
								this.fx.each(function(fx) {
									fx.time = fx.options.duration = 0;
									fx.stop(true);
								});
							}
							this.direction = 'right';
							this.current[0] = nextitem;
							this.timer = [0];
							this.loader = new Image();
							this.loader.src = this.options.url + this.options.images[this.current[0]].trim();
							this.preload(this.options.navigation.test(/fast/));
						}
					}.bind(this));
					a.injectInside(li);
					li.injectInside(this.ul);
				}
				if (this.options.navigation.test(/arrows\+|thumbnails|number/)) {
					for (i = 0; i < this.options.images.length; i++) {
						li = new Element('li',{id:'jsnav'+i});
						a = new Element('a');
						a.setProperty('name', i);
						if (this.options.navigation.test(/thumbnails/)) {
							//src = this.options.url + this.options.images[i].trim().replace(this.options.thumbnailre[0], this.options.thumbnailre[1]);
							src = this.options.url + this.options.thumbnails[i].trim();
							a.setStyle('background-image', 'url(' + src + ')');
							a.setProperty('href', this.options.urls[i]);
							if (this.options.twidth) a.setStyle('width', this.options.twidth);
							if (this.options.theight) a.setStyle('height', this.options.theight);
						}
						if(this.options.navigation.test(/number/)) {
							a.innerHTML = i+1;
						}
						if (i == 0) { a.className = this.options.classes[2]; }
						a.addEvent(this.options.mouse_action, function(i) {
						//a.onclick = function(i) {
							if (this.current[2] == i) return;
							if (this.options.navigation.test(/fast/) || (new Date).getTime() > this.timer[1]) {
								$clear(this.timeout);
								if (this.options.navigation.test(/fast/)) {
									this.fx.each(function(fx) {
										fx.time = fx.options.duration = 0;
										fx.stop(true);
									});
								}
								this.direction = (i < this.current[0] || this.current[0] == 0) ? 'right' : 'left';
								this.current[0] = i;
								this.timer = [0];
								this.loader = new Image();
								this.loader.src = this.options.url + this.options.images[this.current[0]].trim();
								this.preload(this.options.navigation.test(/fast/));
							}
						}.pass(i, this));
						a.injectInside(li);
						li.injectInside(this.ul);
					}
				}
				if (this.options.navigation.test(/arrows|number/)) {
					li = new Element('li');
					a = new Element('a');
					a.addClass(this.options.classes[1]);
					a.innerHTML = '&raquo;';
					a.addEvent(this.options.mouse_action, function() {
					//a.onclick = function() {
						if (this.options.navigation.test(/fast/) || (new Date).getTime() > this.timer[1]) {
							$clear(this.timeout);
							if (this.options.navigation.test(/fast/)) {
								this.fx.each(function(fx) {
									fx.time = fx.options.duration = 0;
									fx.stop(true);
								});
							}
							this.timer = [0];
							this.preload(this.options.navigation.test(/fast/));
						}
					}.bind(this));
					a.injectInside(li);
					li.injectInside(this.ul);
				}
				this.buttonsp();
				this.ul.injectInside(this.bardiv);
			},
			buttonsp: function () {
					li = new Element('li');
					li.addClass("pause");
					a = new Element('a');
					a.addClass("ps");
					
					if(this.play==1){
						a.innerHTML = "<img src=\"" + this.options.siteurl + "/modules/mod_jaslideshow/ja_slideshow/img/pause.png\" alt=\"Pause\" title=\"Pause\">";				
					}
					else{
						a.innerHTML = "<img src=\"" + this.options.siteurl + "/modules/mod_jaslideshow/ja_slideshow/img/play.png\" alt=\"Play\" title=\"Play\">";				
					}							
					a.onclick = function(){
						if(this.play==1){					
							$clear(this.timeout);
							a.innerHTML = "<img src=\"" + this.options.siteurl + "/modules/mod_jaslideshow/ja_slideshow/img/play.png\" alt=\"Play\" title=\"Play\">";
							Cookie.set("JASLIDESHOWPLAY", '0', {duration: 365});
							this.play = 0;
						}
						else{
							Cookie.set("JASLIDESHOWPLAY", '1', {duration: 1});
							this.play = 1;
							this.preload(false);
							a.innerHTML = "<img src=\"" + this.options.siteurl + "/modules/mod_jaslideshow/ja_slideshow/img/pause.png\" alt=\"Pause\" title=\"Pause\">";
						}
					}.bind(this);
					a.injectInside(li);
					
					li.injectInside(this.ul);
			}
		});