//Autor: Christopher Reimann
//Date: 01-23-2007

var opacity = 0; 
var interval = 0; 
var title = 0;


function changeTitle(frametitle)
{
	document.getElementById("title").removeChild(document.getElementById("title").firstChild);
	var Text = document.createTextNode(frametitle);
	document.getElementById('title').appendChild(Text);
}
function fadewindow(frametarget, frametitle, width, height, position)
{
	var black  =document.getElementById('table1');
	var frame = document.getElementById("window");			
	var table = document.getElementById("table2");
	var upperboard = document.getElementById("upperboard");	 
	var cell = document.getElementById('cell1');
	
	if(opacity == 0)
	{ 		
		//document.getElementById("title").removeChild(document.getElementById("title").firstChild);
		//var Text = document.createTextNode(frametitle);
		//document.getElementById('title').appendChild(Text);
		
		changeTitle(frametitle);
		
		if(position) cell.style.height = position+"%";
		else  cell.style.height = "10%";   
		
		if(frametarget) frame.src = frametarget;
		frame.style.width = width+20;
		frame.style.height = height+20;	 
		upperboard.style.width = width+20; 
		table.width = width+30;
		//table.style.height = height+40;
		interval = setInterval("fade(1)", 1);  
		black.style.display = "";
	}
	else interval = setInterval("fade(0)", 1);	
	
}	  

function fade(direction)
{	
	if(direction == 1)
	{	
		opacity = opacity+20;
		if(opacity >= 50)
		{
			clearInterval(interval);
		}
	}
	else
	{ 
		opacity = opacity-20;
		if(opacity <= 0) 
		{
			clearInterval(interval);
			document.getElementById('table1').style.display = "none"; 
			document.getElementById('button8').style.display = "none";
			document.getElementById("window").src = "";  
			showUpperBoard(0,0);
		}
	}  		   
	
	//Schwarzen Hintergrund faden
	for(var i = 1; i <=4; i++)
	{	   
		var td = "cell"+i;
		document.getElementById(td).style.filter = "alpha(opacity="+opacity+")";
		document.getElementById(td).style.opacity = "0."+(opacity/10);
	}		
	
	//Fenster mit faden
	document.getElementById('table2').style.filter = "alpha(opacity="+(opacity*2)+")";
	document.getElementById('table2').style.opacity = ((opacity/100)*2);
}