//Video anzeigen starten
function showDiv(href,rel) {
	var dimensions = new Array();
	dimensions = rel.split(",");
	movieWidth = parseInt(dimensions[0]);
	movieHeight = parseInt(dimensions[1]);
	boxWidth = parseInt(dimensions[0])+10;
	boxHeight = parseInt(dimensions[1])+10;
	
	newdiv = document.getElementById('transdiv');
	newdiv.style.width = document.documentElement.scrollWidth+"px";
	newdiv.style.height = document.documentElement.scrollHeight+"px";
	
	newBox = document.getElementById('moviebox');
	newBox.style.left = document.documentElement.clientWidth/2 - boxWidth/2 + document.documentElement.scrollLeft+"px";
	newBox.style.top = document.documentElement.clientHeight/2 - boxHeight/2 + document.documentElement.scrollTop+"px";
		
	newBox.style.width = boxWidth+"px";
	newBox.style.height = boxHeight+"px";
	var html = "<iframe src='"+href+"' frameborder='0' width='"+movieWidth+"' height='"+movieHeight+"' style='margin:5px;'></iframe>";
	var closebutton = "<div onclick=\"hideDiv()\" style='position:absolute; left:0px; top:-21px; z-index:20000; padding: 1px 5px; background-color: rgb(255, 255, 255); color: rgb(68, 68, 68); font-family: arial; font-size: 12px; cursor: pointer; opacity: 0.8; filter:alpha(opacity=80);'>x close</div>";
	newBox.innerHTML = html + closebutton;
	
	showback = document.getElementById('transdiv');
	showback.style.display = "block";	
	newBox.style.display = "block";	
	return false;
} 

function hideDiv() {
	deleteback = document.getElementById('transdiv');
	deletemoviebox = document.getElementById('moviebox');
	deletemoviebox.style.display = "none";
	deleteback.style.display = "none";
	document.getElementById('moviebox').innerHTML = "";
}

window.onscroll = function () {
	newBox = document.getElementById('moviebox');
	var boxHeight = newBox.offsetHeight;
	newBox.style.top = document.documentElement.clientHeight/2 - boxHeight/2 + document.documentElement.scrollTop+"px";
}