//div ID  
var myDivId = 'ZHintDiv';  
//posun v osy X  
var movingX = 10; //px  -30;
//posun v osy Y  
var movingY = 10; //px  -15;

//vychodzia pozicia
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';
//vychodzia pozicia
divElement.style.left = '0px';
divElement.style.top = '0px';

function changecursor(cur) {
document.body.style.cursor=cur;
}

//TOOLTIP FUNCTION
function tooltip( str, el, width, mout ){
	// zmenim cursor
	changecursor('pointer');
    //pokud nienje vytvoreny div pridany v HTML
    if( !document.getElementById(myDivId) )
        //pridame div do stranky
        document.body.appendChild(divElement);
    //nastavime pozadovanu sirku pré div
	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 opusteni elementu okno schovame
	if(!mout){ 					// ak nemam mout schovam pri odchode [ default ]
		el.onmouseout = hidetip;
		//pri posunu po elemente menime pozici divu
		el.onmousemove=getMouseXY;
	}else{						// inac neschovam
		//divElement.onmouseout = hidetip;
	
		positionX = el.offsetLeft ;
		positionY = el.offsetTop+20 ;
		setPosition();
	}
}

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

//zjisteni souradnic mysi
function getMouseXY(e) {
//alert(e);
var posx = 0;
var posy = 0;
if (!e)
e = window.event;
if (e.pageX || e.pageY){
posx = e.pageX;
posy = e.pageY;
}
else if (e.clientX || e.clientY){
posx = e.clientX + document.body.scrollLeft
+ document.documentElement.scrollLeft;
posy = e.clientY + document.body.scrollTop
+ document.documentElement.scrollTop;
}
positionX = posx;
positionY = posy;
    //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 ) );
    }
    divElement.style.left =  ( movingX + positionX ) + 'px';
    divElement.style.top = ( movingY + positionY ) + 'px';
}

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;
}


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