var DIR_ROOT = "";

function showFilmInfoFlyer(element, title_url, filmtitle, director, country, year, position)
{
	var content = "<img height='160' src='" + DIR_ROOT + "/de/movies/" + title_url + "/flyer.jpg' style='padding:2px;padding-right:10px;' align='left'>";
	content += "<div style='font-size:15px;font-weight:bold;padding-bottom:5px;'>" + filmtitle + "</div>";
	content += lang_director + ": " + director + "<br>";
	content += lang_country + ": " + country + "<br>";
	content += lang_year + ": " + year + "";
	el = element;
	for (var lx=0,ly=0;el!=null;
		lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
	showToolTip(lx, ly+element.offsetHeight, content);
}

function showFilmInfo(element, imagecount, title_url, filmtitle, director, country, year, position)
{
	var content = "<div style='font-size:15px;font-weight:bold;padding-bottom:5px;'>" + filmtitle + "</div>";
	content += lang_director + ": " + director + "<br>";
	content += lang_country + ": " + country + "<br>";
	content += lang_year + ": " + year + "";
	content += "<div style='text-align:center;'><table cellspacing='0' cellpadding='0'><tr>";
	if(imagecount>=1) content += "<td><img width='200' height='130' src='" + DIR_ROOT + "/de/movies/" + title_url + "/photos/small_by_nr/1.jpg' style='margin:10px;'></td>";
	if(imagecount>=2) content += "<td><img width='200' height='130' src='" + DIR_ROOT + "/de/movies/" + title_url + "/photos/small_by_nr/2.jpg' style='margin:10px;'></td>";
	content += "</tr></table></div>";
	el = element;
	for (var lx=0,ly=0;el!=null;
		lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
	showToolTip(lx, ly+element.offsetHeight, content);
}

function showRegisseurInfo(element, firstname, lastname, filmography, land, picture1, picture2)
{
	var content = "<div style='font-size:15px;font-weight:bold;padding-bottom:1px;'>" + firstname + " " + lastname + "</div>";
	content += "<i><b>" + land + "</b></i><br><table cellspacing='0' cellpadding='0'><tr>";
	if(picture1) content += "<td><img width='200' height='130' src='" + picture1 + "' style='padding:4px 10px 7px 0px;'></td>";
	if(picture2) content += "<td><img width='200' height='130' src='" + picture2 + "' style='padding:4px 10px 7px 0px;'></td>";
	content += "</tr></table><br>" + filmography + "";
	el = element;
	for (var lx=0,ly=0;el!=null;
		lx+=el.offsetLeft,ly+=el.offsetTop,el=el.offsetParent);
	showToolTip(lx, ly+element.offsetHeight, content);
}

var tooltip_xpos;
var tooltip_ypos;
var tooltip_content;
var tooltip_closed = true;
var tooltip_settimeoutvar;

function showToolTip(xpos, ypos, content)
{
	tooltip_xpos = xpos;
	tooltip_ypos = ypos;
	tooltip_content = content;
	tooltip_closed = false;
	if(tooltip_settimeoutvar) {
		clearTimeout(tooltip_settimeoutvar);
	}
	tooltip_settimeoutvar = setTimeout("showToolTip2()",500);
}

function showToolTip2()
{
	if(tooltip_closed) return;
	var xpos = tooltip_xpos;
	var ypos = tooltip_ypos;
	var content = tooltip_content;
	var tooltip = document.getElementById('tooltip');
	tooltip.style.left = xpos;
	tooltip.style.top = ypos;
	tooltip.style.display = '';
	tooltip.innerHTML = content;
	// edge detection
	var tooltipheight = tooltip.offsetHeight;
	var tooltipwidth = tooltip.offsetWidth;
	if((ypos+tooltipheight)>(window.innerHeight+document.documentElement.scrollTop) && (tooltip.offsetTop-tooltipheight-15>15)) {
		tooltip.style.top = tooltip.offsetTop-tooltipheight-15;
	}
	if((xpos+tooltipwidth)>window.innerWidth) {
		tooltip.style.left = tooltip.offsetLeft-((xpos+tooltipwidth)-(window.innerWidth))-30;
	}
}

function hideToolTip()
{
	tooltip_closed = true;
	var tooltip = document.getElementById('tooltip');
	tooltip.style.display = 'none';
}