document.writeln('<div align="left" id="preloadingBg" style="position:absolute; left:10px; top:10px; width:300px; height:60px; z-index:25; visibility:hidden; background-color:000000;  opacity: 0.700;  filter:alpha(opacity=70);">');
document.writeln('</div>');

document.writeln('<div align="left" id="preloadingMsg" style="position:absolute; left:0px; top:0px; width:300px; height:60px; z-index:26; visibility:hidden; background-color:FFFFFF;  border:1px solid #000000;">');
document.writeln('<table width="300" height="60" cellspacing="0" cellpadding="0"><tr>');
document.writeln('<td width="60"><img src="images/TTS/loading.gif"></td>');
document.writeln('<td align="left" valign="middle" class="default_font"><b>Attendere...</b><br>Caricamento in corso..</td>');
document.writeln('</tr></table>');
document.writeln('</div>');

document.writeln('<div align="left" id="tooltip" style="position:absolute; left:0px; top:0px; width:220px; z-index:24; visibility:hidden; background-color:EEEEEE; border:1px solid #606060;">');
document.writeln('</div>');

var userAgent = navigator.userAgent.toLowerCase();

var browserCompatible = false;
var ie = false;
var ff = false;

var px = 30;
var py = 30;

var idTimer = 0;

var tooltip = document.getElementById('tooltip');

if (userAgent.indexOf("msie")!=-1)
{
	browserCompatible = true;
	ie = true;
}
else if ( userAgent.indexOf("firefox")!=-1)
{
	browserCompatible = true;
	ff = true;
}

function ScrollPreload()
{
  if (browserCompatible)
  {
    document.getElementById('preloadingMsg').style.left = document.body.scrollLeft +( document.body.clientWidth - 300)/2;
    document.getElementById('preloadingMsg').style.top = document.body.scrollTop +( document.body.clientHeight - 60)/2;
  }
}

function ResizePreload()
{
  if (browserCompatible)
  {
    document.getElementById('preloadingBg').style.width = document.body.scrollWidth;
    document.getElementById('preloadingBg').style.height = document.body.scrollHeight;

    ScrollPreload();
  }
}

function ShowPreload()
{
  if (browserCompatible)
  {
    document.getElementById("preloadingBg").style.top = 0;
    document.getElementById("preloadingBg").style.left = 0;
    document.getElementById("preloadingBg").style.width = document.body.scrollWidth;
    document.getElementById("preloadingBg").style.height = document.body.scrollHeight;

    ScrollPreload();

    document.getElementById("preloadingBg").style.visibility='visible';
    document.getElementById("preloadingMsg").style.visibility='visible';

    window.onscroll = ScrollPreload;
    window.onresize = ResizePreload;
  }
  return true;
}

function ShowDelay()
{
	if (browserCompatible)
	{
		document.getElementById("tooltip").style.visibility='visible';
		//window.clearTimeout(idTimer);
	}
}

/*function ShowTooltip(e, title, desc)
{
	if(!e) e = window.event;
	
	if (browserCompatible)
	{
		// posizione del mouse
		var x = e.clientX + document.body.scrollLeft;
		var y = e.clientY + document.body.scrollTop;
		var pageHeight = document.body.scrollHeight;
		var pageWidth = document.body.scrollWidth;
		
		tooltip.innerHTML = "<div class=\"subtitle_font\">"+title+"</div><div class=\"default_font\">"+desc+"</div>";
		
		// spostamento verticale
		if ((y+tooltip.clientHeight) > pageHeight)
		{
			y = pageHeight - tooltip.clientHeight - 20;
		}
		
		// riflessione orizzontale
		if ((x+tooltip.clientWidth) > pageWidth)
		{
			x = x - tooltip.clientWidth - 30;
		}
					
		document.getElementById("tooltip").style.left = x + 20;
		document.getElementById("tooltip").style.top = y;
		//document.getElementById("tooltip").style.visibility='visible';
		idTimer = window.setTimeout('ShowDelay()', 800);
	}
}

function HideTooltip(e)
{
	if(!e) e = window.event;
	
	if (browserCompatible)
	{
		document.getElementById("tooltip").style.visibility='hidden';
		window.clearTimeout(idTimer);
	}
}

function MoveTooltip(e)
{
	if(!e) e = window.event;
	
	if (browserCompatible)
	{
		// posizione del mouse
		var x = e.clientX + document.body.scrollLeft;
		var y = e.clientY + document.body.scrollTop;
		var pageHeight = document.body.scrollHeight;
		var pageWidth = document.body.scrollWidth;

		// spostamento verticale
		if ((y+tooltip.clientHeight) > pageHeight)
		{
			y = pageHeight - tooltip.clientHeight - 20;
		}
		
		// riflessione orizzontale
		if ((x+tooltip.clientWidth) > pageWidth)
		{
			x = x - tooltip.clientWidth - 30;
		}
		
		document.getElementById("tooltip").style.left = x + 20;
		document.getElementById("tooltip").style.top = y;
	}
}*/

//function onSubmit = function() { return true; };
