/*################################################################################
	D E B U G
################################################################################*/

var debugModus = 0	; // Debugmodus EIN = 1 || AUS = 0

function debug(txt)
{
	if(!debugModus || typeof(console) != "object") { return; }
	else { console.log(txt); }
}
debug("debugModus = true");


/*################################################################################
	$$$
################################################################################*/

// get Elements by Name

function $$$(obj)
{
	var obj = document.getElementsByName(obj);
	obj = (obj.length==1)?obj[0]:obj;
	return obj;
}


/*################################################################################
	F U N C T I O N S
################################################################################*/


/*################################################################################
	swapNaviPNG(img)
################################################################################*/

function swapNaviPNG(img)
{
	var defaultPath	= (Browser.Engine.trident4)?img.filters["DXImageTransform.Microsoft.AlphaImageLoader"].src:img.src;
	var hoverPath	= defaultPath.replace("inactive","active");
	
	if(Browser.Engine.trident4) { img.filters["DXImageTransform.Microsoft.AlphaImageLoader"].sizingMethod = "crop"; }
	
	img.onmouseout = function()
	{
		this.src = defaultPath;
		if(Browser.Engine.trident4) IE7.recalc();
	}
	img.onmouseover = function()
	{
		this.src = hoverPath;
		if(Browser.Engine.trident4) IE7.recalc();
	}
	
	img.onmouseover();
}

function swapPNG(img,old_str,new_str)
{
	var defaultPath	= (Browser.Engine.trident4)?img.filters["DXImageTransform.Microsoft.AlphaImageLoader"].src:img.src;
	var newPath	= defaultPath.replace(old_str,new_str);
	if(Browser.Engine.trident4) { img.filters["DXImageTransform.Microsoft.AlphaImageLoader"].sizingMethod = "crop"; }
	img.src = newPath;
}

/*################################################################################
	changePNG(img,hoverPath)
################################################################################*/

function changePNG(img,hoverPath)
{
	img.src = hoverPath;
	if(Browser.Engine.trident4) IE7.recalc();
}


/*################################################################################
	 showItem(id) &  closeItem(id)
################################################################################*/
var activeItem = null;

function showItem(id)
{
	if(activeItem) $(activeItem).style.display = "none";
	if(activeItem == id) { activeContent = null; }
	else {
		$(id).style.display = "block";
		activeItem = id; 
	}
}

function  closeItem(id)
	{
		$(id).style.display = "none";
	}
	
/*################################################################################
	 showVideo
################################################################################*/

function showVideo() {
	var windowWidth 	= window.getSize().x;
	var windowHeight 	= window.getSize().y;
	var overlay 		= $('overlay2');
	var video			= $('videoShadow');
	
	/* Position für den Videolayer errechnen */
	video.style.left 	= (windowWidth - 465) / 2 + "px";
	video.style.top 	= (windowHeight - 420) / 2 + "px";
	video.style.display = "block";
	
	/* Overlay positionieren */
	overlay.style.width 	= windowWidth + "px";
	overlay.style.height	= windowHeight + "px";
	overlay.style.display	= "block";
	
	overlay.addEvent("mousedown", function() { $('overlay2').style.display = "none"; $('videoShadow').style.display = "none"; $('videoShadow').innerHTML = ""; });
}

function closeVideo() { 
	$('overlay2').style.display = "none";
	$('videoShadow').style.display = "none";
	$('videoShadow').innerHTML = "";
}

/*################################################################################
	 showGame
################################################################################*/

function showGame() {
	var windowWidth 	= window.getSize().x;
	var windowHeight 	= window.getSize().y;
	var overlay 		= $('overlay2');
	var game			= $('gameShadow');
	
	/* Position für den Gamelayer errechnen */
	game.style.left 	= (windowWidth - 886) / 2 + "px";
	game.style.top 	= (windowHeight - 572) / 2 + "px";
	game.style.display = "block";
	
	/* Overlay positionieren */
	overlay.style.width 	= windowWidth + "px";
	overlay.style.height	= windowHeight + "px";
	overlay.style.display	= "block";
	
	overlay.addEvent("mousedown", function() { window.location.href="http://www.mit-uns-fuer-uns.ch/de/index.php"; });
}

function closeGame() { 
	$('overlay2').style.display = "none";
	$('gameShadow').style.display = "none";
	$('gameShadow').innerHTML = "";
}