window.addEvent('domready', function(){
	var mySlider;
	var stilishow = 1;
	if ($('openclose')) {
		if ($('stili2')) {stiliactive=$('stili2')}
		if ($('stili3')) {stiliactive=$('stili3')}
		if ($('stili4')) {stiliactive=$('stili4')}
		$('openclose').addEvent('click', function() {
			if (stilishow==3) { 
			var myEffect = new Fx.Morph(stiliactive, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
			myEffect.start({
				'right': [0, 202], //Morphs the 'height' style from 10px to 100px.
				'opacity': [0, 1]  //Morphs the 'width' style from 900px to 300px.
			});
				stilishow=0;
				}
			else { 
			var myEffect = new Fx.Morph(stiliactive, {duration: 'long', transition: Fx.Transitions.Sine.easeOut});
			myEffect.start({
				'right': [202, 0], //Morphs the 'height' style from 10px to 100px.
				'opacity': [1, 0]  //Morphs the 'width' style from 900px to 300px.
			});
				stilishow=3;
				}
			});
		}
	
	
	if ($('slidh')) {
		var scrollpotion2;
		var mySlider2;
		function calcwheel2(event){
			event = new Event(event);						
				/* Mousewheel UP */
			if (event.wheel > 0) {
				if (st>0) {st=st-30;}
					mySlider2.set(st);
			}
				/* Mousewheel DOWN*/
			else if (event.wheel < 0) {
				if (st<scrollpotion2) {st=st+30;}
					mySlider2.set(st);
			}
		}
		var st = 0;
		var dadiv2;
		if ($('thumbs')) {dadiv2=$('thumbs');} else {dadiv2=$('thumbsdiv');}
		dadiv2.setStyle('overflow', 'hidden');
		var divsize2 = dadiv2.getSize();
		var textwi2= dadiv2.getScrollSize();
		var textheight2 = textwi2.x;
		var	scrollpotion2 = ((textwi2.x)-(divsize2.x));
		var el = $('slidh');
			    mySlider2 = new Slider(el, el.getElement('.knob'), {
				mode: 'horizontal',
				wheel: false,
				snap: false,
				steps: (scrollpotion2),	
				range: [0,scrollpotion2],	
				onChange: function(step){
					dadiv2.scrollTo(step,0);
					st = (step);
				}
			});
		dadiv2.addEvent('mousewheel', calcwheel2);
		$(document.body).addEvent('mouseleave',function(){mySlider2.drag.stop()});
	}
	
	
	var outervpi=$('flash');
	if ($('kanabos')) {
		// Options //
		//Div to use //
		var outervpi=$('kanabos');
		// Resize Method//
		var resizemethod = 1;
		// Image Ratio //
			if (!imageratio){
				var imageratio = 1.58;
			}
		var photogalsize = 1;
		var fixedgal=0;
		originalwidth = [];
		originalheight = [];
		//Background path //
		if (resizemethod==0) {
			var scrsize = 'background/653/';
			if (window.screen.height>768){scrsize = 'background/775/';}
			if (window.screen.height>900){scrsize = 'background/955/';}
			if (window.screen.height>1080){scrsize = 'background/1315/';}
		}
		if (resizemethod==1 || resizemethod==2 ) {		
			var scrsize = 'background/1280/';
			if (window.screen.width>1280){scrsize = 'background/1366/';}
			if (window.screen.width>1366){scrsize = 'background/1440/';}
			if (window.screen.width>1440){scrsize = 'background/1600/';}
			if (window.screen.width>1600){scrsize = 'background/1680/';}
			if (window.screen.width>1680){scrsize = 'background/1920/';}
			if (window.screen.width>1920){scrsize = 'background/2560/';}
		}
		// Activate Slideshow//
		if (!playslideshow) 
			{
				if (Browser.ie) {var playslideshow=1;}
				else {var playslideshow=1;}
			}
		// Fade in explorer and firefox//
			if (!allfade){
				var allfade=1;
			}
		//Select Imput//
		if (typeof thisbg == "undefined" && $('thumbsdiv')) {
			var thisthumbs;
			scrsize = 'images/';
			thisthumbs = $('thumbsdiv').getElements('img');
			thisbg = [];
			Array.each(thisthumbs, function(thumbbb, key){
				if (photogalsize == 1) {
					fixedgal = 1;
					};
				var thumburl = thumbbb.get('src');
				thisbg[key] = thumburl.substring(thumburl.lastIndexOf("/")+1);
				thumbbb.addEvents({
					click: function() {
						if (readystate==1 && bgkey!=key){
							readystate=0;						
							clearInterval(periodicalID);
							dotkey = key;
							nextimage();
							begin();
						}
					}
				});
			});
			
		};
		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);
					if ($('dots')){
						dotdivs[key] = new Element('div', {
							'id' : 'dotnumber'+key,
							'class' : 'mydot'
						});
						dotdivs[key].inject($('dots'));
						dotdivs[key].addEvents({
							click: function() {
								if (readystate==1 && bgkey!=key){
									readystate=0;						
									clearInterval(periodicalID);
									this.setStyle('background-image', 'url("\cktassets/img/dotactive.png")');
									dotkey = key;
									nextimage();
									begin();
								}
							}
						});
					}
				}
			});
		}
		// Fade controls if one picture//
		if (maxkey<=1) {
			if  ($('bgcontrols')) {
				var controlss = $('bgcontrols').getElements('div');
				controlss.setStyle('display', 'none')
			}
			if  ($('dots')) {
				var controlss = $('dots').getElements('div');
				controlss.setStyle('display', 'none')
			}
		}
		// Some Variables for the functions//
		var ratio;
		thisbackgrounds = [];
		var winhei;
		var winhei2;
		var winwid;
		var winwid2;
		var bgkey;
		var oldkey;
		var prevnext;
		var dotkey=100;
		var newkey;
		var maxkey;
		var readystate;
		
		// The Functions //
	
		function bgratio() {
			ratio = (outervpi.clientWidth-202)/outervpi.clientHeight;
			winhei = outervpi.clientHeight;
			winhei2 = (outervpi.clientWidth-202)/imageratio;
			winwid = outervpi.clientHeight*imageratio;
			winwid2 = (outervpi.clientWidth-202);
			if (ratio < imageratio || resizemethod==0){
				he = winhei;
				wi = winwid;
			}
			else {
				he = winhei2;
				wi = winwid2;
			}
		}
		function bgresize()
		{	
			var bgimagess = outervpi.getElements('img');
			bgimagess.setStyle('height', he);
			bgimagess.setStyle('width', wi);
			bgimagess.setStyle('display', 'block');
			if ($('dots')){
				if ((wi+200)<winwid2) {
					$('dots').setStyle('right', winwid2-wi);
				}
				else {
					$('dots').setStyle('right', '205');
				}
			}
			if ($('shadow')){
				$('shadow').setStyle('right', winwid2-wi-12);
			}
		}
		function injectt(injnum) 
		{
			if (bgkey>=0) {
				oldkey = bgkey;
				thisbackgrounds[oldkey].setStyle('z-index', 3);
			}
			bgkey = injnum;
			thisbackgrounds[bgkey].setStyle('opacity', 0);
			thisbackgrounds[bgkey].setStyle('z-index', 4);
			if ($('dots')) {
				dotdivs[bgkey].setStyle('background-image', 'url("\cktassets/img/dotactive.png")');
			}
			thisbackgrounds[bgkey].inject(divarray[bgkey]);
			if (fixedgal == 1) {
				if (originalwidth[bgkey]) {}
				else {
					originalwidth[bgkey] = thisbackgrounds[bgkey].getStyle('width').toInt();
					originalheight[bgkey] = thisbackgrounds[bgkey].getStyle('height').toInt();
				}
				var thisratio = (originalwidth[bgkey] / originalheight[bgkey]) ;
				var activeheight = winhei - 254;
				var activewidth = winwid2 - 60;
				if (originalheight[bgkey]>activeheight) {
					dispwid = activeheight* thisratio;
					disphei = activeheight;
				}
				else {
					dispwid = originalwidth[bgkey];
					disphei = originalheight[bgkey];					
				}
				if (dispwid>activewidth) {
					disphei = activewidth* thisratio;
					dispwid = activewidth;
				}
				var potleft = ((activewidth - dispwid)/2)+30;
				var pottop = ((activeheight - disphei)/2)+30;
				thisbackgrounds[bgkey].setStyle('width', dispwid);
				thisbackgrounds[bgkey].setStyle('height', disphei);
				thisbackgrounds[bgkey].setStyle('left', potleft);
				thisbackgrounds[bgkey].setStyle('top', pottop);
				
			}
			else {bgresize();}
			
			if ((Browser.ie||Browser.firefox)&&allfade==0) {
				thisbackgrounds[bgkey].setStyle('opacity', 1);
				if (oldkey>=0) {
					if ($('dots')) {
						dotdivs[oldkey].setStyle('background-image', 'url("\cktassets/img/dotnormal.png")');
					}
					divarray[oldkey].set('html', '')
				}
				readystate=1;
			}
			else 
			{
				thisbackgrounds[bgkey].set('tween', {
					duration: '500',
					transition: Fx.Transitions.Quint.easeIn,
					onComplete: function() {							
							if (oldkey>=0) {
								if ($('dots')) {
									dotdivs[oldkey].setStyle('background-image', 'url("\cktassets/img/dotnormal.png")');
								}
								divarray[oldkey].set('html', '')
							}
							readystate=1;
						}
					});
				thisbackgrounds[bgkey].tween('opacity', 1);
			}
			if (stiliactive!=$('stili4') && stiliactive!=$('stili3')) {
				if ($('stili2')) {stiliactive=$('stili2')}
				if (firsttime==1) {
					(function () {var myEffect = new Fx.Morph(stiliactive, {duration: '2000', transition: Fx.Transitions.Sine.easeOut});
					myEffect.start({
						'right': [0, 202], //Morphs the 'height' style from 10px to 100px.
						'opacity': [0, 1]  //Morphs the 'width' style from 900px to 300px.
					});}).delay(500);
					stilishow = 0;				
					firsttime = 0;
				}
				else {}
			}
		}
		function preloadd(mybgn){
			if (!thisbackgrounds[mybgn]) {
					var newasset = bgarray[mybgn];
					thisbackgrounds[mybgn] = Asset.image(newasset, {
					properties: {
						'class': 'myImage',
						'title': 'myImage'
					},
					onLoad: function(){
						bgratio();
						injectt(mybgn);
					}
				});
			}
				else {
					bgratio()
					injectt(mybgn);
				}
		}
		/* Periodical setup */
		function nextimage() {
				readystate=0;
				newkey=bgkey+1;
				if(prevnext==2)
				{
					newkey=bgkey-1;
					if (newkey<0) {
						newkey=maxkey;
					}
					prevnext=0;
				};
				if (dotkey!=100){									
					newkey = dotkey;
					dotkey = 100;
				};
				if (newkey>(maxkey-1)) {
					newkey=0;
				};
				preloadd(newkey);
		}
		var periodicalID;
		var begin = function() {
				periodicalID = nextimage.periodical(5000);
		}
		/* End of Periodical setup */
		
		//Doit//
		preloadd(0);
		/* start it! */
		if (maxkey!=0 && $('bgcontrols')) {
			/* events ("start" / "stop") */
			$('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();
						$('bgpause').setStyle('background-image', 'url("\cktassets/img/bgplay.png")');
					}
				}
			});
			$('prevbg').addEvents({
				click: function() {
					if (readystate==1){
						readystate=0;						
						playslideshow=0;						
						clearInterval(periodicalID);
						prevnext=2;
						nextimage();
						$('bgpause').setStyle('background-image', 'url("\cktassets/img/bgplay.png")');
					}
				}
			});
		}
		if (playslideshow==1&&maxkey>1){
			begin();
			if ($('bgcontrols')){
				$('bgpause').setStyle('background-image', 'url("\cktassets/img/bgpause.png")');
			}
		}
				//End of Doit//
			function calcwheel(event){
				event = new Event(event);						
					/* Mousewheel UP */
				if (event.wheel > 0) {
					if (st>0) {st=st-30;}
						mySlider.set(st);
				}
					/* Mousewheel DOWN*/
				else if (event.wheel < 0) {
					if (st<scrollpotion) {st=st+30;}
						mySlider.set(st);
				}
			}
	}
		function makeslider() {
			if ($('textwrapper')) {dadiv.setStyle('height', outervpi.clientHeight-390);}
			if ($('stilitableout')) {dadiv.setStyle('height', outervpi.clientHeight-80);}
			if ($('stili3')) {dadiv.setStyle('height', outervpi.clientHeight-110);}
			if (mySlider) {
				mySlider.detach();
				dadiv.removeEvent('mousewheel', calcwheel);
				$(document.body).removeEvent('mouseleave',function(){slider.drag.stop()});
			}
			var divsize = dadiv.getSize();
			var textwi= dadiv.getScrollSize();
			var textheight = textwi.y;
			scrollpotion = ((textwi.y)-(divsize.y));
			if (scrollpotion>0){
				if ($('textwrapper')) {dadiv.setStyle('width', 195);}
				var el = $('slid');
				$('wrap').setStyle('opacity', '1');
				mySlider = new Slider(el, el.getElement('.knob'), {
					mode: 'vertical',
					wheel: false,
					snap: false,
					steps: (scrollpotion),	
					range: [0,scrollpotion],	
					onChange: function(step){
						dadiv.scrollTo(0,step);
						st = (step);
						}
				});
					dadiv.addEvent('mousewheel', calcwheel);
					$(document.body).addEvent('mouseleave',function(){mySlider.drag.stop()});
			}
			else {
				$('wrap').setStyle('opacity', '0');
				if ($('textwrapper')) {dadiv.setStyle('width', 207);}
			}
		};
	if ($('slid')) {
		var scrollpotion;
		var st = 0;
		if ($('textwrapper')) {var dadiv=$('textwrapper');}
		if ($('stilitable')) {var dadiv=$('stilitable');}
		
		dadiv.setStyle('overflow', 'hidden');
		makeslider();
	}
			if (Browser.ie7 || Browser.ie6){
			
		}
		
	if ($('stilitableout')) {
		if ($('ratesbut')) {
			var stilishow2 = 1;
			$('ratesbut').addEvent('click', function() {
				if (stilishow2==1) {
					$('stilitableout').setStyle('display', 'none'); 
					$('ratesbut').set('html', '<p>Display Rates</p>'); 
					stilishow2=0;
					}
				else {
					$('stilitableout').setStyle('display', 'block');
					$('ratesbut').set('html', '<p>Hide Rates</p>'); 
					stilishow2=1;
					}
				});
			}
		if ($('ratesbut2')) {
			var stilishow2 = 1;
			$('ratesbut2').addEvent('click', function() {
				if (stilishow2==1) {
					$('stilitableout').setStyle('display', 'none'); 
					$('ratesbut2').set('html', '<p>Τιμές</p>'); 
					stilishow2=0;
					}
				else {
					$('stilitableout').setStyle('display', 'block');
					$('ratesbut2').set('html', '<p>Απόκρυψη</p>'); 
					stilishow2=1;
					}
				});
			}
		
		
		
		
		};
	window.addEvent('resize', function(){
			if ($('slid') && (!Browser.Engine.trident)) {makeslider();}
			if ($('kanabos')) {
				var date = new Date();
				var curDate = null;
				
				do { curDate = new Date(); } 
				while(curDate-date < 50);
				bgratio();
				if (fixedgal == 1) {
					var thisratio = (originalwidth[bgkey] / originalheight[bgkey]) ;
					var activeheight = winhei - 262;
					var activewidth = winwid2 - 60;
					if (originalheight[bgkey]>activeheight) {
						dispwid = activeheight* thisratio;
						disphei = activeheight;
					}
					else {
						dispwid = originalwidth[bgkey];
						disphei = originalheight[bgkey];					
					}
					if (dispwid>activewidth) {
						disphei = activewidth/thisratio;
						dispwid = activewidth;
					}
					var potleft = ((activewidth - dispwid)/2)+30;
					var pottop = ((activeheight - disphei)/2)+30;
					thisbackgrounds[bgkey].setStyle('width', dispwid);
					thisbackgrounds[bgkey].setStyle('height', disphei);
					thisbackgrounds[bgkey].setStyle('left', potleft);
					thisbackgrounds[bgkey].setStyle('top', pottop);
				}
				else {bgresize();}
				}
	});
});