var tipytimer = new Array();
var tipytimer2 = new Array();
var tipytimer3;
var tiptimer;  
var akt_sirka;
var akt_sirka2;
var tip_sirka = 200;
var pohyb = new Array();
var ietimer;
var ievyska = 0;
var vscroll = 0;
var poprve = true;

function skryjtipy(){
    var i;
    var children = document.getElementById("tipy").childNodes;
    for(i = 0; i < children.length; i++){        
        tipytimer2[i] = setTimeout("skryjtip('" + children[i].id + "')",0 + (500 * i));
    }
}

function skryjtip(whatid){
    clearTimeout(tipytimer3);    
    pohyb[whatid] = true;          
    okno = document.getElementById(whatid);
    akt_sirka2 = 1* (okno.style.width.replace("px",""));         
    zmensitdiv(whatid);     
}

function zmensitdiv(whatid){    
    if(akt_sirka2 > 10){         
        document.getElementById(whatid).style.width = akt_sirka2 + "px";
        tiptimer = setTimeout("zmensitdiv('" + whatid + "')", 5);
        akt_sirka2 -= 20;          
    }
    else{ // je to hotové
        okno.className = "tipinaktiv";     
        pic1= new Image(5,5); 
        pic1.src="img/bulb3.png";  
        okno.innerHTML =  "<img style='cursor:pointer' onmouseover=ukaztipy()  src='img/bulb3.png' >"; 
        pohyb[whatid] = false;  
    }
}

function ukaztipy(){
    //if(document.all){
        if(poprve == true){
            document.getElementById("wraptipy").style.top = "180px";
            document.getElementById("wraptipy").style.top = "10px";
            poprve = false;      
        } 
        aktualizuj_polohu();
   // } 
    clearTimeout(tipytimer3);
    tipytimer3 = setTimeout('skryjtipy()', 5000); 
    
    for(var id in pohyb){            
        if(pohyb[id] == true){return false;} 
    }

    var i;            
    var children = document.getElementById("tipy").childNodes;          
    for(i = 0; i < children.length; i++){ 
       tipytimer[i] = setTimeout("ukaztip('" + children[i].id + "')",0 + (1000 * i)); 
    }    
}

function ukaztip(whatid){    
    pohyb[whatid] = true;
    okno = document.getElementById(whatid);
    okno.className = "tipaktiv";
    var textid =  "save" + whatid; 
    var pic1= new Image(5,5); 
    pic1.src="img/bulb1.png";  
     
    okno.innerHTML =  "<img src='img/bulb1.png' align='left' >" + document.getElementById(textid).value;    
    akt_sirka = 0; 
    zvetsitdiv(whatid); 
}

function zvetsitdiv(whatid){   
    if(akt_sirka < tip_sirka){         
        document.getElementById(whatid).style.width = akt_sirka + "px";
        tiptimer = setTimeout("zvetsitdiv('" + whatid + "')", 5);
        akt_sirka += 10;          
    }
    else{
        pohyb[whatid] = false;
    }
}

function prerus_timeout(){
    clearTimeout(tipytimer3);
    tipytimer3 = setTimeout('skryjtipy()', 3000);
}

function aktualizuj_polohu(){
    var okno = document.getElementById("wraptipy");
    vscroll = (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
    vscroll += 180; // původní vzdálenost od topu
    var nic = okno.style.top;    
    nic = nic.replace("px","");     
    ievyska = parseInt(nic,10);     
    if(vscroll > (ievyska + 10)){
       ie_posun_tipy(0); 
    }
    else if(vscroll < (ievyska - 10)){
       ie_posun_tipy(1); 
    }
    else{}     
    ietimer = setTimeout("aktualizuj_polohu()",3000);
}


function ie_posun_tipy(y){
    var okno = document.getElementById("wraptipy");
    if((y == 0) && (ievyska < vscroll)){
        ievyska += 10;
        okno.style.top = ievyska + "px";
        var t = setTimeout("ie_posun_tipy(" + y + ")",3);
    }
    if((y == 1) && (ievyska > vscroll)){
        ievyska -= 10;
        okno.style.top = ievyska + "px";
        var t = setTimeout("ie_posun_tipy(" + y + ")",3);  
    }   
}