//$URL: https://svn.pvtool.net/svn/day_vwcms/trunk/contentbus/filesystem/files/apps/vwcms_showroom2/docroot/vwcms_showroom2/js/showroom2.js $
//$Id: showroom2.js 1197 2004-12-17 18:50:00Z mwehner $

//=============================
//Scripte für das Mainmenu-Popup
//=============================

//Variable für den popup-timer
var zu;
//Variable für das aktive Highlight 
var activeImage;  

//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.menuItemsListFive = "";
	this.menuItemsListSix = "";
	this.completeMenuHTML = "";
	for(var i = 0; i < this.activeMenu.length; i++) {
		if(i <= 4){
		this.menuItemsListOne += this.activeMenu[i + 1] + this.activeMenu[i] + "</a><br>";
		i = i + 1;
		}
		else if(i >= 5 && i <= 10){
		this.menuItemsListTwo += this.activeMenu[i + 1] + this.activeMenu[i] + "</a><br>";
		i = i + 1;
		}
		else if(i >= 11 && i <= 16){
		this.menuItemsListThree += this.activeMenu[i + 1] + this.activeMenu[i] + "</a><br>";
		i = i + 1;
		}
		else if(i >= 15 && i <= 22){
		this.menuItemsListFour += this.activeMenu[i + 1] + this.activeMenu[i] + "</a><br>";
		i = i + 1;
		}
		else if(i >= 23 && i <= 28){
		this.menuItemsListFive += this.activeMenu[i + 1] + this.activeMenu[i] + "</a><br>";
		i = i + 1;
		}
		else if(i >= 29 && i <= 34){
		this.menuItemsListSix += 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>";
	if (this.menuItemsListFive) this.menuItemsListFive = "<td class='main_sub'>" + this.menuItemsListFive + "</td>";
	if (this.menuItemsListSix) this.menuItemsListSix = "<td class='main_sub'>" + this.menuItemsListSix + "</td>";
	this.completeMenuHTML = "<table id='main_sub_list'><tr>" + this.menuItemsListOne + this.menuItemsListTwo + this.menuItemsListThree + this.menuItemsListFour + this.menuItemsListFive + this.menuItemsListSix + "</tr></table>";
	//alert(this.completeMenuHTML);
}


//hilite-image method
function createHiliteObj(picsrc){
	this.offimg = new Image();
    this.offimg.src = picsrc;
	var picsrc_highimg = picsrc.replace('.lo.', '.hi.');
	this.onimg = new Image();
	this.onimg.src = picsrc_highimg;
	}

//hilite-image method
function createImgObjs(offsrc,onsrc,hisrc){
	this.offimg = new Image();
    this.offimg.src = offsrc;
	this.onimg = new Image();
	this.onimg.src = onsrc;
	if (arguments.length > 2 && hisrc.length > 0) {
		this.hiliteimg = new Image();
		this.hiliteimg.src = hisrc;
		}
	}

//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){
		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");
		whichMenu.menuWidth = document.getElementById("main_sub_list").offsetWidth;
		var currWidth = whichMenu.menuPos + whichMenu.menuWidth;
		if(currWidth >= 780){
	 	whichMenu.menuPos = (780 - whichMenu.menuWidth + 10);
		}
		else{
			//left indent
			whichMenu.menuPos = whichMenu.menuPos + 6;
		}
		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(zu);
	
}


function dropdown_mouseEnter() {
	window.clearTimeout(zu);
	}

function dropdown_mouseLeave(whichMenu) {
	switch (whichMenu) {
			case 'main':
			zu = window.setTimeout("menuCollaps()",50);
			break;
			case 'sub':
			zu = window.setTimeout("submenuCollaps()",50);
			break;
			}			
	}

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

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

function menuCollaps(){
		//zur&uuml;cksetzen des highlights;
		resetHighlight();
		//verstecken des popup-menues
		window.clearTimeout(zu);
		document.getElementById("main_sub_container").style.visibility="hidden";
		document.getElementById("main_sub_container").style.display="none";		
	}

//================================================================
//Scripts for Subnav-Menu
//===============================================================

//creating Subnav-Menu
function subMenu(whichMenu,whichImg,picsrc){
	//creating mouseover-Images
	this.imgname = new Object(whichImg);
	this.imgname.createHiliteImages = createHiliteObj;
	this.imgname.createHiliteImages(picsrc);
	//props for checking img-position
	this.imgPosChecked = 0;
	this.menuPos = 0;
	this.menuTop = 0;
	this.imgHeight = 0;
	this.imgWidth = 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 += "<a class='subnav_sub_link' href='" + this.activeMenu[i+1] + "'>" + this.activeMenu[i] + "</a>";
			i = i + 1;
		}
		this.subMenuItemsList = "<div id='subnav_sub_list'>" + this.subMenuItemsList + "</div>";	
	}
}

//creating Subnav-Menu with target
function subMenuTarget(whichMenu,whichImg,picsrc,targetBlank){
	//creating mouseover-Images
	this.imgname = new Object(whichImg);
	this.imgname.createHiliteImages = createHiliteObj;
	this.imgname.createHiliteImages(picsrc);
	//props for checking img-position
	this.imgPosChecked = 0;
	this.menuPos = 0;
	this.menuTop = 0;
	this.imgHeight = 0;
	this.imgWidth = 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 += "<a class='subnav_sub_link' target='" + this.activeMenu[i+2] + "' href='" + this.activeMenu[i+1] + "'>" + this.activeMenu[i] + "</a>";
			i = i + 2;
		}
		this.subMenuItemsList = "<div id='subnav_sub_list'>" + this.subMenuItemsList + "</div>";	
	}
}

//Function fuer das Einblenden der Unterpunkte Subnavigation
//aus der Seite werden der Name des Menuesets und Hilite-Kennung (1 = Menuegrafik ist Hilite, 0 = Menuegrafik ist kein hilite) uebergeben

function showSubMenu(whichMenu,whichPic) {
	//neues Highlight anzeigen
	resetHighlight();
	if(whichPic == 0) showHighlight(whichMenu.imgname);		
	
	//workaround mozilla menuwidth bug
	if(navigator.appVersion.indexOf("MSIE") != -1){
		document.getElementById("subnav_submenu").style.width = 20 + "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";
	}
		
	//abfrage der img-position fuer die positionierung des menues
	if(whichMenu.imgPosChecked == 0 && whichMenu.activeMenu != 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 >= 780){
	 		whichMenu.menuPos = (780 - whichMenu.menuWidth);			
		}
		
		whichMenu.imgPosChecked = 1;
	}
	
	//positioning menu-layers
	if(whichMenu.activeMenu != 0) {
		document.getElementById("subnav_submenu").style.left= whichMenu.menuPos + "px";
		document.getElementById("subnav_submenu").style.top = whichMenu.menuTop + "px";
		document.getElementById("subnav_submenu").style.width = whichMenu.menuWidth + "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(zu);	
}

function submenuCollaps(){
		//zur&uuml;cksetzen des highlights;
		resetHighlight();
		//verstecken des popup-menues
		window.clearTimeout(zu);
		document.getElementById("subnav_submenu").style.visibility="hidden";
		document.getElementById("subnav_submenu").style.display="none";		
}
	
//===============================
//Bildertausch ohne Submenu
//==============================
function subButton(whichImg,picsrc){
	this.imgname = new Object(whichImg);
	this.imgname.createHiliteImages = createHiliteObj;
	this.imgname.createHiliteImages(picsrc);	
}

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

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


//===============================
//POPUP-Scripte
//==============================

//Scripte Galerie

function ImgObj(w,h)
{
  this.w=w;
  this.h=h;
}

gallery=new Array(),zoomWin=null,currentID=1;
gallery[1]=new ImgObj(660,420);
gallery[2]=new ImgObj(660,420);
gallery[3]=new ImgObj(660,420);
gallery[4]=new ImgObj(660,420);
gallery[5]=new ImgObj(660,420);
gallery[6]=new ImgObj(660,420);
gallery[7]=new ImgObj(660,420);
gallery[8]=new ImgObj(660,420);
gallery[9]=new ImgObj(660,420);
gallery[10]=new ImgObj(660,420);
gallery[11]=new ImgObj(660,420);
gallery[12]=new ImgObj(660,420);
gallery[13]=new ImgObj(660,420);
gallery[14]=new ImgObj(660,420);

//function show(id)
//{
//  imgPath='graphics/';
//  currentID=id;
//  document.images.bigpic.src=imgPath+"vis_gallery_"+id+"_med.jpg";
//}

//function zoom()
//{
//  var macie=navigator.platform=="MacPPC"&&navigator.appName=='Microsoft Internet Explorer',w=gallery[currentID].w,h=gallery[currentID].h;
//  if(zoomWin&&!zoomWin.closed)zoomWin.close();
//  zoomWin=window.open("08_galerie_popup.htm?id="+currentID+"&w="+w+"&h="+h,'zoomWin',"width="+(macie?w-16:w)+",height="+(macie?h-16:h)+"scrollbars=no,resizable=no,screenX=100,screenY=100");
//}

//Scripte Bildvergr&ouml;&szlig;erung aus Text-Bild-Modulen

function showbigImage(imagepath, width, height) {
	var winProperties = "toolbar=no,location=no,directories=no,status=no,copyhistory=no,width=200,height=100,resizable=yes";
	//var url = global_staticpath_images + "/../showpopupimage.html?imageurl=" + imagepath + "&width=" + width + "&height=" + height;
	window.open(imagepath,'big',winProperties);
}
                                  

//===============================
//Control-Script f&uuml;r Checkboxen
//==============================

function controlCheck(obj) {  
	var frm = document.forms["ausstattungsform"];
	for (var i=0; i < frm.elements.length; i++) {
		if (frm.elements[i].id.indexOf(checkboxPattern) != -1) {
			if (frm.elements[i].id == obj.id) {
				if (frm.elements[i].checked == true) {
                	aktAnzahlCheckboxActivated = aktAnzahlCheckboxActivated + 1;
                }
                else
                {
                	aktAnzahlCheckboxActivated = aktAnzahlCheckboxActivated - 1;                
                }
                                    
                /* Minimale Anzahl unterschritten */
                if (aktAnzahlCheckboxActivated < minAnzahlCheckboxActivated) {                                    
                   aktAnzahlCheckboxActivated = minAnzahlCheckboxActivated;
                   obj.checked = true;
                }
                /* Maximale Anzahl &uuml;berschritten */
                if (aktAnzahlCheckboxActivated > maxAnzahlCheckboxActivated) {
                    aktAnzahlCheckboxActivated = maxAnzahlCheckboxActivated;
                    obj.checked = false;
                }
            }
         }
     }
}
                    
//===============================
//onChange-Script f&uuml;r Select-Boxen Template 04
//==============================
/*
function resetSelect(whichID) {
	document.forms['techdetails'].elements[whichID].options[0].selected = true;
}
*/

/*
* Setzt im Formular techdetails alle Selectboxen deren Namen in der Parameterliste übergeben werden zurück auf die erste Option (Bitte auswählen)
*/
function resetOtherSelectBox() {
	var paramCount = resetOtherSelectBox.arguments.length;
	for (var i = 0; i < paramCount; i++) {
		document.forms['techdetails'].elements[resetOtherSelectBox.arguments[i]].options[0].selected = true;
	}
}