
function showVid(filename, httpdRoot, description)
{
	var videoContent = '<div style="background-color:#000000;width:460px;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="460" height="370" id="videoplayer05" align="middle">';
	videoContent += '<param name="allowScriptAccess" value="sameDomain" />';
	videoContent += '<param name="movie" value="http://www.paintball.de/customGates/resources/binaries/universal/flash/videoplayer08.swf?InstantStart=1&VideoUrl='+ escape(httpdRoot +'/customGates/scripts/download.php?download='+ filename +'&type=video&name=.flv')+'" />';
	videoContent += '<param name="quality" value="high">';
	videoContent += '<param name="bgcolor" value="#000000" />';
//	videoContent += '<param name="InstantStart" value="1">';
	videoContent += '<param name="wmode" value="transparent">';
	videoContent += '<embed src="http://www.paintball.de/customGates/resources/binaries/universal/flash/videoplayer08.swf?InstantStart=1&VideoUrl='+ escape(httpdRoot +'/customGates/scripts/download.php?download='+ filename +'&type=video&name=.flv')+'" ' +
			'	quality="high" bgcolor="#000000" width="460" height="370" name="videoplayer05" wmode="transparent" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
	videoContent += '</object></div>';
	
	var elem_vid = document.getElementById('vid_playing');
	elem_vid.style.display = 'block';
	
	var elem_desc = document.getElementById('vid_desc');
	elem_desc.style.display = '';
	elem_desc.innerHTML = description;
	
	var elem = document.getElementById('VideoContent');
	elem.innerHTML = videoContent;
	
	var elem_friend = document.getElementById('sendMailToFriend');
	elem_friend.style.display = '';
	
	var elem_hidden = document.getElementById('vidhidden');
	elem_hidden.value = description;
	
} // function showVid(filename, httpdRoot, description)


function getMouseX(evt) 
{
	if (!evt) 
		evt = window.event; 
	
	if (evt.pageX)
  		return evt.pageX; 
	else if (evt.clientX)
		return evt.clientX ; 
	else return 0;
} // function getMouseX(evt)

function getMouseY(evt) 
{
  	if (!evt) evt = window.event; 
  
  	if (evt.pageY) 
  		return evt.pageY; 
	else if (evt.clientY)
		return evt.clientY; 
	else return 0;
} // function getMouseY(evt)  

// aktuelle Preview verschieben
function movePreview(evt) 
{
	var offetX = 15;
	var offsetY = 15;
	
   var left=(getMouseX(evt)+offetX);
   var top=(getMouseY(evt)+offsetY);
    
   var elem = document.getElementById('previewdiv');
    
   elem.style.left = left + 'px';
   elem.style.top = top + 'px';
} // function movePreview(evt) 

// Preview eines Bildes anzeigen.
function showPreview(filename, evt) 
{
	var elem = document.getElementById('previewdiv');
	var width = 100;
	var height = 150;
	
  	elem.innerHTML='<div id="previewdiv" style="position:absolute;visibility:visible;"><img src="http://www.paintball.de/customGates/scripts/download.php?download='+filename+'&convert[-resize]='+width+'x'+height+'" border="0"></div>';
  	elem.style.display="";

  	movePreview(evt);
  	//document.onmousemove = movePreview;
} // function showPreview(evt) 

// Preview nicht mehr Anzeigen
function hidePreview() 
{
	var elem = document.getElementById('previewdiv');
	
  	elem.style.display="none";
  	document.onmousemove = null;
} // function hidePreview() 


function openPopup(url, width, heigt)
{
	if (width == "" || width == null)
		width = 950;

	if (heigt == "" || heigt == null)
		heigt = 660;

	window.open(url, 'Popup', 'width='+width+',height='+heigt+',location=no,menubar=no,resizable=yes,scrollbars=yes,status=no,toolbar=no,top=100,left=100');
} // function openPopup(url)

function markFields(ids, className)
{
	var idArray = ids.split("¶");

	for(var i = 0; i < idArray.length; i++)
	{
		document.getElementById(idArray[i]).className += ' '+ className;
		
	} // for(var i = 0; i < idArray.length; i ++)
	
} // function markFields()

function strpos(haystack, needle, offset)
{
	var i = haystack.indexOf(needle, offset);
	return ((i >= 0) ? i : false);
}

var activeButton = null;

function buttonClick(menuId)
{
	if (menuId != activeButton && activeButton != null)
		document.getElementById(activeButton).style.display = 'none';
	
	if (menuId == activeButton)
	{
		document.getElementById(activeButton).style.display = 'none';
		activeButton = null;
		
		return;
	} // if (menuId == activeButton)
	
	activeButton = menuId;	
	document.getElementById(activeButton).style.display = 'block';
	
	var elementId = "mp_" + activeButton;
	
	if (elementId != "mp_")
	{
		var currentSRC = document.getElementById(elementId).src;
		var pos = strpos(currentSRC, 'http://www.paintball.de/gateTools');
		var text = document.getElementById(elementId).alt;
		
		document.getElementById(elementId).src = currentSRC.substring(0, pos) 
			+ 'http://www.paintball.de/gateTools/scripts/ttf.php?text=' + text.toUpperCase() 
			+ '&ttf=AURORABC.TTF&size=12&color=001673&bgcolor=807F84';
	} // if (elementId != "mp_")
	
	return;
} // function buttonClick(menuId)

function slide(menuId)
{	
	if (activeButton == null)
		return;
	
	var elementId = "mp_" + activeButton;
	
	if (elementId != "mp_")
	{
		var currentSRC = document.getElementById(elementId).src;
		var pos = strpos(currentSRC, 'http://www.paintball.de/gateTools');
		var text = document.getElementById(elementId).alt;
		
		document.getElementById(elementId).src = currentSRC.substring(0, pos) 
			+ 'http://www.paintball.de/gateTools/scripts/ttf.php?text=' + text.toUpperCase() 
			+ '&ttf=AURORABC.TTF&size=12&color=FFFFFF&bgcolor=807F84';
	} // if (elementId != "mp_")
	
	if (activeButton != null && menuId != activeButton)
		buttonClick(menuId);
}

function pageMousedown(event)
{
	var el;

	// Wenn kein Menüpunkt aktiv ist, wird nichts gemacht 
	if (activeButton == null)
		return;

	var elementId = "mp_" + activeButton;
	
	if (elementId != "mp_")
	{
		var currentSRC = document.getElementById(elementId).src;
		var text = document.getElementById(elementId).alt;
		var pos = strpos(currentSRC, 'http://www.paintball.de/gateTools');
		
		document.getElementById(elementId).src = currentSRC.substring(0, pos) 
			+ 'http://www.paintball.de/gateTools/scripts/ttf.php?text=' + text.toUpperCase() 
			+ '&ttf=AURORABC.TTF&size=12&color=FFFFFF&bgcolor=001363';
	} // if (elementId != "mp_")

	// Herausfinden, welches Element angeklickt wurde
	el = (event.target.tagName ? event.target : event.target.parentNode);

	// Wenn es im Bereich des Menüs liegt, wird nichts gemacht
	if (el.id == 'inMenu')
		return;

	// Wenn der Hauptmenüpunkt angeklickt wurde, wird das Untermenü geschlossen
	if (el.alt == activeButton)
	{
		activeButton = null;
		return;
	}
	else
		buttonClick(activeButton);
	
	return;
	
} // function pageMousedown(event)

function confirmDelete(formName)
{
	if (confirm("Wollen Sie dieses Produkt wirklich aus dem Warenkorb entfernen?"))
		document.forms[formName].submit();
		
	return;
} // function confirmDelete()

function confirmDeleteFromWishlist(formName)
{
	if (!confirm("Wollen Sie dieses Produkt wirklich aus der Wunschliste entfernen?"))
		return false;
		
	document.forms[formName].submit();
	return;
} // function confirmDelete()

function toggleDiv(showElementId, hideElementId)
{
	value1 = document.getElementById(showElementId).style.display;	
	if (value1 == 'none')
		document.getElementById(showElementId).style.display = '';
	else
		document.getElementById(showElementId).style.display = 'none';
	
	value2 = document.getElementById(hideElementId).style.display;	
	if (value2 == '')
		document.getElementById(hideElementId).style.display = 'none';
	else
		document.getElementById(hideElementId).style.display = '';
} // function toggleDiv(showElementId, hideElementId)

function toggleDivEffect(elementId)
{
	elementObj = document.getElementById(elementId);
	if (elementObj.style.display == 'none')
		new Effect.BlindDown(elementObj);
	else
		new Effect.BlindUp(elementObj);
} // function toggleDivEffect(elementId)

/////////////////

globalOpenMenu=false;

function clearMenuTimeout(ImageObjectName)
{
	if(ImageObject = document.getElementById(ImageObjectName))
		ImageObject.stopTimeout();
}

function setMenuTimeout(ImageObjectName)
{
	if(ImageObject = document.getElementById(ImageObjectName))
		ImageObject.startTimeout();
}

function menuOver(ImageObject, ImageFile)
{	
	if(globalOpenMenu != false && globalOpenMenu != ImageObject)
		menuOut(globalOpenMenu.getAttribute('id'));

	globalOpenMenu = ImageObject;
	if(!ImageObject.outSrc)
		ImageObject.outSrc=ImageObject.src;
	
	ImageObject.src=ImageFile;

	ImageObject.stopTimeout = function()	{
		if(this.timeout)
			clearTimeout(this.timeout);
	}

	ImageObject.startTimeout = function()	{
		if(this.SubMenu)
			this.timeout = setTimeout('menuOut("'+this.getAttribute('id')+'")',1000);
		else	
			menuOut(this.getAttribute('id'));

	}
	
	if(ImageObject.SubMenu = document.getElementById(ImageObject.getAttribute('id')+"Sub"))
	{
		ImageObject.SubMenu.style.display='block';
		ShowPopupDiv(ImageObject.getAttribute('id')+"Sub");
		return false;
	}
}

function menuOut(ImageObjectName)
{
	if(!(ImageObject = document.getElementById(ImageObjectName)))
		return;
	ImageObject.stopTimeout();

	if (ImageObjectName != "Shop" && ImageObjectName != "News" && ImageObjectName != "Play"
			&& ImageObjectName != "Newbie" && ImageObjectName != "Teams" && ImageObjectName != "Info"
			&& ImageObjectName != "Account")
	{
		ImageObject.src=ImageObject.outSrc;
	}
	else
	{
		if (ImageObjectName == "Shop")
			ImageObject.src='http://www.paintball.de/gateTools/scripts/ttf.php?text=SHOP&ttf=AURORABC.TTF&size=15&color=FFFFFF&bgcolor=001363';
		else if(ImageObjectName == "News")
			ImageObject.src='http://www.paintball.de/gateTools/scripts/ttf.php?text=NEWS&ttf=AURORABC.TTF&size=15&color=FFFFFF&bgcolor=001363';
		else if(ImageObjectName == "Play")
			ImageObject.src='http://www.paintball.de/gateTools/scripts/ttf.php?text=WO KANN ICH SPIELEN?&ttf=AURORABC.TTF&size=15&color=FFFFFF&bgcolor=001363';
		else if(ImageObjectName == "Newbie")
			ImageObject.src='http://www.paintball.de/gateTools/scripts/ttf.php?text=BERATUNG&ttf=AURORABC.TTF&size=15&color=FFFFFF&bgcolor=001363';
		else if(ImageObjectName == "Teams")
			ImageObject.src='http://www.paintball.de/gateTools/scripts/ttf.php?text=TEAMS&ttf=AURORABC.TTF&size=15&color=FFFFFF&bgcolor=001363';
		else if(ImageObjectName == "Info")
			ImageObject.src='http://www.paintball.de/gateTools/scripts/ttf.php?text=SERVICE&ttf=AURORABC.TTF&size=15&color=FFFFFF&bgcolor=001363';
		else if(ImageObjectName == "Account")
			ImageObject.src='http://www.paintball.de/gateTools/scripts/ttf.php?text=MEIN KONTO&ttf=AURORABC.TTF&size=15&color=FFFFFF&bgcolor=001363';
	}
	
	if(ImageObject.SubMenu)
	{
		HidePopupDiv(ImageObject.getAttribute('id')+"Sub");
		ImageObject.SubMenu.style.display='none';
	} 
}

function showMainmenu(id) {
	
	ShowPopupDiv("MainMenu"+id);
}

function hideMainmenu(id) {
	
	HidePopupDiv("MainMenu"+id);
}


function showNEWSubmenu(name) {
	
	document.getElementsByName("Blue"+name)[0].style.display = 'none';
	document.getElementById("SubMenuWhite"+name).style.display="block";
}

function hideNEWSubmenu(name) {
	
	document.getElementsByName("Blue"+name)[0].style.display = 'block';
	document.getElementById("SubMenuWhite"+name).style.display="none";
}

////////////////////////////////
// Kategorie Menü mit Submenü //
////////////////////////////////

// Aufklappen der Submenüs
var SubCategoryMenuTimeout;
var CategoryIDBefore = false;
var activeBackground = false;
function showCategory(CategoryID)
{
	i = 1;
	if (document.getElementById("zoom_"+i) != null)
	{
		while(document.getElementById("zoom_"+i) != null)
		{
			hideProductOverlay('zoom_'+i);
			i++;
		} // while(document.getElementById("zoom_"+i) != null)
	} // if (document.getElementById("zoom_"+i))
	
	if (document.getElementById(CategoryID+"_Over").style.display != "")
	{
		stopSubCategoryMenuTimeOut();
	
		if (document.getElementById(CategoryID+"_OverSub"))
			document.getElementById(CategoryID+"_OverSub").style.display='block';
		
		document.getElementById(CategoryID+"_Out").style.display="none";
		document.getElementById(CategoryID+"_Over").style.display="";
		document.getElementById(CategoryID+"_Layer").style.display="block";
		
		if (CategoryIDBefore != CategoryID && CategoryIDBefore != false)
			hideCategory(CategoryIDBefore);
	
		CategoryIDBefore = CategoryID;
	} // if (document.getElementById(CategoryID+"_Over").style.display != "")
} // function showCategory(CategoryID)

function hideCategory(CategoryID)
{
	if(!document.getElementById(CategoryID+"_Over"))
		return;

	if(document.getElementById(CategoryID+"_OverSub"))
		document.getElementById(CategoryID+"_OverSub").style.display='none';

	document.getElementById(CategoryID+"_Out").style.display="";
	document.getElementById(CategoryID+"_Layer").style.display="none";
	document.getElementById(CategoryID+"_Over").style.display="none"; 
	
	if (activeBackground != false)
		document.getElementById(activeBackground).style.backgroundColor='#ffffff';
} // function hideCategory(CategoryID)

function hideCategoryWithNoSubmenues(CategoryID)
{
	document.getElementById(CategoryID+"_Out").style.display="";
	document.getElementById(CategoryID+"_Layer").style.display="none";
	document.getElementById(CategoryID+"_Over").style.display="none";
	
	if (activeBackground != false)
		document.getElementById(activeBackground).style.backgroundColor='#ffffff';
} // function hideCategoryWithNoSubmenues(CategoryID)

function startSubCategoryMenuTimeOut(CategoryID)
{
	SubCategoryMenuTimeout = setTimeout('hideCategory("'+CategoryID+'")',250);
} // function startCategoryMenuTimeOut()

function stopSubCategoryMenuTimeOut()
{
	clearTimeout(SubCategoryMenuTimeout);
} // function startCategoryMenuTimeOut()

// Aufklappen des Kategoriemenüs
var CategoryMenuTimeout;
function showCategoryMenu()
{
	document.getElementById("CategoryButton").src='http://www.paintball.de/customGates/resources/binaries/de_DE/buttons/menu_hidden_over.gif';
	
	toggleCategoryMenu('CategoryMenu');
	//document.getElementById("CategoryMenu").style.display="";
} // function showCategoryMenu()

function startCategoryMenuTimeOut()
{
	clearTimeout(CategoryMenuTimeout);
	CategoryMenuTimeout = setTimeout('hideCategoryMenu()', 250);
} // function startCategoryMenuTimeOut()

function stopCategoryMenuTimeOut(das)
{
	//alert("stop" + das);
	clearTimeout(CategoryMenuTimeout);
} // function startCategoryMenuTimeOut()

function hideCategoryMenu()
{
	document.getElementById("CategoryButton").src='http://www.paintball.de/customGates/resources/binaries/de_DE/buttons/menu_hidden.gif';
	toggleCategoryMenu('CategoryMenu');
	//document.getElementById("CategoryMenu").style.display="none";
} // function hideCategoryMenu()

function changeBackgroundColor(backgroundToHightlight)
{
	if (activeBackground != false)
		document.getElementById(activeBackground).style.backgroundColor='#ffffff';
		
	document.getElementById(backgroundToHightlight).style.backgroundColor='#dcdcde';
	activeBackground = backgroundToHightlight;	
} // function changeBackgroundColor();

var working = false; 
function toggleCategoryMenu(elementId)
{
	if (working == false)
	{
		elementObj = document.getElementById(elementId);
		if (elementObj.style.display == 'none')
			new Effect.BlindDown(elementObj, { duration: 0.2, 
				beforeStart: 
						function() 
						{
				    		elementObj.style.display = 'none';
				    		working = true;
						},
					afterFinish: 
						function() 
						{
							document.getElementById("CategoryButton").src='http://www.paintball.de/customGates/resources/binaries/de_DE/buttons/menu_hidden_over.gif';
							elementObj.style.display = 'block';
							working = false;
						}
					});
		else
			new Effect.BlindUp(elementObj, { duration: 0.2, 
				beforeStart: 
						function() 
						{
							working = true;
				    		elementObj.style.display = 'block';
						},
					afterFinish: 
						function() 
						{
							document.getElementById("CategoryButton").src='http://www.paintball.de/customGates/resources/binaries/de_DE/buttons/menu_hidden.gif';
							elementObj.style.display = 'none';
							working = false;
						}
					});
	}
} // function toggleDivEffect(elementId)

//Funktion um Overlays in Produktlisten anzuzeigen
//Inclusive Blockiervariable
var lastProductOverlayID = '';
var productOverlayTimeout;
var ProductOverlayBlock = false;
function appearProductOverlay(divID)
{
	clearTimeout(productOverlayTimeout);
	productOverlayTimeout = setTimeout('appearProductOverlayTimed("'+divID+'")',100);
}
function clearAppearProductOverlayTimeout()
{
	clearTimeout(productOverlayTimeout);
}
function appearProductOverlayTimed(divID)
{
	if(ProductOverlayBlock == false)
	{
		ProductOverlayBlock = true;
		if(lastProductOverlayID!='')
		{
			var div = document.getElementById(lastProductOverlayID);
			div.style.display = 'none';
		}
		lastProductOverlayID = divID;
		var div = document.getElementById(divID);
		new Effect.Appear(div, {duration: 0.3, from: 0.5, to: 1.0,
						afterFinish: 
							function() 
							{
								ProductOverlayBlock = false;								
							} 
					});
	} 
	return false;
}
function hideProductOverlay(divID)
{
	clearAppearProductOverlayTimeout();
	var div = document.getElementById(divID);
	div.style.display = 'none';
	return false;
}
function showProductOverlay(divID)
{
	var div = document.getElementById(divID);
	if(div.style.display != 'block')
		div.style.display = 'block';
	return false;
}



//Funktion um Lexika-Einträge zu öffnen & zu schließen
//Während des Öffnens ist das Schließen blockiert und umgekehrt
//Getestet in FF3, IE7, Safari 3.1.1, Chrome 0.3x
var lexToggleBlock = false;
function lexToggle(divIDPrefix, iteration)
{
	var elementObj = document.getElementById(divIDPrefix+iteration);
	//Effekte sind blockiert oder nicht?
	if(!lexToggleBlock)
	{
		//Wenn geschlossen, dann öffnen:
		if (elementObj.style.display == 'none')
		{
			lexToggleBlock = true;
			new Effect.BlindDown(elementObj, {duration: 1.0,
						beforeUpdate: 
							function() 
							{
								if(elementObj.style.height == '0px')
					    	{
					    		elementObj.style.display = 'none';
					    	} 
					    	else
					    	{		    	
					    		elementObj.style.display = 'block';
					    	}
							},
						afterFinish: 
							function() 
							{
								document.getElementById("img_" + iteration).src = "http://www.paintball.de/customGates/resources/binaries/universal/icons/arrow_lexicon_up.gif";
								lexToggleBlock = false;								
							} 
					});
		}
		//Wenn geöffnet, dann schließen:
		else
		{
			new Effect.BlindUp(elementObj, {duration: 1.0,
						beforeStart: 
							function() 
							{ 
								lexToggleBlock = true;
							}, 
						afterUpdate: 
							function() 
							{
								if(elementObj.style.height == '0px')
								{
									elementObj.style.height = '';
									elementObj.style.display = 'none';
								} 
							},
						afterFinish: 
							function() 
							{ 
								document.getElementById("img_" + iteration).src = "http://www.paintball.de/customGates/resources/binaries/universal/icons/arrow_lexicon_down.gif"; 
								lexToggleBlock = false;
							}	 
					});
		}
	}	
}

// IE6 Bugfix mit SelectBox

var g_PopupIFrame;

function IsIE()
{

    return ( navigator.appName=="Microsoft Internet Explorer" );

}

function HidePopupDiv(divID)
{

    var divPopup;
    divPopup=document.getElementById(divID);
    divPopup.style.visibility ="hidden";
    if (IsIE() && g_PopupIFrame != null)
    {
        document.body.removeChild(g_PopupIFrame);
        g_PopupIFrame=null;
    }
 	
}

function ShowPopupDiv(divID)
{

    var divPopup=document.getElementById(divID);

    if (!IsIE())
    {

        //Just display the div
        divPopup.style.visibility ="visible";
        return;

    }

    //Increase default zIndex of div by 1, so that DIV appears before IFrame
    divPopup.style.zIndex=divPopup.style.zIndex+1;

    var iFrame = document.createElement("IFRAME");
    iFrame.setAttribute("src", "http://www.paintball.de/customGates/resources/templates/smarty/misc/IFrameTemplate.tpl");

    //Match IFrame position with divPopup
    iFrame.style.position="absolute";
    iFrame.style.left =divPopup.offsetLeft + 'px';
    iFrame.style.top =divPopup.offsetTop + 'px';
    iFrame.style.width =divPopup.offsetWidth + 'px';
    iFrame.style.height =divPopup.offsetHeight + 'px';

    document.body.appendChild(iFrame);
	g_PopupIFrame = iFrame;
	
    //Store iFrame in global variable, so it can get removed when divPopup is hidden g_PopupIFrame=iFrame;
    divPopup.style.visibility ="visible";
}


function checkRemarkCharacs(errorText)
{
	var maxLength = 250;
	var elem = document.getElementById('remark');
	var elemNumberOfCharacs = document.getElementById('remarkNumberOfCharacs');
	var elemError = document.getElementById('remarkError');
	
	var valueArea = elem.value;

	if (valueArea.length >= maxLength)
	{
		elemError.innerHTML = errorText;
		elem.value = valueArea.substring(0, maxLength);
		document.getElementById('remarkNumberOfCharacs').innerHTML = 0;
	}
	else
	{
		elemError.innerHTML = '';
		elemNumberOfCharacs.innerHTML = maxLength - valueArea.length;
	}
}

function clearEmailField(value)
{
	var elem = document.getElementById('email');
	
	if (elem.value == value)
		elem.value = '';
} // function clearEmailField(value)
