window.addEvent('domready', function(){
	if ($('kanabos')) {
		var outervpi=$('kanabos');
		var bgfolder='background';
		var imageratio=1.9;
		var allfade=1;
		var redwidth=0;
		var redheight=0;
		if (thumbsvisible=='' || thumbsvisible==null) {thumbsvisible = 0;}
		if (transtime=='' || transtime==null) {transtime = 15000;}
		var thumbsclass='cktbox';
		var playslideshow=1;
		var dotactimg = "\cktassets/img/dotactive.png";
		var dotnorimg = "\cktassets/img/dotnormal.png"
		var screenhei=window.screen.height;		
		var screenwid=window.screen.width;		
		var scrsize=bgfolder+'/800/';
		if (screenwid>1280){scrsize=bgfolder+'/1024/';}
		if (screenwid>1024){scrsize=bgfolder+'/1280/';}
		if (screenwid>1280){scrsize=bgfolder+'/1366/';}
		if (screenwid>1366){scrsize=bgfolder+'/1440/';}
		if (screenwid>1440){scrsize=bgfolder+'/1600/';}
		if (screenwid>1600){scrsize=bgfolder+'/1680/';}
		if (screenwid>1680){scrsize=bgfolder+'/1920/';}
		if (screenwid>1920){scrsize=bgfolder+'/2560/';}
		myslidessrc=[];
		myslides=[];
		var readystate=0;
		var bgkey;
		var oldkey;
		var maxkey=-1;
		var myFX;
		tthumbs=[];
		function purge(delbgimg) {
			myFX=null;
			delbgimg.destroy();
			var slideshowready = (function () {readystate=1;}).delay(90);
		}

		function bgresize()	{
			var clwidth = outervpi.clientWidth-redwidth;
			var clheight = outervpi.clientHeight-redheight;
			var ratio= clwidth/clheight;
			if (ratio < imageratio){
				he = clheight;
				wi = clheight*imageratio;
			}
			else {
				he = clwidth/imageratio;
				wi = clwidth;
			}
			var bgimagess = outervpi.getElements('img');
			bgimagess.setStyle('height', he);
			bgimagess.setStyle('width', wi);
			bgimagess.setStyle('display', 'block');
			if ($('dots')){
					$('dots').setStyle('right', '205');
			}
		}
		function injectt(injnum) {
			if (bgkey>=0) {
				oldkey = bgkey;
				myslides[oldkey].setStyle('z-index', 3);
			}
			bgkey = injnum;
			myslides[bgkey].setStyle('opacity', 0);
			myslides[bgkey].setStyle('z-index', 4);
			if ($('dots')) {
				dotdivs[bgkey].setStyle('background-image', 'url('+dotactimg+')');
			}
			if (thumbsvisible=='Yes') {
				thisthumbs.setStyle('border', 'none');
				thisthumbs.setStyle('padding', '3px');
				tthumbs[bgkey].setStyle('border', '3px solid #FFF');
				tthumbs[bgkey].setStyle('padding', '0');
			}
			myslides[bgkey].inject(outervpi);
			bgresize();
			if ((Browser.ie||Browser.firefox)&&allfade==0) {
				myslides[bgkey].setStyle('opacity', 1);
				if (oldkey>=0) {
					if ($('dots')) {
						dotdivs[oldkey].setStyle('background-image', 'url('+dotnorimg+')');
					}
					var oldimgidl = 'bgimage'+oldkey;
					var oldimagel = outervpi.getElementById(oldimgidl);
					purge(oldimagel);
				}
				else {(function () {readystate=1;}).delay(90);}
			}
			else {
				myFX = new Fx.Tween(myslides[bgkey], {
					duration: '1000',
					transition: Fx.Transitions.Sine.easeIn,
					onComplete: function() {
							if (oldkey>=0) {
								if ($('dots')) {
									dotdivs[oldkey].setStyle('background-image', 'url('+dotnorimg+')');
								}
								var oldimgidl = 'bgimage'+oldkey;
								var oldimagel = outervpi.getElementById(oldimgidl);
								purge(oldimagel);
							}
							else {(function () {readystate=1;}).delay(90);}
					}
				});
				myFX.start('opacity',1);
			}
		}
		function preloadd(mybgn){
				var newasset = myslidessrc[mybgn];
				myslides[mybgn] = Asset.image(newasset, {					
					'class': 'myImage',
					'id': 'bgimage'+mybgn,
					onLoad: function(){
						injectt(mybgn);
					}
				});
		}
		/* Periodical setup */
		function nextimage() {
			newkey=bgkey+1;
			if (newkey>maxkey) {newkey=0;};
			preloadd(newkey);
		}
		function previmage() {
			newkey=bgkey-1;
			if (newkey<0) {newkey=maxkey;}
			preloadd(newkey);
		}
		
		var periodicalID;
		var begin = function() {
			preloadd(0);
			periodicalID = nextimage.periodical(transtime);
		}
		/* End of Periodical setup */
		var thisthumbs = $$('a.'+thumbsclass);
		if (thumbsvisible!='Yes') {thisthumbs.setStyle('visibility', 'hidden');}
		Array.each(thisthumbs, function(thumb, key){
				maxkey++
				var thumburl = thumb.get('href');
				var thumbname = thumburl.substring(thumburl.lastIndexOf("/")+1);
				tthumbs[key] = thumb;
				myslidessrc[key] = scrsize+thumbname;
				if (thumbsvisible=='Yes') {
					thumb.addEvents({
						click: function(event) {
							event.stop()
							if (bgkey!=key && readystate==1) {
									readystate=0;
									clearInterval(periodicalID);
									periodicalID="";
									preloadd(key);
								}
						}
					});
				}
			});		
		if (maxkey!=0 && $('bgcontrols')) {
			/* events ("start" / "stop") */
			if ($('bgpause')) {
				$('bgpause').addEvents({
					click: function() {
						if (playslideshow==0) {
							playslideshow=1;
							nextimage();
							begin();
							$('bgpause').setStyle('background-image', 'url("\cktassets/img/bgpause.png")');
						}
						else {
							playslideshow=0;						
							clearInterval(periodicalID);
							$('bgpause').setStyle('background-image', 'url("\cktassets/img/bgplay.png")');
						}
					}
				});
			}
			$('nextbg').addEvents({
				click: function() {
					if (readystate==1){
						readystate=0;						
						playslideshow=0;
						clearInterval(periodicalID);
						nextimage();
						if ($('bgpause')) {
							$('bgpause').setStyle('background-image', 'url("\cktassets/img/bgplay.png")');
						}
					}
				}
			});
			$('prevbg').addEvents({
				click: function() {
					if (readystate==1){
						readystate=0;						
						playslideshow=0;						
						clearInterval(periodicalID);
						previmage();
						if ($('bgpause')) {
							$('bgpause').setStyle('background-image', 'url("\cktassets/img/bgplay.png")');
						}
					}
				}
			});
		}
		if (playslideshow==1&&maxkey>1){
			begin();
			if ($('bgcontrols')){
				if ($('bgpause')) {
					$('bgpause').setStyle('background-image', 'url("\cktassets/img/bgpause.png")');
				}
			}
		}
		else {preloadd(0)}
		if ($('opent')) {
			$('thumbsdiv').setStyle('visibility', 'visible');		
			$('opent').setStyle('visibility', 'visible');		
			$('closet').setStyle('visibility', 'visible');		
			$('monitor').setStyle('opacity', '0')				
			var stilishow = 2;
			var clrdy = 1;
			if ($('maintext')) {stiliactive=$('maintext')}
			stiliactive.set('tween', {
					duration: '800',
					transition: Fx.Transitions.Expo.easeOut,
					onComplete: function() {
						}
					});
			$('monitor').set('tween', {
					duration: '800',
					transition: Fx.Transitions.Expo.easeOut,
					onComplete: function() {
						}
					});
			$('thumbsdiv').set('tween', {
					duration: '800',
					transition: Fx.Transitions.Expo.easeOut,
					onComplete: function() {
						}
					});
			$('opent').addEvent('click', function() {
				clrdy=1;
				if (stilishow==1 && clrdy==1) { 
					stiliactive.tween('left', '0px');
					$('opent').tween('left', '860');
					$('closet').tween('opacity', '1');
					clrdy=0;
					stilishow=2;
					}
				if (stilishow==2 && clrdy==1) {
					$('thumbsdiv').setStyle('visibility', 'hidden');
					$('thumbsdiv').setStyle('opacity', '0');
					$('monitor').setStyle('visibility', 'visible');			
					stiliactive.tween('height', '422px');
					$('monitor').tween('opacity', '1');
					$('opent').tween('opacity', '0')				
					var myEffect = new Fx.Morph($('closet'), {duration: '800', transition: Fx.Transitions.Expo.easeOut});				 
					myEffect.start({
						'top': 496,
						'left': 860
					});
					$('closet').setStyle('color', '#333');
					clrdy=0;
					stilishow=3;
					clearInterval(periodicalID);
					}
			});
			$('closet').addEvent('click', function() {
				clrdy=1;
				if (stilishow==2 && clrdy==1) {
					clearInterval(periodicalID);
					stiliactive.tween('left', '-935px');
					$('opent').tween('left', '0');
					$('closet').tween('opacity', '0');
					clrdy=0;
					stilishow=1;
					begin();
					}
				if (stilishow==3 && clrdy==1) { 
					stiliactive.tween('height', '88px');
					$('monitor').setStyle('visibility', 'hidden');
					$('monitor').setStyle('opacity', '0');
					$('thumbsdiv').setStyle('visibility', 'visible');
					$('thumbsdiv').tween('opacity', '1');
					$('opent').tween('opacity', '1');
					$('closet').setStyle('color', '#FFF');
					var myEffect = new Fx.Morph($('closet'), {duration: '800', transition: Fx.Transitions.Expo.easeOut});				 
					myEffect.start({
						'top': 185, 
						'left': 830
					});
					clrdy=0;
					stilishow=2;
					begin();
					}
			});
		}
		window.addEvent('resize', function(){
				var date = new Date();
				var curDate = null;
				do { curDate = new Date(); } 
				while(curDate-date < 50);
				bgresize();
		});
	}
});