var site_url = "/";
var phpKioskFavorise = "javascript:void(0);";
var periodical;
var scrollBox;
var overLay;
var slide;
var currentLink;

var page = 0;

var Kiosk = {

	init: function() {
		slide = new Fx.Morph($('kiosk-slider'), { duration: 500, link: 'cancel' });

		if ($('pageID')) page = $('pageID').get('value');

		$$('#kiosk-image').setOpacity(0);
		$$('#kiosk-slider').setOpacity(0);
		$$('#kiosk-image-overlay').setOpacity(0);
		$$('#kiosk-overlay-left').setOpacity(0);
		$$('#kiosk-overlay-right').setOpacity(0);
		$$('#kiosk-overlay-bottom').setOpacity(0);
		$$('#kiosk-favorise').setOpacity(0);

		overLay = new Fx.Morph($('kiosk-image-overlay'), { duration: '1800' });

		if ($('kiosk-image').getChildren('a').length > 1) {
			scrollBox = new MooScroll({selector:'#kiosk-gallery-mask'});
		}

		$('kiosk-favorise').set(
			'rel', "page=" + page + "&image=" + $('kiosk-image-active').src + "&original=" + $('kiosk-image').get('class')
		);

		var thumbImages = [];
		$$('.kiosk-thumb img').each(function(obj) {
			thumbImages.push(obj.src);
		});

		currentLink = $('kiosk-gallery').getChildren('a.kiosk-thumb-active').get('href').toString();
		Kiosk.setClickEvent();

		thumbImages.push($('kiosk-image-active').src);

		var toPreload = new Asset.images(thumbImages, {
			onComplete: function() {

				$('kiosk').addEvents({
					'mouseover': function() {
						$clear(periodical)
					},
					'mouseleave': function() {
						if ($('kiosk-image').getChildren('a').length > 1) {
							periodical = Kiosk.crossfade.periodical(6000);
						}
					}
				});

				(function demonstrate(){
					slide.start({'marginRight':0});
						(function (){
							slide.start({'marginRight': -300});
						}).delay(3000);
				}).delay(3000);

				$('kiosk-slider').addEvents({
					'mouseenter': 	function(e) {
						slide.start({'marginRight':0});
					},
					'mouseleave': 	function(e) {
						slide.start({'marginRight':-300});
					}
				});

				$('kiosk-loader').hide();
				$('kiosk-image').setOpacity(1);
				$('kiosk-slider').setOpacity(1);
				$('kiosk-overlay-left').setOpacity(1);
				$('kiosk-overlay-right').setOpacity(1);
				$('kiosk-overlay-bottom').setOpacity(1);
				$$('#kiosk-favorise').setOpacity(1);

				periodical = Kiosk.crossfade.periodical(6000);

				Kiosk.loadLinks();
			}
		});

	},

	load: function(){
		if ($('kiosk-fav-animation'))
			Kiosk.introduction();
	},

	setClickEvent: function(){
		$$('#kiosk-image-overlay').addEvent('click', function (){
			if(currentLink) {
				document.location = currentLink;
			}
		});
	},

	loadLinks: function() {
		$$('#kiosk-gallery a').each(function(obj) {
			$(obj).addEvent('click',function() {
				currentLink = this;

				Kiosk.setClickEvent();

				Kiosk.show(obj);
				return false;
			});
		});
	},

	show: function(obj) {

		$('kiosk-slider').removeEvents();
		slide.start({'marginRight':-300}).chain(function() {

			childs = $('kiosk-gallery').getChildren('a');

			if (childs[0].id != obj.id) {

				$(childs[childs.length-1]).removeClass('kiosk-thumb-last');
				$(childs[0]).removeClass('kiosk-thumb-active');

				var i = 0;
				while(childs[i].id != obj.id) {
					$('kiosk-gallery').grab($(childs[i].id));
					++i;
				}

				childs = $('kiosk-gallery').getChildren('a');
				$(childs[childs.length-1]).addClass('kiosk-thumb-last');
				$(childs[0]).addClass('kiosk-thumb-active');

				var tmpObj = $(obj).getChildren();
				var imgObj = tmpObj[0];

				var parent 		= obj.get('id').replace('kiosk-image-', '');
				var bigImage 	= $('big-image-'+parent);

				var imgObj	 	= {src: bigImage.get('value'), id: parent};

				var toPreload = new Asset.images(new Array(imgObj.src), {
					onComplete: function() {
						$('kiosk-image-overlay').setOpacity('0');
						$('kiosk-image-overlay').src = imgObj.src;

						overLay.start({'opacity':1}).chain(function() {
							original = $('kiosk-image-'+imgObj.id).get('rel');
							$('kiosk-image-active').src = imgObj.src;
							var linkFromIdArray = (obj.id).split("-");
							$('kiosk-favorise').set(
								'rel', "page=" + page + "&image=" + $('kiosk-image-active').src + "&original=" + original
							);

						});
					}
				});

			}

			if (scrollBox) scrollBox.setSlider('top');

			$('kiosk-slider').addEvents({
				'mouseenter': 	function(e) {
					slide.start({'marginRight':0});
				},
				'mouseleave': 	function(e) {
					slide.start({'marginRight':-300});
				}
			});

		});
	},

	crossfade: function() {

		childs = $('kiosk-gallery').getChildren('a');
		kioskActive = childs[0];

		var el = $(kioskActive);
		var fadeTo = $(el).getNext('a');

		if(!fadeTo) {
			var parent = $(el).getParent();
			var children = $(parent).getChildren('a');
			var fadeTo = children[0];
		}

		var tmpChilds = $(fadeTo).getChildren();
		var imgChild = tmpChilds[0];

		var parent 		= imgChild.getParent().get('id').replace('kiosk-image-', '');
		var bigImage 	= $('big-image-'+parent);

		var imgObj	 	= {src: bigImage.get('value'), id: parent};

		var toPreload = new Asset.images(new Array(imgObj.src), {
			onComplete: function() {
				imgContainer = $('kiosk-image');

				var images = imgContainer.getChildren();

				image = images[0];
				overlay = images[1];

				overlay.setOpacity('0');
				overlay.src = imgObj.src;

				overLay.start({'opacity':1}).chain(function() {
					original  = $('kiosk-image-'+imgObj.id).get('rel');

					var linkFromIdArray = (fadeTo.id).split("-");
					$('kiosk-favorise').set(
						'rel', "page=" + page + "&image=" + $('kiosk-image-active').src + "&original=" + original
					);

					image.src = imgObj.src;

					if(imgChild.getParent().get('href') != null && imgChild.getParent().get('href') != '' && imgChild.getParent().get('href') != undefined)
					{
						currentLink = imgChild.getParent().get('href');
					} else {
						currentLink = '';
					}

					Kiosk.setClickEvent();

					var thumbContainers = $('kiosk-gallery').getChildren();
					var last = thumbContainers[thumbContainers.length-1];

					el.removeClass('kiosk-thumb-active');
					fadeTo.addClass('kiosk-thumb-active');

					$(last.id).removeClass('kiosk-thumb-last');

					$('kiosk-gallery').grab(el);

					$(el).addClass('kiosk-thumb-last');

					if (scrollBox) scrollBox.setSlider('top');
				});
			}
		});

	},
	
	introduction: function(){
		$clear(periodical);
	
		var circle = $('kiosk-fav-animation');
		var shadow = $('kiosk-fav-bar-animation').setOpacity(0);
		var loop;
		
		circle.store('fx', new Fx.Morph(circle, {
						duration: 2000,
						transition: Fx.Transitions.Sine.easeOut
					}));
		
		shadow.store('fx', new Fx.Morph(shadow, {
						duration: 500,
						transition: Fx.Transitions.Sine.easeOut
					}));
		
		fx = circle.retrieve('fx').start({
			bottom: 0,
			left: 0
		});
		
		fx.onComplete = function(){
			fx.cancel();
			
			$('favText').style.visibility = 'visible';
			
			loop = toggle.periodical(550, shadow);
		}
		
		function toggle() {
			if (shadow.getOpacity() == 0) {
				shadow.retrieve('fx').start({
					opacity: [0, 1]
				});
			} else {
				shadow.retrieve('fx').start({
					opacity: [1, 0]
				});
			}
		}
		
		(function(){
			$('favText').style.visibility = 'hidden';
			
			fx = circle.retrieve('fx').start({
				bottom: -213,
				left: -197
			});
			
			fx.onComplete = function(){
				fx.cancel();
			}
			
			shadow.fade(0);
			
			$clear(loop);
			
			periodical = Kiosk.crossfade.periodical(6000);
		}).delay(20000);
	}
}


window.addEvent('domready', function() {

	Kiosk.init();

});

window.addEvent('load', Kiosk.load);