function showBalloon(obj, balloonTitle, balloonText) {
	document.getElementById("balloonFloat").style.display="block";
	var x = findPosX(obj)-100;
	var y = findPosY(obj)-110;

	document.getElementById("balloonFloat").style.top = y+"px";
	document.getElementById("balloonFloat").style.left = x+"px";

	document.getElementById("balloonTitle").innerHTML = balloonTitle;
	document.getElementById("balloonText").innerHTML = balloonText;
}

function hideBalloon(obj) {
	document.getElementById("balloonFloat").style.display="none";
}

  function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1)
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }

  function showGuestFields(){

  	var total = document.getElementById('guests').options[document.getElementById('guests').selectedIndex].value;
  	var html = "";

  	for (teller=1;teller<=total;teller=teller+1)
	{
		html = html+"Name guest "+teller+" : <input type='text' name='nameGuests[]' value='' /><br />";
		html = html+"E-mail guest "+teller+" : <input type='text' name='mailGuests[]' value='' /><br /><hr /><br />";
	}

	document.getElementById('guestFields').innerHTML = html;
  }