/* Tipek 0.1 by WebTek */

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

	$$('.tipek').each(function(createtipek, index){
		
		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});
		flybox.set('morph', {duration: 300, link: 'ignore'});
		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;

		//alert(tipekwidth);

		var kukuc = createtipek.getNext('.tipek_content').get('html');
		createtipek.getNext('.tipek_content').dispose();
		flybox.innerHTML = '<div class="contentus">'+kukuc+'<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>';

		// modern browser set png background and ie6 set gif background
		$$('.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .contentus').setStyles({'background-Image': 'url(javascript/tipek/tipek_001.png)'});
		if(navigator.userAgent.toLowerCase().indexOf('msie 6') != -1){$$('.t1, .t2, .t3, .t4, .t5, .t6, .t7, .t8, .contentus').setStyles({'background-Image': 'url(javascript/tipek/tipek_001.gif)'});};
		

		createtipek.addEvent('mouseenter', function(){

			if(Browser.Engine.trident){
				flybox.setStyles({display: 'block', left: centeringX, bottom: centeringY});
				flybox.setStyles({'margin-bottom': '0px', opacity: 1});
				setbox.setStyles({color: '#fff'});
				//get height in 'px' and set it to elements - couse of ie6 can't set height to '100%'
				//var tipekheight = flybox.getSize().y;
				//flybox.getNext('.t4, .t5, .contentus').setStyles({height:tipekheight});
			}

			else{
				flybox.setStyles({display: 'block', left: centeringX, bottom: centeringY});
				flybox.morph({'margin-bottom': '0px', opacity: 1});
				setbox.setStyles({color: '#fff'});
			}
			
		});

		createtipek.addEvent('mouseleave', function(){

			flybox.setStyles({display: 'none', 'margin-bottom': '10px', opacity: 0.0001});
			setbox.setStyles({color: '#017'});

		});

		//alert(getlostproperties);

	});

});

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