/* <![CDATA[ */
  //div ID
//var myDivId = 'ZHintDiv';
//posun v ose X
var movingX = 20; //px
//posun v ose Y
var movingY = 10; //px


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

var divElement;

var first = 0;

function init(myDivId)
{   
  if( !document.getElementById(myDivId) )
  {           
    //vytvorime novy element typu DIV  
    divElement = document.createElement('div');
    //nastavime ID 
    divElement.setAttribute('id', myDivId);
        
    var browserIEx = document.all?true:false
    if(browserIEx)
    { divElement.setAttribute("className", "toolbox"); }
    else
    { divElement.setAttribute('class', 'toolbox'); }
         
    //visibility:hidden
    divElement.style.visibility = 'hidden';
    //positin: absolute
    divElement.style.position = 'absolute';
    //vychozi pozice
    divElement.style.left = '-1000px';
    divElement.style.top = '-1000px';
  }
}

//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;
    positionY = browserIE?event.clientY + document.body.scrollTop:e.pageY;
    //posun elementu 
    setPosition();
    return true;
}

//nastaveni pozice okna
function setPosition(){
  if(first == 0)
  {
    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 ) );
    }
    //divElement.style.left =  ( movingX + positionX ) + 'px';
    //divElement.style.top = ( movingY + positionY ) + 'px';
    divElement.style.left =  ( 15 + positionX ) + 'px';
    divElement.style.top = ( 15 + positionY ) + 'px';
    first = 1;
  }
}


//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(myDivId){
    for( i = 0; i <= 9; i++ ){
        setTimeout("setOpacity('" + myDivId + "'," + i/10 + ");", 25*i);
    }   
}

//TOOLTIP FUNCTION
function tooltip( str, el, width, myDivId ){
    init(myDivId);
    //pokud neni vytvoreny div pridany v HTML
    if( !document.getElementById(myDivId) )
        //pridame div do stranky
        document.body.appendChild(divElement);
    //nastavime pozadovanou sirku pro div
    divElement.style.width = width + 'px';
    divElement.style.height = 60 + 'px';
    //nastavime visibility:visible
    
    //setOpacity(myDivId, 0 );
    divElement.style.visibility = 'visible';
    //divElement.style.position = 'absolute';
    //divElement.style.top = 30 + 'px';
    //divElement.style.left = 30 + 'px';
    
    //pulseOn(myDivId);
                     
    //vlozime do divu nas text
    divElement.innerHTML = str;
    //pri posunu po elementu menime pozici divu
    el.onmousemove=getMouseXY;
    //pri opusteni elementu okno schovame
    //el.onmouseout = hidetip;
}

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