/*
script převzat ze stránky
http://www.zaachi.com/cs/items/javascript-tooltip-script.html
*/


//div ID
var myDivId = 'ToolTip';
//posun v ose X
var movingX = 20; //px
//posun v ose Y
var movingY = -200; //px


//vychozi pozice
var positionX = 0;
var positionY = 0;

//vytvorime novy element typu DIV
var divElement;
divElement = document.createElement('div');
//nastavime ID 
divElement.setAttribute('id', myDivId);
//visibility:hidden
divElement.style.visibility = 'hidden';
//positin: absolute
divElement.style.position = 'absolute';
//vychozi pozice
divElement.style.left = '0px';
divElement.style.top = '0px';

//zjisteni souradnic mysi
function getMouseXY(e) {
    var browserIE = document.all?true:false
    if (!browserIE) document.captureEvents(Event.MOUSEMOVE)
    //zjisteni souradnic
    positionX = browserIE?event.clientX + document.body.scrollLeft:e.pageX;
		if(document.documentElement && document.documentElement.scrollTop)
		{
    positionY = browserIE?(event.clientY + document.documentElement.scrollTop):e.pageY;
		}
		else if(document.body.scrollTop && document.body.scrollTop)
		{
    positionY = browserIE?event.clientY + document.body.scrollTop:e.pageY;
		}
		else
		{
    positionY = browserIE?event.clientY + document.body.scrollTop:e.pageY;
		}
		
    //posun elementu 
    setPosition();
    return true;
}

//nastaveni pozice okna
function setPosition(){
    var windowWidth = 0;
    //zjisteni sirky okna
    if( typeof( window.innerWidth ) == 'number' ) {
        windowWidth = window.innerWidth;
    } else if( document.documentElement && document.documentElement.clientWidth ) {
        windowWidth = document.documentElement.clientWidth;
    } else if( document.body && document.body.clientWidth  ) {
        windowWidth = document.body.clientWidth;
    }
    //pokud je pozice za okrajem okna, nastavi se pred kurzor
    if( ( positionX +  parseInt(divElement.style.width ) + movingX + 50 ) > windowWidth ){
        positionX -= ( movingX + parseInt(divElement.style.width ) );
    }
		
    var windowHeight = 0;
    //zjisteni vysky okna
    if( typeof( window.innerHeight ) == 'number' ) {
        windowHeight = window.innerHeight;
    } else if( document.documentElement && document.documentElement.clientHeight ) {
        windowHeight = document.documentElement.clientHeight;
    } else if( document.body && document.body.clientHeight  ) {
        windowHeight = document.body.clientHeight;
    }
    //pokud je pozice za okrajem okna, nastavi se pred kurzor
    if( ( positionY +  parseInt(divElement.style.height ) + movingY + 50 ) > windowHeight ){
        positionY -= ( movingY + parseInt(divElement.style.height ) );
    }
    divElement.style.left =  ( movingX + positionX ) + 'px';
    divElement.style.top = ( movingY + positionY ) + 'px';
}


//funkce pro nastavei opacity
function setOpacity( element, alpha ){
    var el = document.getElementById(element);
    
    if( el.style.opacity != undefined ){
        el.style.opacity = alpha;
    }
    else if( el.style.MozOpacity != undefined ){ 
        el.style.MozOpacity = alpha;
    }
    else if( el.style.filter != undefined ){
        el.style.filter = "alpha(opacity=0)";
        el.filters.alpha.opacity = ( alpha * 100 );
    }
    
    return true;
}

function pulseOn(){
    for( i = 0; i <= 10; i++ ){
        setTimeout("setOpacity('" + myDivId + "'," + i/10 + ");", 25*i);
    }   
}

//TOOLTIP FUNCTION
function tooltip( str, el, width, id){
    
    if ('tooltip3'==id)
    {
      movingY=-300;
      movingX=-730;
      divElement.id=id;
      myDivId=id; 
      str='<div id="functions-help"></div>';
    }

    else if (id)
    {
      myDivId=id;
      divElement.id=id;
      movingY=-100;
      movingX=-580;
    }

    if (350==width)
    {
      movingY=-100;
      movingX=-400;
    }    
    
    
    //pokud neni vytvoreny div pridany v HTML
    if( !document.getElementById(myDivId) )
        //pridame div do stranky
        document.body.appendChild(divElement);

    if (width)
    {
      divElement.style.width=width+'px';
    }
    

    //nastavime visibility:visible
    setOpacity(myDivId, 0 );
    divElement.style.visibility = 'visible';
    pulseOn();
    //vlozime do divu nas text
    divElement.innerHTML = str;
    //pri posunu po elementu menime pozici divu
    el.onmousemove=getMouseXY;
//    el.onmouseover=getMouseXY;
    //pri opusteni elementu okno schovame
    el.onmouseout = hidetip;
}

//schovani okna
function hidetip(){
    divElement.style.visibility = 'hidden';
}