window.addEvent('domready', function(){
		thisbackgrounds = [];
		var gallerystate = 0;
		var firstimage = 1;
		var readystate = 1;
		var playslideshow = 0;
		var outervpi=$('kanabos');
		outervpi.setStyle('opacity', '0');
		$('leftarrow').setStyle('opacity', '0');
		$('rightarrow').setStyle('opacity', '0');
		scrsize= "images/";
		thisthumbs = $('thumbs').getElements('img');
		thisbg = [];
		var bgkey;
		var newkey;
		var oldkey;
		var prevnext;
		Array.each(thisthumbs, function(thumbbb, key){
			var thumburl = thumbbb.get('src');
			thisbg[key] = thumburl.substring(thumburl.lastIndexOf("/")+1);
			thumbbb.addEvents({
				click: function() {
					if (gallerystate==0){
						gallerystate=1;
						$('maintext').setStyle('background', 'none');
						$('maintext').setStyle('background-color', '#bdccd7');
						$('thetitle').tween('display', 'none');
						$('thetext').tween('opacity', '0');
						$('leftarrow').setStyle('display', 'block');
						$('rightarrow').setStyle('display', 'block');
						$('blueline').setStyle('display', 'block');
						outervpi.setStyle('display', 'block');
						outervpi.tween('opacity', '1');
						$('leftarrow').tween('opacity', '1');
						$('rightarrow').tween('opacity', '1');
					}
					if (readystate==1 && bgkey!=key){
						readystate=0;						
						dotkey = key;
						nextimage();
					}
				}
			});
		});
	if (thisbg) {
		bgarray=[];
		divarray=[];
		dotdivs=[];
		var maxkey=0;
		Array.each(thisbg, function(imageurl, key){
			if (imageurl && imageurl!='') {
				bgarray[key] = scrsize+imageurl;
				maxkey++;
				divarray[key] = new Element('div', {id: 'bgnumber'+key});
				divarray[key].inject(outervpi);
			}
		});
	}
		function injectt(injnum) 
		{
			if (bgkey>=0) {
				oldkey = bgkey;
				thisbackgrounds[oldkey].setStyle('z-index', 21);
			}
			bgkey = injnum;
			if (firstimage==1) { 
				thisbackgrounds[bgkey].setStyle('opacity', 0.1);
				firstimage=0;
			}
			else
			{
				thisbackgrounds[bgkey].setStyle('opacity', 0);
			}
			thisbackgrounds[bgkey].setStyle('z-index', 24);
			thisbackgrounds[bgkey].inject(divarray[bgkey]);
			thisbackgrounds[bgkey].setStyle('display', 'block');
				thisbackgrounds[bgkey].set('tween', {
					duration: '500',
					transition: Fx.Transitions.Quint.easeIn,
					onComplete: function() {
							readystate=1;
							if (oldkey>=0) {
								divarray[oldkey].set('html', '')
							}
						}
					});
				thisbackgrounds[bgkey].tween('opacity', 1);
		}
		function preloadd(mybgn){
			if (!thisbackgrounds[mybgn]) {
					var newasset = bgarray[mybgn];
					thisbackgrounds[mybgn] = Asset.image(newasset, {
					onLoad: function(){
						injectt(mybgn);
					}
				});
			}
				else {
					injectt(mybgn);
				}
		}
		/* Periodical setup */
		function nextimage() {
				newkey=bgkey+1;
				if(prevnext==2)
				{
					newkey=bgkey-1;
					if (newkey<0) {
						newkey=maxkey-1;
					}
					prevnext=0;
				};
				if (dotkey!=100){									
					newkey = dotkey;
					dotkey = 100;
				};
				if (newkey>(maxkey-1)) {
					newkey=0;
				};
				preloadd(newkey);
		}
			$('rightarrow').addEvents({
				click: function() {
					if (readystate==1){
						readystate=0;						
						nextimage();
					}
				}
			});
			$('leftarrow').addEvents({
				click: function() {
					if (readystate==1){
						readystate=0;
						prevnext=2;
						nextimage();
					}
				}
			});
});