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

//Variable for popup-timer
var vwcms_common_menu_close;
var vwcms_common_menu_modindclose;
//Variable for active highlight 
var vwcms_common_activeImage;
//Variables for active gallery-Pic
var vwcms_common_activeSmallPic; 

var isMac = (navigator.platform == "MacPPC");
	

//mainMenuConstructor
function mainMenu(whichMenu,whichImg,offsrc,onsrc){
	//creating mouseover-Images
	this.imgname = new Object(whichImg);
	this.imgname.createHiliteImages = createImgObjs;
	this.imgname.createHiliteImages(offsrc,onsrc);
	//reading arrays, writing four menus
	this.activeMenu = eval(whichMenu);
	this.imgPosChecked = 0;
	this.menuPos = 0;
	this.menuTop = 0;
	this.imgHeight = 0;
	this.menuWidth = 0;
	this.menuItemsListOne = "";
	this.menuItemsListTwo = "";
	this.menuItemsListThree = "";
	this.menuItemsListFour = "";
	this.completeMenuHTML = "";
	for(var i = 0; i < this.activeMenu.length; i++) {
		if(i <= 6) {
			this.menuItemsListOne += this.activeMenu[i + 1] + this.activeMenu[i] + "</a><br>";
			i = i + 1;
		}
		else if (i >= 8 && i <= 15) {
			this.menuItemsListTwo += this.activeMenu[i + 1] + this.activeMenu[i] + "</a><br>";
			i = i + 1;
		}
		else if (i >= 16 && i <= 23) {
			this.menuItemsListThree += this.activeMenu[i + 1] + this.activeMenu[i] + "</a><br>";
			i = i + 1;
		}
		else if (i >= 24 && i <= 31) {
			this.menuItemsListFour += this.activeMenu[i + 1] + this.activeMenu[i] + "</a><br>";
			i = i + 1;
		}
	}
	if (this.menuItemsListOne) this.menuItemsListOne = "<td class='main_sub'>" + this.menuItemsListOne + "</td>";
	if (this.menuItemsListTwo) this.menuItemsListTwo = "<td class='main_sub'>" + this.menuItemsListTwo + "</td>";
	if (this.menuItemsListThree) this.menuItemsListThree = "<td class='main_sub'>" + this.menuItemsListThree + "</td>";
	if (this.menuItemsListFour) this.menuItemsListFour = "<td class='main_sub'>" + this.menuItemsListFour + "</td>";
	this.completeMenuHTML = "<table id='main_sub_list'><tr>" + this.menuItemsListOne + this.menuItemsListTwo + this.menuItemsListThree + this.menuItemsListFour + "</tr></table>";
}


//show-function for mainmenu
//args = name of menuset,Hilite-Toggle (1 = Hilite on, 0 = hilite off) 

function showMenu(whichMenu,whichPic)
{
	//show new hilite
	resetHighlight();	
	if(whichPic == 0) showHighlight(whichMenu.imgname);

	//workaround mozilla menuwidth bug
	if (navigator.appVersion.indexOf("MSIE") != -1 && isMac != true)
	{
		document.getElementById("main_sub_container").style.width = 500 + "px";
	}
	else
	{
		document.getElementById("main_sub_container").style.width = "auto";
	}
	
	//writing HTML content
	document.getElementById("main_sub_container").innerHTML = whichMenu.completeMenuHTML;	
	document.getElementById("main_sub_container").style.display = "block";	
	
	//check img-position to get menu position
	if(whichMenu.imgPosChecked == 0)
	{
		whichMenu.menuPos = eval("document." + whichMenu.imgname + ".offsetLeft") + 35;
		whichMenu.menuWidth = document.getElementById("main_sub_list").offsetWidth;
		var currWidth = whichMenu.menuPos + whichMenu.menuWidth;
		if(currWidth >= 800)
		{
	 		whichMenu.menuPos = (800 - whichMenu.menuWidth);
		}
		else
		{
			//left indent
			whichMenu.menuPos = whichMenu.menuPos -1 ;
		}
		whichMenu.imgPosChecked = 1;
	}
	
	//positioning of menu	
	document.getElementById("main_sub_container").style.width = whichMenu.menuWidth + "px";
	document.getElementById("main_sub_container").style.left = whichMenu.menuPos + "px";		
	document.getElementById("main_sub_container").style.visibility = "visible";
	
	//disable timeout
	window.clearTimeout(vwcms_common_menu_close);
	
}

function dropdown_mouseEnter()
{
	window.clearTimeout(vwcms_common_menu_close);
	if(vwcms_common_menu_modindclose) clearTimeout(vwcms_common_menu_modindclose);
}

function dropdown_mouseLeave(whichMenu)
{
	switch (whichMenu) {
		case 'main':
			vwcms_common_menu_close = window.setTimeout("menuCollapse()",50);
			break;
		case 'sr35_sub':
			vwcms_common_menu_close = window.setTimeout("sr35_submenuCollapse()",50);
			break;
	}			
}

function showHighlight(menupic)
{
	document.images[menupic].src = menupic.onimg.src;
	vwcms_common_activeImage = menupic;	
}

function resetHighlight()
{
	if(vwcms_common_activeImage) document.images[vwcms_common_activeImage].src = vwcms_common_activeImage.offimg.src;
}

function menuCollapse()
{
	//reset highlight;
	resetHighlight();
	//hide popup-menu
	window.clearTimeout(vwcms_common_menu_close);
	document.getElementById("main_sub_container").style.visibility="hidden";
	document.getElementById("main_sub_container").style.display="none";
}

	
//==================================
//image hilite without submenu-popup
//==================================
function subButton(whichImg,offsrc,onsrc)
{
	this.imgname = new Object(whichImg);
	this.imgname.createHiliteImages = createImgObjs;
	this.imgname.createHiliteImages(offsrc,onsrc);		
}

function showHigh(whichButton,whichPic){
	if(whichPic == 0) document.images[whichButton.imgname].src = whichButton.imgname.onimg.src;	
}

function resetHigh(whichButton,whichPic){
	if(whichPic == 0 && vwcms_common_activeSmallPic != whichButton.imgname ) document.images[whichButton.imgname].src = whichButton.imgname.offimg.src;
}

//hilite-image method
function createImgObjs(offsrc,onsrc,hisrc,midsrc,big800,big1024,big1280)
{
	this.offimg = new Image();
	if (typeof offsrc!="undefined" && offsrc.length!=0)
	{
    	this.offimg.src = offsrc;
    }
	this.onimg = new Image();
	if (typeof onsrc!="undefined" && onsrc.length!=0)
	{
		this.onimg.src = onsrc;
	}
	this.hiliteimg = new Image();
	if (typeof hisrc!="undefined" && hisrc.length!=0)
	{
		this.hiliteimg.src = hisrc;
	}
	if(arguments.length > 3) {
		this.midimg = midsrc;
		this.big800 = big800;
		if(big1024) this.big1024 = big1024;
		if(big1280) this.big1280 = big1280;
	}
}


//============================================
//image object constructor submenu model index
//============================================
function createModelImgObjs(offsrc,onsrc){
	this.offimg = new Image();
    this.offimg.src = offsrc;
	this.onimg = new Image();
	this.onimg.src = onsrc;
	}	


function dynlink(ziel,modus,width,height) // dynamischer link fuer banner
{
	function scrpos()
	{
		var i,posx=0,posy=0,spacer=new Array(50,100);
		for(i=0; spacer[i]; i++)
		{
			if (screen.width-width-spacer>0) posx = spacer;
			if (screen.height-height-spacer>0) posy = spacer;
		}
		return "screenX="+posx+",screenY="+posy+",";
	}

	switch(modus)
	{
		case'popup':
		{
			var param='';
			if (width) param += 'width='+width+',';
			if (height) param += 'height='+height+',';
			param += scrpos();
			param += 'location=no,menubar=no,resizable=no,directories=no,status=no,toolbar=no';
			window.open(ziel,'Volkswagen',param);
			break;
		}
		case'oben':{ top.frames['oben'].location.href=ziel; break; }
		case'top':{ top.location.href=ziel; break; }
		case'blank':{ window.open(ziel,'',scrpos()+'location=yes,menubar=yes,resizable=yes,scrollbars=yes,status=yes,toolbar=yes'); break; }
	}
}

function navOnMouseOver(obj)
{
	oldbackgroundcolor = obj.style.backgroundColor;
    obj.style.backgroundColor = "#a3a3a3";
    obj.style.color = "#000000";
   	if (document.getElementById && parseInt(window.navigator.appVersion.charAt(0)) >= 6) obj.style.cursor = "pointer";
}


function navOnMouseOut(obj)
{
    obj.style.backgroundColor = oldbackgroundcolor;
    obj.style.color = "#000000";
}

//================================================================
//Scripts for Subnav-Menu (SR3.5)
//===============================================================

//hilite-image method
function createHiliteObj(picsrcLo, picsrcHi){
	this.offimg = new Image();
    this.offimg.src = picsrcLo;
	this.onimg = new Image();
	this.onimg.src = picsrcHi;
}


//creating Subnav-Menu
function sr35_subMenu(whichMenu,whichImg,picsrcLo,picsrcHi){
	//creating mouseover-Images
	this.imgname = new Object(whichImg);
	this.imgname.createHiliteImages = createHiliteObj;
	this.imgname.createHiliteImages(picsrcLo,picsrcHi);
	//props for checking img-position
	this.imgPosChecked = 0;
	this.menuPos = 0;
	this.menuTop = 0;
	this.imgHeight = 0;
	this.imgWidth = 0;
	this.menuWidth = 0;
	//reading Menu-Array, writing HTML-Codes
	this.activeMenu = eval(whichMenu);
	this.subMenuItemsList = "";
	if(this.activeMenu != 0)
	{
		for(var i = 0; i < this.activeMenu.length; i++)
		{
			this.subMenuItemsList += this.activeMenu[i+1] + this.activeMenu[i] + "</a>";
			i = i + 1;
		}
	this.subMenuItemsList = "<div id='subnav_sub_list'>" + this.subMenuItemsList + "</div>";	
	}
	
}

//function for subnav-popup
//args = name of menuset,Hilite-Toggle (1 = Hilite on, 0 = hilite off) 

function sr35_showSubMenu(whichMenu,whichPic)
{
	// Hide mainnavx if still visible
	try
	{
		document.getElementById("main_sub_container").style.visibility="hidden";
		document.getElementById("main_sub_container").style.display="none";
	}
	catch (ex)
	{
	  // ignore
	}

	//reset old hilite and show new
	resetHighlight();
	if(whichPic == 0) showHighlight(whichMenu.imgname);	
	
	//workaround mozilla menuwidth bug
	if (navigator.appVersion.indexOf("MSIE") != -1 && navigator.appVersion.indexOf("MSIE 7") == -1)
	{
		document.getElementById("subnav_submenu").style.width = 21 + "px";
	}
	else
	{
		document.getElementById("subnav_submenu").style.width = "auto";
	}
	document.getElementById("subnav_submenu").style.visibility = "hidden";
	document.getElementById("subnav_submenu").style.display = "none";
	//writing html-strings
	if(whichMenu.activeMenu != 0)
	{
		document.getElementById("subnav_submenu").innerHTML = whichMenu.subMenuItemsList;
		document.getElementById("subnav_submenu").style.display = "block";
	}
	
	//check img-position to get menu position
	if(whichMenu.activeMenu != 0 && whichMenu.imgPosChecked == 0)
	{
		whichMenu.menuPos = eval("document." + whichMenu.imgname + ".offsetLeft");
		whichMenu.menuTop = document.getElementById("subnav").offsetTop;
		whichMenu.imgHeight = eval("document." + whichMenu.imgname + ".offsetHeight");
		whichMenu.menuTop = whichMenu.menuTop + whichMenu.imgHeight;
		whichMenu.imgWidth = eval("document." + whichMenu.imgname + ".offsetWidth");
		whichMenu.menuWidth = document.getElementById("subnav_sub_list").offsetWidth;
		if (whichMenu.menuWidth < whichMenu.imgWidth) whichMenu.menuWidth = whichMenu.imgWidth;
		var currWidth = whichMenu.menuPos + whichMenu.menuWidth;
		if (currWidth >= 800)
		{
	 		whichMenu.menuPos = (800 - whichMenu.menuWidth);			
		}
		whichMenu.imgPosChecked = 1;
	}

	//writing html-strings, positioning menu-layers
	if(whichMenu.activeMenu != 0)
	{
		document.getElementById("subnav_submenu").innerHTML = whichMenu.subMenuItemsList;
		document.getElementById("subnav_submenu").style.left = whichMenu.menuPos + "px";
		document.getElementById("subnav_submenu").style.top = whichMenu.menuTop - 0 + "px";
		document.getElementById("subnav_submenu").style.width = whichMenu.menuWidth - 1 + "px";
		document.getElementById("subnav_submenu").style.visibility = "visible";
		document.getElementById("subnav_submenu").style.display = "block";		
	}
	//if there is no submenu
	else if(whichMenu.activeMenu == 0)
	{
		document.getElementById("subnav_submenu").style.visibility = "hidden";
		document.getElementById("subnav_submenu").style.display = "none";
		}
	//reset timeout
	window.clearTimeout(vwcms_common_menu_close);	
}

function sr35_submenuCollapse(){
		//reset hilite
		resetHighlight();
		//hide popup-menu
		window.clearTimeout(vwcms_common_menu_close);
		document.getElementById("subnav_submenu").style.visibility="hidden";
		document.getElementById("subnav_submenu").style.display="none";		
}