var KIOS = {}

KIOS.init = function() {

	var obj = $('novorocenky');
	if (obj) {

		obj.setStyle('height', 43);
		obj.setStyle('top', 110);

		// do pola animacii vlozime h2, a a span
		pole = [obj]; //, obj.getFirst(), obj.getFirst().getFirst()];

		KIOS.novorocenky = new Fx.Styles(obj, {wait: false, duration: 300, transition: Fx.Transitions.Expo.easeOut});
		KIOS.novorocenkyURL = obj.getFirst().getFirst().href;

		obj.addEvent('click', function(event) {
			new Event(event).stop();
			window.open(KIOS.novorocenkyURL);
		});

		obj.addEvent('mouseenter', function(event) {
			KIOS.novorocenky.start({'height': [43, 80], 'top': [110, 73]});
		});
		obj.addEvent('mouseleave', function(event) {
			KIOS.novorocenky.start({'height': [80, 43], 'top': [73, 110]});
		});
	}

/*
	var obj = [];

	// najdeme si li elementy s class submenu ($$ nejde pre stary explorer)
	if ($('produkt-menu')) {
		$('produkt-menu').getChildren().each(function(el) {
			if (el.hasClass('submenu')) {
				obj.push(el);
			}
		})
	}

	// ak najde nejake submenu
	obj.each(function(el) {

		// uchovame si vysku submenu
		el.origSize = el.getLast().getStyle('height').toInt();
		// uchovame si element linky
		el.linka = el.getFirst();
		// uchovame si element submenu
		el.submenu = el.getLast();

		// prepiseme linku tak, aby ukazovala na prvu linku podmenu
		el.linka.href = el.submenu.getFirst().getFirst().href;

		// schovame submenu
		el.submenu.setStyle('height', 1);

		el.submenu.efekt = new Fx.Style(el.submenu, 'height', {});

		el.getFirst().addEvent('focus', function(e) {
			if (!el.getFirst().hasClass('a')) {
				el.linka.setStyle('backgroundPosition', '0 -20px');
			}
			el.submenu.efekt.stop();
			el.submenu.efekt = new Fx.Style(el.submenu, 'height', {wait: false, duration: 300, transition: Fx.Transitions.Expo.easeOut});
			el.submenu.efekt.start(1, el.origSize);
		});
		el.addEvent('mouseenter', function(e) {
			if (!el.getFirst().hasClass('a')) {
				el.linka.setStyle('backgroundPosition', '0 -20px');
			}
			el.submenu.efekt.stop();
			el.submenu.efekt = new Fx.Style(el.submenu, 'height', {wait: false, duration: 300, transition: Fx.Transitions.Expo.easeOut});
			el.submenu.efekt.start(1, el.origSize);
		});
		el.addEvent('mouseleave', function(e) {
			el.submenu.efekt.stop();
			el.submenu.efekt = new Fx.Style(el.submenu, 'height', {duration: 300, transition: Fx.Transitions.Expo.easeOut});
			el.submenu.efekt.start(el.origSize, 1);
			if (!el.getFirst().hasClass('a')) {
				el.linka.setStyle('backgroundPosition', '0 0');
			}
		});
	});
*/
}

KIOS.Changer = new Class({

//	Implements: Options,

	options: {
		container: 'header-image',
		loader: 'typo3conf/ext/kios_layout/img/ajax-loader.gif',
		loaderStyle: 'position: absolute;top:40%;left:50%;',
		period: 2500,
		fadeDuration: 500
	},

	container: null,
	images: null,
	currentItem: 0,
	nextItem: 0,

	initialize: function(options) {
		this.options.container = options.container;
		this.loader = new Element('img', {style: this.options.loaderStyle, src: this.options.loader});
		this.container = $(this.options.container);
	},

	load: function(images) {
		this.loader.injectInside(this.container);
		//this.container.grab(this.loader);
		this.images = new Asset.images(images.split(','), {onComplete: function() {this.onLoad();}.bind(this)});
	},

	onLoad: function() {
		this.loader.remove();

		this.images.each(function(item) {
			item.setStyles({'position': 'absolute', 'top': 0, 'left': 0, 'z-index': 5});
		}, this);

		new Element('img').injectInside(this.container);

		this.images[this.currentItem].setStyle('z-index', 10);
		this.container.getFirst().replaceWith(this.images[this.currentItem]);

		this.nextItem = this.getNext();
		this.images[this.nextItem].setStyle('z-index', 5);
		this.container.getLast().replaceWith(this.images[this.nextItem]);

		this.change.periodical(this.options.period, this);
	},

	change: function() {
		new Fx.Style(this.images[this.currentItem], 'opacity', {duration: this.options.fadeDuration,
			onComplete: function() {this.onFade()}.bind(this)}).start(1, 0);
	},

	onFade: function() {

		this.images[this.nextItem].setStyle('z-index', 10);
		this.images[this.currentItem].setStyles({'z-index': 5, 'opacity': 1});

		this.currentItem = this.nextItem;
		this.nextItem = this.getNext();

		this.container.getLast().replaceWith(this.images[this.nextItem]);
		this.container.getFirst().replaceWith(this.images[this.currentItem]);
	},

	getNext: function() {
		var next = this.currentItem;
		next += 1;
		if (next >= this.images.length) {
			next = 0;
		}
		return next;
	}

});


window.addEvent('domready', function() {
//	KIOS.init();
});