/* JavaScript Document
 * Znajduja sie tu funkcje potrzebne do pokazywania podpowiedzi
 * chmurki po najechaniu na pzyciski
 */
/*************************************************/
/*************************************************/

/*************************************************/
var _ukryjPokaz=true;
/******************infoForm***********************/
/*infoForm(idName,tagName)-pokazuje opis po kliknieciu na element <br />
 * korzysta z elementu span ktory powinien byl opisany przez odpowiedni css
 * @param idName - id formularza w jakim znajduje sie element
 * @example
 *infoForm("formu","input");
 *<form name="formu" id="formu" action="index.php" method="post">
 *<input type=".." name=".." value=".." />
 *<span class="!!"> Twoj opis </span>*/
function UkryjPokaz(idName) {
    var obiekt = document.getElementById(idName);
    if(_ukryjPokaz){
        obiekt.style.display = "none";
        _ukryjPokaz=false;
    }else{
        obiekt.style.display = "inline";
        _ukryjPokaz=true;
    }
}

function enableTooltips(idName, tagName){
    var links,i,h;
    /*getElementById - Zwraca liste elementow o okreslonym ID
         *getElementsByTagName - Zwraca liste elementdow o podanej nazwie znacznika.*/
    if(!document.getElementById || !document.getElementsByTagName) return;
    AddCss();
    h=document.createElement("span");
    h.id="btc";
    h.setAttribute("id","btc");
    h.style.position="absolute";
    document.getElementsByTagName("body")[0].appendChild(h);
    if(idName==null){
        links=document.getElementsByTagName("a");
    }else{
        links=document.getElementById(idName).getElementsByTagName(tagName);
    }
    for(i=0;i<links.length;i++){
        Prepare(links[i]);
    }
}

function Prepare(el){
    var tooltip,title,bottom,s,l;

    title=el.getAttribute("title");
    if(title==null || title.length==0) title="Tutaj powinien byc opis";
    el.removeAttribute("title");
    tooltip=CreateEl("span","tooltip");

    s=CreateEl("span","top");
    s.appendChild(document.createTextNode(title));
    tooltip.appendChild(s);

    bottom=CreateEl("b","bottom");
    tooltip.appendChild(bottom);

    setOpacity(tooltip, 90);
    el.tooltip=tooltip;
    el.onmouseover=showTooltip;
    el.onmouseout=hideTooltip;
    el.onmousemove=Locate;
}

function showTooltip(){
    document.getElementById("btc").appendChild(this.tooltip);
}

function hideTooltip(){
    var d=document.getElementById("btc");
    if(d.childNodes.length>0) d.removeChild(d.firstChild);
}

/* Efekt Opacity(rozjasnienie) function setOpacity(obj, o)
     * obj - obiekt
     * value - wartosc 10-mgla .. 90-zasloni */
function setOpacity(obj, value) {
    obj.style.MozOpacity = (value/100); // Mozilla i FireFox
    obj.style.KhtmlOpacity = (value/100); // Safari < 1.2
    obj.style.opacity = (value/100); // Safari 1.2, nowszy FireFox i Mozilla
    obj.style.filter = "alpha(opacity:" + value + ")"; // Internet Explorer
}

function CreateEl(element,className){
    var x=document.createElement(element);
    x.className=className;
    x.style.display="block";
    return(x);
}

function AddCss(){
    var l=CreateEl("link");
    l.setAttribute("type","text/css");
    l.setAttribute("rel","stylesheet");
    l.setAttribute("href","javascript/toolTipsPodp.css");
    l.setAttribute("media","screen");
    document.getElementsByTagName("head")[0].appendChild(l);
}
/*Pozycja elementu wzgledem myszki*/
function Locate(e){
    var posx=0,posy=0;
    if(e==null) e=window.event;
    if(e.pageX || e.pageY){
        posx=e.pageX; posy=e.pageY;
    }else if(e.clientX || e.clientY){
        if(document.documentElement.scrollTop){
            posx=e.clientX+document.documentElement.scrollLeft;
            posy=e.clientY+document.documentElement.scrollTop;
        }else{
            posx=e.clientX+document.body.scrollLeft;
            posy=e.clientY+document.body.scrollTop;
        }
    }
    document.getElementById("btc").style.top=(posy+10)+"px";
    document.getElementById("btc").style.left=(posx-80)+"px";
}