//=============================
//Scripts for Mainmenu-Popup
//=============================

//mainMenuConstructor
function MainMenu(cSMChild)
{
	this.oActiveMenu=0;
	this.ChildID=cSMChild;
	this.Vwcms_Common_Menu_Close="";
	this.iTimeOutMenu=100;
	this.iEinzug=14;
	this.lSubMenuText=true;
}
MainMenu.prototype.AddMenu=function(sID, aSubMenu)
{
	var oImage=this.GetObject(sID);
	if(oImage)
	{
		oImage.OverImage=new Image();
		oImage.StdImage=oImage.src;
		oImage.OverImage.src=oImage.src.replace("Navi", "NaviOver");
		oImage.SubMenu=aSubMenu;
	}
}
MainMenu.prototype.PictureHighlight=function(oImage){oImage.src = oImage.OverImage.src;this.oActiveMenu=oImage;}
MainMenu.prototype.PictureStandard=function(oImage){if(oImage){oImage.src = oImage.StdImage;this.oActiveMenu=0;}}
MainMenu.prototype.GetObject=function(sID)
{
	var oObj=document.getElementsByName(sID);
	if(oObj.length==1){oObj=oObj[0];}else{oObj=0;}
	return oObj;
}
MainMenu.prototype.ShowMenu=function(sID)
{
	var oImage=this.GetObject(sID);
	if(oImage)
	{
		this.PictureStandard(this.oActiveMenu);
		this.PictureHighlight(oImage);
		this.ShowSubMenu(oImage, sID);
	}
}
MainMenu.prototype.HideMenu=function(whichMenu)
{
	switch (whichMenu)
	{
		case 'main':
			this.vwcms_common_menu_close = window.setTimeout("MenuCollapse()",this.iTimeOutMenu);
			break;
	}
}

MainMenu.prototype.MenuCollapse=function()
{
	//reset highlight;
	this.PictureStandard(this.oActiveMenu);
	//hide popup-menu
	window.clearTimeout(this.vwcms_common_menu_close);
	document.getElementById(this.ChildID).style.visibility="hidden";
	document.getElementById(this.ChildID).style.display="none";
}
MainMenu.prototype.MouseEnter=function()
{
	//disable timeout
	window.clearTimeout(this.vwcms_common_menu_close);
}

MainMenu.prototype.ShowSubMenu=function(oImage, sImageID)
{
	var oObj=document.getElementById(this.ChildID);
	var i, iAnzahl=0;
	var sHTML="";
	var iParamLen=4;

	var iSpalten=Math.ceil((oImage.SubMenu.length/iParamLen)/4), iSpalte=1;
	var aSpalten=[iSpalten];
	var cLink="";

	//disable timeout
	window.clearTimeout(this.vwcms_common_menu_close);

	for(i=1;i<=iSpalten;i++)
		{aSpalten[i]="";}
	/*for(i = 0; i < oImage.SubMenu.length; i++)
	{
		if(this.lSubMenuText)
			{aSpalten[iSpalte] += oImage.SubMenu[i + 1]+ oImage.SubMenu[i].replace(" ", "&nbsp;")+ "</a><br>";}
		else
			{aSpalten[iSpalte] += oImage.SubMenu[i + 1]+ GetImageString(oImage.SubMenu[i], "h=SubNavi", true) + "</a><br>";}
		i= i +1;
		if(iSpalte==iSpalten){iSpalte=0;}
		if(iSpalte<iSpalten){iSpalte=iSpalte+1;}
	}*/

	for(i = 0; i < oImage.SubMenu.length; i++)
	{
		cLink = '<a href="'+oImage.SubMenu[i + 1]+ '"';
		if(oImage.SubMenu[i + 2].length>0){cLink += ' target="'+oImage.SubMenu[i + 2]+'"';}
		if(oImage.SubMenu[i + 3].length>0){cLink += ' class="'+oImage.SubMenu[i + 3]+'"';}
		cLink += '>';

		if(this.lSubMenuText)
			{cLink += oImage.SubMenu[i].replace(" ", "&nbsp;");}
		else
			{cLink += GetImageString(oImage.SubMenu[i], "h=SubNavi", true);}

		cLink += "</a><br>";
		aSpalten[iSpalte] += cLink;
		i=i+3;
		iAnzahl = iAnzahl+1
		if(iAnzahl%4==0)
			{iSpalte=iSpalte+1;}
	}
	sHTML="<table><tr>";
	for(i=1;i<=iSpalten;i++)
		{sHTML=sHTML+"<td class='main_sub'>" + aSpalten[i] + "</td>";}
	sHTML=sHTML+"</tr></table>";

	//writing HTML content
	this.ChildID
	if(oObj)
	{
		if(navigator.appVersion.indexOf("MSIE") != -1 && (navigator.platform == "MacPPC") != true)
			{oObj.style.width = "auto";}
		else
			{oObj.style.width = "auto";}
		oObj.innerHTML = sHTML;
		oObj.style.display = "block";
		oObj.style.visibility = "visible";

		if(navigator.appVersion.indexOf("MSIE") == -1)
		{
			window.setTimeout("Reposition('"+sImageID+"')",this.iTimeOutMenu);
		}
		else
		{
			this.Reposition(sImageID);
		}
	}
}

MainMenu.prototype.Reposition=function(sImageID)
{
	var oObj=document.getElementById(this.ChildID);
	var oImage=this.GetObject(sImageID);
	var iOffsetLeft, iOffsetWidth;
	var iOffset=780;
	if(oImage&&oObj)
	{
		//check img-position to get menu position
		iOffsetLeft = oImage.offsetLeft;
		iOffsetWidth = oObj.offsetWidth;

		if(iOffsetLeft + iOffsetWidth >= iOffset)
			{iOffsetLeft = (iOffset - iOffsetWidth + 10);}
		else
			{iOffsetLeft = iOffsetLeft + this.iEinzug;}
		//positioning of menu
		oObj.style.width = iOffsetWidth + "px";
		oObj.style.left = iOffsetLeft + "px";
	}
}

function Reposition(sImageID){oMenu.Reposition(sImageID);}
function ChangeStyleMouseOver(sURL)
{
	var sText=sURL.toLowerCase();
	var iStart=sText.indexOf("&h="),iEnde=0;
	if(iStart<1){iStart=sText.indexOf("?h=");}
	if(iStart>0)
	{
		iEnde=sText.substring(iStart+3).indexOf("&");
		sURL=sURL.substr(0, iStart+3+iEnde)+"Over"+sURL.substring(iStart+3+iEnde);
	}
	return sURL;
}
function GetImageString(sText, sStyle, lMouseOver)
{
	var sResult="";
	var oObjSpan = document.createElement("span"); 
	if(oObjSpan)
	{
		oObjSpan.appendChild(GetImageObj(sText, sStyle, lMouseOver));
		sResult=oObjSpan.innerHTML;
	}
	return (sResult);
}

function ReplaceAll(Text, search, replace)
{
	while(Text.indexOf(search)>0)
	{
		Text=Text.replace( search, replace);
	}
	return(Text);
}
function GetImageObj(sText, sStyle, lMouseOver)
{
	var oImage = new Image();
	var RenderText=sText;
	RenderText=ReplaceAll(RenderText, "<br />", "\\n");
	RenderText=ReplaceAll(RenderText, "<br>", "\\n");
	RenderText=ReplaceAll(RenderText, "&amp;", "&");
	oImage.src = g_global + "render.pcp?text=" + urlEncoded(RenderText) + "&" + sStyle + "&Theme="+g_theme;
	if( lMouseOver ) {oImage.setAttribute("onmouseover", "SetMouseover(this)");oImage.setAttribute("onmouseout", "SetMouseover(this)");}

	//sText=ReplaceAll(sText, "<br />", unescape("%0D"));
	//sText=ReplaceAll(sText, "<br>", unescape("%0D"));
	//sText=ReplaceAll(sText, "\\n", unescape("%0D"));
	sText=ReplaceAll(sText, "<br />", " ");
	sText=ReplaceAll(sText, "<br>", " ");
	sText=ReplaceAll(sText, "\\n", " ");
	sText=ReplaceAll(sText, "&amp;", "&");

	oImage.alt = sText;
	oImage.title = sText;
	oImage.border = "0";
	oImage.style.border = "0px solid";
	return(oImage);
}

function SetMouseover(oImage)
{
	if(!(oImage.OverImage)||(oImage.src!=oImage.OverImage.src))
	{
		if(!(oImage.OverImage))
		{
			oImage.OverImage=new Image();
			oImage.StdImage=oImage.src;
			oImage.OverImage.src=ChangeStyleMouseOver(oImage.src);
		}
		oImage.src=oImage.OverImage.src;
	}
	else
		{oImage.src=oImage.StdImage;}
}
function MenuCollapse(){oMenu.MenuCollapse();}
function MouseEnter(){oMenu.MouseEnter();}
function HideMenu(sMenu){oMenu.HideMenu(sMenu);}

//=========================================
// image popup
//=========================================

function showImagePopupSimple(pImageURL, pWidth, pHeight, pTitle)
{
	if (!pImageURL){return;}
	var windowFeatures = "toolbar=no,directories=no,location=no,status=no,menubar=no,resizable=no,scrollbars=no,width=" + pWidth + ",height=" + pHeight;
	if (!pTitle || pTitle==''){pTitle = 'Volkswagen';}
	var popup = window.open('', 'imagePopup', windowFeatures);
	if (popup)
	{
	popup.document.clear();
	popup.focus();
	popup.document.writeln('<html><head><title>' + pTitle + '</title></head>');
	popup.document.writeln('<body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0" style="margin:0px">');
	popup.document.writeln('<center><img src="' + pImageURL + '" border="0" alt=""></center>');
	popup.document.writeln('</body>');
	popup.document.writeln('</html>');
	popup.document.close();
	popup.focus();
	}
}

function showImagePopupUrl(pURL, pWidth, pHeight, pAltText)
{
	if (!pURL){return;}
	var offsetWidth = 30, offsetHeight = 60;
	if (pAltText)
	{
		if (pAltText.length!=0){offsetHeight += 30;}
	}
	var windowFeatures = "toolbar=no,directories=no,location=no,status=no,menubar=no,resizable=no,scrollbars=no,width=" + (pWidth + offsetWidth) + ",height=" + (pHeight + offsetHeight);
	var popup = window.open(pURL, 'imagePopup', windowFeatures);
	if (popup){popup.focus();}
}