// JavaScript Document

	window.onload = function()
	{
		var lis = document.getElementsByTagName('li');
		var i = 0;
		for(i = 0; i < lis.length; i++)
		{
			var li = lis[i];
			if (li.className == 'headlink')
			{
				li.onmouseover = function() { this.getElementsByTagName('ul').item(0).style.display = 'block'; }
				li.onmouseout = function() { this.getElementsByTagName('ul').item(0).style.display = 'none'; }
			}
		}
		var Style = cookieManager.getCookie("style");
		if(Style=="")
			Style="grafisch";
		setActiveStyleSheet( Style );
	}



/* Listbox-Height */
var client = {

	getPage: function() { 
		
		// Default-Values for 1024x768
		var pageWidth = 720;
		var pageHeight = 576;
		
		var scrollArr = this.getScroll();
		var winArr = this.getWindow();
		pageWidth = winArr.width + scrollArr.left;
		pageHeight = winArr.height + scrollArr.top;
	
		return { scrollX: scrollArr.left, scrollY: scrollArr.top, winW: winArr.width, winH: winArr.height, pageW: pageWidth, pageY: pageHeight };
	}, 
	
	getScroll: function() { 
		return { left: this.scrollLeft(), top: this.scrollTop() };
	}, 
	
	getWindow: function() { 
		return { width: this.windowWidth(), height: this.windowHeight() };
	},
	
	scrollLeft: function() {
		var xScroll = 0;
		if (self.pageXOffset)
			xScroll = self.pageXOffset;
		else if (document.documentElement && document.documentElement.scrollLeft) 
			xScroll = document.documentElement.scrollLeft;
		else if (document.body)
			xScroll = document.body.scrollLeft;
			
		return xScroll;
	},
	
	scrollTop: function() {
		var yScroll = 0;
		if (self.pageYOffset)
			yScroll = self.pageYOffset;
		else if (document.documentElement && document.documentElement.scrollTop)
			yScroll = document.documentElement.scrollTop;
		else if (document.body)
			yScroll = document.body.scrollTop;
			
		return yScroll;
	},
	
	windowWidth: function() {
		var xWin = 720;
		if (self.innerHeight)
			xWin = self.innerWidth; 
		else if (document.documentElement && document.documentElement.clientWidth) 
			xWin = document.documentElement.clientWidth; 
		else if (document.body) 
			xWin = document.body.clientWidth;
			
		return xWin; 
	},
	
	windowHeight: function() { 
		var yWin = 576;
		if (self.innerHeight)
			yWin = self.innerHeight;
		else if (document.documentElement && document.documentElement.clientHeight)
			yWin = document.documentElement.clientHeight;
		else if (document.body)
			yWin = document.body.clientHeight;
			
		return yWin; 
	}
};



var updateShowBox;
var lastShowBox;

function showBox( id, type )
{
	
	yScroll = client.scrollTop()
	$(id).css('top', yScroll );
	
	
	if( type == 0 ) {
		lastShowBox = id;
		// $('#overFrameInner').html(showBoxContent[id]['text']);
		
		$(id).fadeIn(1000, function(){ 
			$(id+' .shadow_box_player').css('display', 'block');
			showBox(id, 2); 
		});
	}
	else if( type == 1 ) {
		lastShowBox = '';
		$(id+' .shadow_box_player').css('display', 'none');
		$(id).fadeOut(2000);
	}
	else if( lastShowBox == id ) {
		updateShowBox = setTimeout('showBox("' + id + '", 2)', 500);
	}
}