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

//vychodzia pozicia
var positionX = 0;
var positionY = 0;

function CreateZDiv(myDivId)
{
	//vytvorime novy element typu DIV

	divElement = document.createElement('div');
	//nastavime ID 
	divElement.setAttribute('id', myDivId);
	//nastavime ID 
	divElement.setAttribute('class', 'ZHintDiv');
	
	//visibility:hidden
	divElement.style.visibility = 'hidden';
	//positin: absolute
	divElement.style.position = 'absolute';
	//vychodzia pozicia
	divElement.style.left = '0px';
	divElement.style.top = '0px';
	
	return divElement;
}

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

//TOOLTIP FUNCTION
uzmam = 0;
function tooltip( str, el, width, mout )
{
	var myDivId = 'ttw'+str;
	// zmenim cursor
	changecursor('pointer');
    //pokud nienje vytvoreny div pridany v HTML
    if( !document.getElementById(myDivId) && uzmam != str)
	{
		divElement = CreateZDiv(myDivId); // vytvorime div
        document.body.appendChild(divElement);//pridame div do stranky	}
    //nastavime pozadovanu sirku pré div
	}
	if(width) divElement.style.width = width + 'px';
	else divElement.style.width ='';
	
    setOpacity(myDivId, 0 );
    divElement.style.visibility = 'visible';
    pulseOn(myDivId);
    //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
	
	
			switch(mout)
				{
				case 2:
					ShowAjax(this,divElement,'','','ajfunc.php?stInline='+str,1)
					el.onmouseout = hidetip;	
					uzmam = str;
				  break;
				default:
					//divElement.onmouseout = hidetip;

					//positionX = el.offsetLeft ;
					//positionY = el.offsetTop+20 ;
					//setPosition();
				}
			el.onmousemove=getMouseXY;
			document.onclick = hidetip;	
	}
}

function pulseOn(myDivId)
{
    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');
}