function newelement(newid)			// v pripade, ze jeste nebyl vytvoren element <div id="tooltip">, tato funkce jej vytvori
{   
    	 
    if(document.createElement)
    { 
        var el = document.createElement('div'); 
	        el.onmouseover= new Function('clearTimeout(timeout_id)');
	        //el.onmouseout= new Function('countdown()');
          el.id = newid;     
          
          el.style.display = 'none';
          el.style.position = 'absolute';
	        //el.style.opacity= '0.0';
          //el.innerHTML = '&nbsp;'; 
          document.body.appendChild(el); 
    } 
} 
function countdown()			//fce pro zajisteni 'zmizeni' tooltipu za uplynulou dobu v milisekundach
{	is_countdown=true;
    	timeout_id=setTimeout('disappear(); is_countdown=false;',1000);
}
function tooltip(object)			// vytvoreni tooltipu, umisteni a jeho zviditelneni v okne prohlizece
{   
    if(visible)     // jestlize uz je zobrazeny jinde, nebudeme otevirat novy tooltip
        return;
        
    var x=findPosX(object); 
    var y=findPosY(object);	
    x=x+object.offsetWidth;			// pozice zobrazovaneho tooltipu
    	
    //object.onmouseout= new Function('countdown()');
	
    if(!document.getElementById('tooltip')) 
	     newelement('tooltip');
    
    if (is_countdown)				//jestlize se ma objevit novy tooltip, timeout pro zmizeni po 5ti vterinach se rusi
	     clearTimeout(timeout_id);
			
    var my_tooltip = document.getElementById('tooltip');

    var reakce_na=object.getAttribute('reakce');    
	                     
                       // vytvoreni tabulky pro oramovani tooltipu
    var prvni_cast_tabulky  = '<table><tr><td id=t1></td><td id=t2></td><td id=t3></td></tr><tr><td id=t4></td><td id=t5>';

    var formular= '	 <fieldset    id="formular">' +
                  '      <form action="zpravy.php" method="post" name="formular" onSubmit="return validate()" > '+
                  '      <table> '+
                  '      <tr><td> <textarea class="same" name="aaa3" rows="4" cols="40"></textarea> </td></tr>'+
  		          '      <tr><td><img src="./xichty/1.gif" onclick="insertXicht(1)">&nbsp;<img src="./xichty/2.gif" onclick="insertXicht(2)">&nbsp;<img src="./xichty/3.gif" onclick="insertXicht(3)">&nbsp;<img src="./xichty/4.gif" onclick="insertXicht(4)">&nbsp;<img src="./xichty/5.gif" onclick="insertXicht(5)">&nbsp;<img src="./xichty/6.gif" onclick="insertXicht(6)">&nbsp;<img src="./xichty/7.gif" onclick="insertXicht(7)">&nbsp;<img src="./xichty/8.gif" onclick="insertXicht(8)">&nbsp;<img src="./xichty/9.gif" onclick="insertXicht(9)">&nbsp;<img src="./xichty/10.gif" onclick="insertXicht(10)">&nbsp;<img src="./xichty/11.gif" onclick="insertXicht(11)">&nbsp;<img src="./xichty/12.gif" onclick="insertXicht(12)">&nbsp;<img src="./xichty/13.gif" onclick="insertXicht(13)">&nbsp;<img src="./xichty/14.gif" onclick="insertXicht(14)">&nbsp;<img src="./xichty/15.gif" onclick="insertXicht(15)">&nbsp;<img src="./xichty/16.gif" onclick="insertXicht(16)">&nbsp;<img src="./xichty/17.gif" onclick="insertXicht(17)">&nbsp;<img src="./xichty/18.gif" onclick="insertXicht(18)">&nbsp;<img src="./xichty/19.gif" onclick="insertXicht(19)"></td></tr>'+
                  '      <tr><td><img src="./xichty/20.gif" onclick="insertXicht(20)">&nbsp;<img src="./xichty/21.gif" onclick="insertXicht(21)">&nbsp;<img src="./xichty/22.gif" onclick="insertXicht(22)">&nbsp;<img src="./xichty/23.gif" onclick="insertXicht(23)">&nbsp;<img src="./xichty/24.gif" onclick="insertXicht(24)">&nbsp;<img src="./xichty/25.gif" onclick="insertXicht(25)">&nbsp;<img src="./xichty/26.gif" onclick="insertXicht(26)">&nbsp;<img src="./xichty/27.gif" onclick="insertXicht(27)">&nbsp;<img src="./xichty/28.gif" onclick="insertXicht(28)">&nbsp;<img src="./xichty/29.gif" onclick="insertXicht(29)">&nbsp;<img src="./xichty/30.gif" onclick="insertXicht(30)">&nbsp;<img src="./xichty/31.gif" onclick="insertXicht(31)"> '+

                  '      </td></tr> '+
                  '      <tr><td> '+
                  '      <input id="button" type="submit" name="button" value="Odeslat" > </td></tr> '+
                   '      <tr> '+
                  '      <td><input id="buttonClose" type="submit" name="buttonClose" value="Storno" onclick="disappear(); return false;" > '+
                  
                  '      <input type=hidden name=odeslano_reakce value='+reakce_na+'> '+
                  '      </td></tr></table></form> '+
                  '      </fieldset>';
    
    var druha_cast_tabulky  = '</td><td id=t6></td></tr><td id=t7></td><td id=t8></td><td id=t9></td></tr></table>';
                        // vlozeni kodu do tooltipu
    my_tooltip.innerHTML = prvni_cast_tabulky+formular+druha_cast_tabulky;
    
    //my_tooltip.style.display = 'block';     // zobrazeni tooltipu
    my_tooltip.style.left = x+'px';         // umisteni tooltipu
    my_tooltip.style.top = y+'px';	
    appear();
    

}



function findPosX(obj)			//fce pro vypocet vzdalenosti elementu od leveho okraje okna (pro vsechny prohlizece)
{
	var curleft = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curleft += obj.offsetLeft
			obj = obj.offsetParent;
		}
	}
	else if (obj.x)
		curleft += obj.x;
	return curleft;
}

function findPosY(obj)			//fce pro vypocet vzdalenosti elementu od horniho okraje okna (pro vsechny prohlizece)
{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function disappear(){
	opacity=1.0;
	visible=false;
	//id_intervalu=window.setInterval('document.getElementById(\'tooltip\').style.opacity = opacity; opacity=opacity-0.1; if (opacity<=0){ window.clearInterval(id_intervalu); document.getElementById(\'tooltip\').style.display = \'none\';}',100);
	document.getElementById('tooltip').style.display = 'none';
}

function appear(){
        opacity=0.0;
        visible=true;
	      document.getElementById('tooltip').style.display = 'block';
        //id_intervalu=window.setInterval('document.getElementById(\'tooltip\').style.opacity = opacity; opacity=opacity+0.1; if (opacity>0.9){ window.clearInterval(id_intervalu); }',100);

}

function getElementsByAttribute(strAttributeName){
    var arrElements = document.getElementsByTagName('*');
    var arrReturnElements = new Array();
    var oCurrent;
    var oAttribute;
    for(var i=0; i<arrElements.length; i++){
        oCurrent = arrElements[i];
        oAttribute = oCurrent.getAttribute(strAttributeName);
        if(typeof oAttribute == "string" && oAttribute.length > 0)
                arrReturnElements.push(oCurrent);
        
    }
    return arrReturnElements;
}



//------------------- inicializace tooltip elementů --------------------

function add_attribs_to_tip(){
	//alert('test');   
	var list = getElementsByAttribute('reakce');
    	if (! list)
        	return;
  //window.status='setting_attribs';
        //alert(list.length);      	
    	for (var i = 0; i < list.length; ++i){
    	//window.alert('Element no '+i); 
    	list[i].onclick=new Function('tooltip\(this\)');
		Element.addClassName(list[i],'tip');
	}
		
}

document.writeln('<link rel="stylesheet" type="text/css" href="./js/reakce/style.css" >');

var timeout_id;
var id_intervalu;
var is_countdown=false;
var opacity;
var visible=false;

Event.observe(window, 'load', add_attribs_to_tip);