/*
Based on class Slideshow by Aeron Glemann, <http://electricprism.com/aeron/slideshow>.
*/
JaSlideshowClass = new Class({
	initialize: function(options) {
		this.options = options;
		if(!Cookie.get("JASLIDESHOWPLAY")){ Cookie.set("JASLIDESHOWPLAY", this.options.play, {duration: 1}); }
		//this.play = Cookie.get("JASLIDESHOWPLAY")=='play'?1:0;
		this.play = 1;
		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');
		
		/*if (!this.bardiv){
			this.bardiv = new Element('div');
			this.bardiv.className = "div-bar-slide";
			//this.bardiv.setOpacity(0.99);
			this.bardiv.setHTML("TEST");
			this.bardiv.injectInside(this.elementdiv);
		}
		alert(this.bardiv);*/
		
		this.title = $('ja-title');
		this.image = img = $E('img', this.elementdiv);
		this.fx = [];
		this.start();
	},

	start: function() {
		this.elementdiv.setHTML('');
		this.image.setStyles({display: 'block', position: 'absolute', left: '0px', top: '0px', 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');
		this.div.setStyles({display: 'block', height: (this.height + 'px'), overflow: 'hidden', position: 'relative', width: (this.width + 'px')});
		//this.div.setStyles({display: 'block', height: (this.height + 'px'), overflow: 'hidden', width: (this.width + 'px')});
		this.div.injectInside(this.elementdiv);
		this.image.injectInside(this.div);
		//this.image.setProperty('alt', this.options.captions[0]);
		//this.image.setProperty('title', this.options.captions[0]);
		this.image.setProperty('alt', this.options.jatitle[0].replace('||',' - '));
		this.image.setProperty('title', this.options.jatitle[0].replace('||',' - '));
		
		if (this.options.urls[0]) {
			this.image.url = this.options.urls[0];
			this.image.style.cursor = "pointer";
			this.image.onclick = function() {
				//location.href = this.url;
				window.open((this.url.indexOf("http://")!=-1)?this.url:'http://' + 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";
			//this.p.setOpacity(0.99);
			//if (!this.options.captions[0]) { this.p.className = "description-hidden"; }
			//this.p.setHTML(this.options.captions[0]);
			//this.p.injectInside(this.elementdiv);
			this.p = $('ja_caption');
			this.jadesc = $('ja_desc');	
			this.jalink = $('jalink');
			if (this.p){
				var tmpcap = this.options.captions[0].split("||");
				//this.p.setHTML(this.options.captions[0]);
				this.p.setHTML('<div><span class="violet-client">Client:</span>' + tmpcap[0] + '</div><div><span class="violet-client">The Job:</span>' + tmpcap[1] + '</div><div><span class="violet-client">Date:</span>' + tmpcap[2] + '</div>');
				var stitle = '<span class="violet-text">' + tmpcap[0] + '</span> | ' + tmpcap[1];
				this.title.setHTML(stitle);
			}
			if (this.jalink){
				this.jalink.href='showcases.aspx?item=' + (this.options.jalinks[0]);
			}
			if (this.jadesc){
				this.jadesc.setHTML(this.options.jadescriptions[0]);
			}
			
			
		}

		this.direction = 'left';
		this.current = [1, 1];
		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 (this.play) 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])) {
			img = (this.current[1] % 2) ? this.imageAF : this.image;
			img.setStyles({height: 'auto', opacity: 0, width: 'auto', zIndex: this.current[1]});
			img.setProperty('src', this.loader.src);
			//img.setProperty('alt', this.options.captions[this.current[0]]);
			//img.setProperty('title', this.options.captions[this.current[0]]);
			img.setProperty('alt', this.options.jatitle[this.current[0]].replace('||',' - '));
			img.setProperty('title', this.options.jatitle[this.current[0]].replace('||',' - '));
			if (this.options.urls[this.current[0]]) {
				img.url = this.options.urls[this.current[0]];
				img.style.cursor = "pointer";
				img.onclick = function() {
					//location.href = this.url;
					window.open((this.url.indexOf("http://")!=-1)?this.url:'http://' + 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!=null) { 
					//this.p.setHTML(this.options.captions[this.current[0]]).setStyle('opacity', 1); 
					var tmpcap = this.options.captions[this.current[0]].split("||");					
					this.p.setHTML('<div><span class="violet-client">Client:</span>' + tmpcap[0] + '</div><div><span class="violet-client">The Job:</span>' + tmpcap[1] + '</div><div><span class="violet-client">Date:</span>' + tmpcap[2] + '</div>');
				}
								
				return this.loaded();
			}
			//Q add change for thumb border
				for (i = 0; i < this.options.images.length; i++) {
					var thumb= $('thb_' + i);
					if (thumb!=null){
						if (this.current[0]==i){
							thumb.className="active";
							var tmptitle=this.options.captions[i].split('||');
							var stitle = '<span class="violet-text">' + tmptitle[0] + '</span> | ' + tmptitle[1];
							if (this.title) this.title.setHTML(stitle);
							if ($type(this.options.jadescriptions) == 'array' && this.jadesc) {
								if (this.options.jadescriptions[this.current[0]]!=null)
								this.jadesc.setHTML(this.options.jadescriptions[this.current[0]]);
								
							}
							if ($type(this.options.jalinks) == 'array' && this.jalink){
								this.jalink.href='showcases.aspx?item=' + (this.options.jalinks[this.current[0]]);
							}
						}else{
							thumb.className="";
						}
					}
				}
			//Q end
			this.fx = [];

			if ($type(this.options.captions) == 'array') {
				
				fn = function(i) {
					if (this.options.captions[i]) { 
						this.p.className = "description"; 
						//this.p.setHTML(this.options.captions[i]);
						var tmpcap = this.options.captions[i].split("||");							
						if(this.p){
						this.p.setHTML('<div><span class="violet-client">Client:</span>' + tmpcap[0] + '</div><div><span class="violet-client">The Job:</span>' + tmpcap[1] + '</div><div><span class="violet-client">Date:</span>' + tmpcap[2] + '</div>');
						}
					}
					else{ this.p.setHTML(''); this.p.className = "description-hidden"; }
					fx = new Fx.Style(this.p, 'opacity');
					fx.start(0, 0.85);
					this.fx.push(fx);
				}.pass(this.current[0], this);

				fx = new Fx.Style(this.p, 'opacity', {onComplete: fn});
				fx.start(1, 0);
				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({bottom: 'auto', left: 'auto', right: 'auto', top: 'auto'});

				arr = ['left top', 'right top', 'left bottom', 'right bottom'][this.current[1] % 4].split(' ');
				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();
		}
		else { this.timeout = this.preload.delay(100, this); }
	},

	complete: function() {
		if (!this.play) $clear(this.timeout);
	},

	loaded: function() {
		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[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 = this.options.url + this.options.images[this.current[0]].trim();

		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|number0/)) {
			li = new Element('li');
			a = new Element('a');
			a.addClass(this.options.classes[0]);
			a.innerHTML = '&laquo;';
			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.direction = 'right';
					this.current[0] = (this.current[0] < 2) ? this.options.images.length - (2 - this.current[0]) : this.current[0] - 2;
					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|number/) && this.options.images.length <= 1) {
			this.bardiv.style.display="none";
		}

		if (this.options.navigation.test(/arrows\+|thumbnails|number/)) {
			for (i = 0; i < this.options.images.length; i++) {
				li = new Element('li');
				li.setProperty("id",'thb_' + 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]);
					var logotpm=this.options.thumbnailre[i].split("||");
					src = this.options.url + logotpm[0];
					var classimg=""
					if (i==0) li.className='active';
					a.innerHTML='<img  src="' + src + '" alt="' + logotpm[1] + '" width="123" height="108" border="0" title="' + logotpm[1] + '">'
					//a.setStyle('background-image', 'url(' + src + ')');
				}
				if(this.options.navigation.test(/number/)) {
					a.innerHTML = i+1;
				}
				if (i == 0) { a.className = this.options.classes[2]; }
				li.onmouseover= function(i){
					//alert(i);
					var cur= document.getElementById('thb_' + i);
					if (cur.className=="active") return;
					cur.className="over";
				}.pass(i, this)
				li.onmouseout= function(i){
					//alert("test me");
					var cur= $('thb_' + i);
					if (cur.className=="active") return;
					cur.className="";
				}.pass(i, this)
				a.onclick = function(i) {
					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|number0/)) {
			li = new Element('li');
			a = new Element('a');
			a.addClass(this.options.classes[1]);
			a.innerHTML = '&raquo;';
			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');
			a = new Element('a');
			a.addClass("ps");
			a.innerHTML = this.play?"Pause":"Play";
			a.onclick = function() {
				if(this.play){
					$clear(this.timeout);
					a.innerHTML = "Play";
					Cookie.set("JASLIDESHOWPLAY", 'pause', {duration: 365});
					this.play = 0;
				}
				else{
					Cookie.set("JASLIDESHOWPLAY", 'play', {duration: 1});
					this.play = 1;
					this.preload(false);
					a.innerHTML = "Pause";
				}
			}.bind(this);
			a.injectInside(li);
			li.injectInside(this.ul);
	}
});