var headID = document.getElementsByTagName("head")[0];         
var cssNode = document.createElement('link');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.href = 'infobul.css';
cssNode.media = 'screen';
headID.appendChild(cssNode);

document.write('<br />');

var name = navigator.appName
var intervalPos;

function setTimerInit() {

  timer2=setTimeout("setReactivity()",500);
}

function setReactivity(){

	if (name == "Microsoft Internet Explorer"){		
		document.getElementById("infobulLink").attachEvent('onmouseover', checkSynchrone);		
	}

	else{	
		document.getElementById("infobulLink").addEventListener('mouseover', checkSynchrone, false);		
	}
}


function checkSynchrone(){
	

	var synchroneDiv=document.getElementById("infobul");
	


	if (synchroneDiv.style.display=="none")
	{
		synchroneDiv.style.display="block";
		synchroneDiv.style.position="absolute";			
		positionDiv();
		timer=setTimeout("hideSynchrone()",10000)
	}
	else{
		hideSynchrone();
	}	
}


function getAbsolutePosition(element) {

    var r = { x: element.offsetLeft, y: element.offsetTop };
    if (element.offsetParent) {
      var tmp = getAbsolutePosition(element.offsetParent);
      r.x += tmp.x;
      r.y += tmp.y;
    }
    return r;
  };


function positionDiv() {
	
	var synchroneDiv=document.getElementById("infobul");
	var synchroneLink=document.getElementById("infobulLink");

	var pos = getAbsolutePosition(synchroneLink);

	synchroneDiv.style.left=pos.x-150+"px";
	synchroneDiv.style.top=pos.y-260+"px";
}


function hideSynchrone(){
	document.getElementById("infobul").style.display="none";
}

// --------------------------------------------------------------------------------

setTimerInit();