if (KIOS == undefined) {
	var KIOS = {};
}

KIOS.init = function(el) {
	var efects = [];
	el = $(el);

	el.addClass('js');
	

	// pre vsetky a na hlavnej urovni
	el.getChildren().each(function (item, idx) {

		// uchovame si orig. vysku
		item.store('submenuHeight', item.getLast().getStyle('height'));
		item.store('marginLevel', item.getFirst().getStyle('margin-top'));

		// skryjeme podmenu
		item.getLast().setStyle('height', 1);

		// nastavime defaultne vlastnosti morphu
		// pre hlavnu uroven
		item.getFirst().set('morph', {transition: Fx.Transitions.Circ.easeOut, link: 'cancel'});
		// pre podmenu
		item.getLast().set('morph', {transition: Fx.Transitions.Circ.easeOut, link: 'cancel'});



		item.addEvents({
			mouseenter: function (e) {


		$('obrazok').src="/typo3conf/ext/kios_layout/img/img_" + (idx) + ".jpg";
		
				// posunieme hore a odokryjeme podmenu
				// zretazena verzia
//				this.getFirst().morph({
//					'padding-top': 0,
//					'background-color': '#f7921e'
//				}).get('morph').chain(function() {
//					this.element.getNext().morph({'height': '140px'})
//				});

				
				
				// delayed verzia
				this.getFirst().morph({
					'margin-top': '2px',
					'background-color': 'transparent'
				});
				// ulozime si timer oneskorenia
				this.store('timer', this.getLast().morph.delay(300, this.getLast(), {
					'height': this.retrieve('submenuHeight')
				}));
	//				$('obrazok').src="/fileadmin/img/uvod_image" + (i + 1) + ".jpg";
					
					
				
			
			
					
				//" + (i + 1) + "
				// paralelna verzia
//				this.getFirst().morph({
//					'margin-top': '2px',
//					'background-color': '#f7921e'
//				});
//				this.getLast().morph({
//					'height': '140px'
//				});


			},
			mouseleave: function (e) {

				// zrusime oneskorenie vysuvacej animacie (ak sme rychlo dali mouseleave)
				$clear(this.retrieve('timer'));

				this.getLast().morph({
					'height': 1
				});
				this.getFirst().morph({
					'margin-top': this.retrieve('marginLevel'),
					'background-color': 'transparent'
				});
			}
		});
	});
};

window.addEvent('domready', function () {KIOS.init('sluzby-menu');});