var offsetx = 12;
var offsety = 12;
var file;

function newelement(newid)
{ 
    if(document.createElement)
    { 
        var el = document.createElement('div'); 
        el.id = newid;     
        with(el.style)
        { 
            display = 'none';
            position = 'absolute';
        } 
        el.innerHTML = ' '; 
        document.body.appendChild(el); 
    } 
} 

var ie5 = (document.getElementById && document.all); 
var ns6 = (document.getElementById && !document.all); 
var ua = navigator.userAgent.toLowerCase();

var isapple = (ua.indexOf('applewebkit') != -1 ? 1 : 0);

function getmouseposition(e)
{
    if(document.getElementById)
    {
        var iebody=(document.compatMode && 
        	document.compatMode != 'BackCompat') ? 
        		document.documentElement : document.body;
        pagex = (isapple == 1 ? 0:(ie5)?iebody.scrollLeft:window.pageXOffset);
        pagey = (isapple == 1 ? 0:(ie5)?iebody.scrollTop:window.pageYOffset);
        mousex = (ie5)?event.x:(ns6)?clientX = e.clientX:false;
        mousey = (ie5)?event.y:(ns6)?clientY = e.clientY:false;
		
		var img;
		img = new Image();
		img.src='' + file + '';
		imgResize(img);
		
        var tooltip = document.getElementById('tooltip');
        
        if(document.documentElement.clientWidth<img.width+mousex)
        {
        	tooltip.style.left = (mousex+pagex-offsetx-img.width) + 'px';
        }
        else tooltip.style.left = (mousex+pagex+offsetx) + 'px';
        //tooltip.style.left = (mousex+pagex+offsetx) + 'px';
        
        if(document.documentElement.clientHeight<img.height+mousey)
        { 
        	tooltip.style.top = (mousey+pagey-offsety-img.height) + 'px';
        }
        else tooltip.style.top = (mousey+pagey+offsety) + 'px';        
        
        //tooltip.innerHTML += 's: ' + (mousey+pagey+offsety) + ' pa: ' + pagey + ' mo: ' + mousey + ' h: ' + img.height + '<br />'; 
    }
}

function imgResize(img)
{   
	var mx = document.documentElement.clientWidth;
	var my = document.documentElement.clientHeight;
	
	mx = parseInt(mx/2);
	my = parseInt(my/2);
	
	if (img.width>mx || img.height>my) 
	{
		var prop;
		prop=1;
		if (img.width>img.height)
		{
			if (img.width/mx>1) prop=img.width/mx;
			prop+=1;
			prop = parseInt(prop);
			//alert(prop);
		}
		else (img.width<img.height)
		{
			if (img.height/my>1) prop=img.height/my;
			prop+=1;
			prop = parseInt(prop);
			//alert(prop);
		}
		
		img.width = parseInt(img.width/prop);
		img.height = parseInt(img.height/prop);
		obr = document.getElementById('obrazek');
		obr.width = img.width;
		obr.height = img.height;
		//alert(img.width + ' x ' + img.height);
	}
}

function tooltip(tip)
{
    if(!document.getElementById('tooltip')) newelement('tooltip');
    var tooltip = document.getElementById('tooltip');
    
    file = tip.replace("//","/");
    tooltip.innerHTML = '<img id="obrazek" src="' + file + '">'
    tooltip.style.display = 'block';
    document.onmousemove = getmouseposition;
}

function tooltip_text(tip)
{
    if(!document.getElementById('tooltip')) newelement('tooltip');
    var tooltip = document.getElementById('tooltip');
        
    tooltip.innerHTML = '<div style="background-color: white; border-color: black; border-style: solid; border-width: 1px; margin: 3px; padding: 3px; ">' +  tip + '</div>';
    tooltip.style.display = 'block';
    document.onmousemove = getmouseposition;
}

function tooltip_close()
{
    document.getElementById('tooltip').style.display = 'none';
}