/* Tipek 0.1 by WebTek */

	//	Tipek HTML implementation sample:
	//	<a class="tipek_anchor" rel="tipek_width_2">galerie</a>
	//	<div class="tipek_content"><p>popisek galerie</p></div>


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

	$$('.tipek_anchor').each(function(createtipek, index){
		
		var kukuc1 = createtipek.get('html');
		createtipek.innerHTML = kukuc1+'<span class="tipek_flybox"></span>';

		var setbox = createtipek.getChildren('.tipek_setbox');
		var flybox = createtipek.getChildren('.tipek_flybox');
		tipek = setbox[0];
		flybox = flybox[0];
		flybox.setStyles({'margin-bottom': '10px', opacity: 0.0001, 'visibility': 'hidden'});
		var tipekwidth = flybox.getStyle('width').toInt();
		var tipekposition = createtipek.getSize();
		var centeringX = Math.round(tipekposition.x/2)-Math.round(tipekwidth/2);
		var centeringY = tipekposition.y+30;

		var kukuc2 = createtipek.getNext('.tipek_content').get('html');
		createtipek.getNext('.tipek_content').dispose();
		flybox.innerHTML = '<div class="contentus">'+kukuc2+'<div class="t1"></div><div class="t2"></div><div class="t3"></div><div class="t4"></div><div class="t5"></div><div class="t6"></div><div class="t7"></div><div class="t8"></div><div class="t9"></div></div>';

		createtipek.addEvents({
			'mouseenter' : function() {
				if(Browser.Engine.trident)
				{
					flybox.setStyles({display: 'block', left: centeringX, bottom: centeringY});
					flybox.setStyles({'margin-bottom': '0px', opacity: 1});
				}
				else{
					flybox.set('morph', {duration: 250, link: 'chain'});
					flybox.setStyles({display: 'block', left: centeringX, bottom: centeringY});
					flybox.morph({'margin-bottom': '0px', opacity: 1});
				}
			},
			'mouseleave' : function() {
				if(Browser.Engine.trident)
					{
						flybox.setStyles({display: 'none', 'margin-bottom': '10px', opacity: 0.0001});
					}
					else{
						flybox.set('morph', {duration: 500, link: 'chain'});
						flybox.morph({'margin-bottom': '10px', opacity: 0});
					}
				}
			});

		//alert(getlostproperties);

	});

});

	/* TODO:
	
	- opera, chrome horizontal centering
	- IE6 pngs backgrounds
	- mouseleave transitions
	
	*/