IS_WEBROOT="";
PFAD_IMG = IS_WEBROOT;

GIF_BREITE = 138;
GIF_HOEHE = 22;	// ist zugleich Zeilenhoehe
GIF_RAND_BREITE = 1;
GIF_BULLET_BREITE = 17;
GIF_BULLET_HOEHE = 4;
GIF_ECKE_BREITE = GIF_RAND_BREITE + GIF_BULLET_BREITE;
GIF_ECKE_HOEHE = 6;	// ist allg. Hoehe fuer unteren Rand

GIF_BULLET_NAME = PFAD_IMG + "bullet.gif";
GIF_NOBULLET_NAME = PFAD_IMG + "blank.gif";
GIF_ECKE_NAME = PFAD_IMG + "ecke.gif";
GIF_UNTEN_NAME = PFAD_IMG + "fade_unten.gif";
GIF_RAND_NAME = PFAD_IMG + "linie_11.gif";

GIF_RAND_NAME_arr = new Array(PFAD_IMG+"fade_oben_1.gif", PFAD_IMG+"fade_oben_2.gif");;
DIV_BG = "#FFFFFF";	//#F6F6FA
POS_TOP = 111;

NAME_FLASHFILM = "flash";
NAME_ERSATZBILD = "ersatzbild";

var visibleLayer = "nix";
var autoClose_daemon = 0;

var subnav_html_arr = new Array();
subMenue_arr = new Array();

function newWin(name, url, width, height, args) {
	var newWin = new Object();
	newWin.args = args;
	newWin.url = url;
	newWin.name = name;
	newWin.width = width;
	newWin.height = height;
		if (document.layers) {// browser is NN
			newWin.left = window.screenX + ((window.outerWidth - newWin.width) / 2);
			newWin.top = window.screenY + ((window.outerHeight - newWin.height) / 2);
			var attr = 'screenX=' + newWin.left + ',screenY=' + newWin.top + ',resizable=yes,width=' + newWin.width + ',height=' + newWin.height + ',' + newWin.args;
		} else {// browser is MSIE
			newWin.left = (screen.width - newWin.width) / 2;
			newWin.top = (screen.height - newWin.height) / 2;
			var attr = 'left=' + newWin.left + ',top=' + newWin.top + ',resizable=yes,width=' + newWin.width + ',height=' + newWin.height + ',' + newWin.args;
		}
	newWin.win=window.open(newWin.url, newWin.name, attr);
	newWin.win.opener=self;
	newWin.win.focus();
}

function popup(url,name) {
	popupWH(url,name,400,600);
}

function popupWH(url,name,width,height) {
	newWin(name,url,width,height,'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,screenX=10,screenY=50');
}

function auw_showHideLayers(pShowlayer){
	// Wenn Browser/Plattform problematisch => zeige Pulldown nicht an
	if( browser_problematisch() ){
		return;	
	}
	clearTimeout(autoClose_daemon);
	if(pShowlayer==visibleLayer){
	}else{
		visibleLayer = "nix";
		var params_arr = new Array();
		for(var i=0; i<subMenue_arr.length; i++){
			params_arr[params_arr.length] = subMenue_arr[i].name;
			var sub_div_name = subMenue_arr[i].name + "_sub";
			var sub_div = document.getElementById(sub_div_name);
			params_arr[params_arr.length] = '';
			// hidden visible
			if(pShowlayer==subMenue_arr[i].name){
				visibleLayer = subMenue_arr[i].name;
				params_arr[params_arr.length] = 'show';
				//params_arr[params_arr.length] = 'hide';
				if( !browser_problematisch("iframe") ){
					sub_div.style.visibility = 'visible';
				}
			}else{
				params_arr[params_arr.length] = 'hide';
				if( !browser_problematisch("iframe") ){
					sub_div.style.visibility = 'hidden';
				}
			}
		}
		
		//alert("sub_divs=" + alert_string);
		if( pShowlayer == '' ){
			hideThemshowThem(false); // boese Seitenelemente wieder zeigen
		}else{
			hideThemshowThem(true); // boese Seitenelemente verstecken
		}
		
		NN_showHideLayers(params_arr);
	}
}

function auw_mouseout(){
	//clearTimeout(autoClose_daemon);
	autoClose_daemon = setTimeout("auw_showHideLayers('')", 500);
}

/*
 */

function writeSubMenueEntry(gif_Breite,nobulletname){
	var aimg_str = "";
	aimg_str += '<a href="'+ this.link +'" title="'+this.alttext+'" target="_top" ';
	// To-Do: over und out auf bullet umlenken
	aimg_str += 'onMouseOut="MM_swapImgRestore();auw_mouseout();" ';
	aimg_str += 'onMouseOver="MM_swapImage('+"'"+nobulletname+"'"+",'','"+GIF_BULLET_NAME+"',1);";
	aimg_str += 'auw_showHideLayers('+"'" +this.layername+"'"+');" title="'+this.alttext+'">';
	aimg_str += '<img name="'+this.name+'" border="0" src="'+PFAD_IMG+this.name+'.gif" ';
	aimg_str += 'width="'+gif_Breite+'" height="'+GIF_HOEHE+'" alt="'+this.alttext+ '"></a>';
	return aimg_str;
}

function writeSubMenue(p_i){
	var d = window.document;
	var m = subMenue_arr[p_i];
	var z_index = 1000 + p_i;
	var sub_z_index = 900 + p_i;
	var div_height = GIF_HOEHE * m.entries_arr.length + GIF_ECKE_HOEHE;	// 
	var div_width = GIF_RAND_BREITE + GIF_BULLET_BREITE + m.gifBreite;	
	var divstr = "";
	var iframe_name = "fr_" + p_i;
	// m.gifName nicht vergessen!
	// 1. iframe-div:
	var frame_src = "/is-bin/intershop.static/WFS/HeineDe/-/de_DE/imagesOnline/js/deckframe.html"; // fuer a) "subnav.html", b) "deckframe.html"
	
	/*	*** weitere Unterschiede von mit/ohne iframe
		standard: iframe-div heisst [..]_sub
	*/
	if( !browser_problematisch("iframe") ){
		divstr += '<div id="' + m.name + '_sub" style="position:absolute; left:'+m.posLeft+'px; ';
		divstr += 'top:'+POS_TOP+'px; width:'+div_width+'px; height:'+div_height+'px; z-index:';
		divstr += sub_z_index+'; background-color: '+DIV_BG+'; layer-background-color: '+DIV_BG;
		divstr += ' padding-left:0px; border-width:0px';
		divstr += 'overflow: visible; visibility: hidden">';//  visible  width="100%" height="100%"
		divstr += '<iframe name="'+iframe_name+'" width="'+div_width+'" height="'+div_height+'" ';
		divstr += 'src="'+frame_src+'" scrolling="no" marginwidth="0" marginheight="0" ';
		divstr += 'frameborder="0"></iframe></div>';
		d.writeln(divstr);
	}
	
	framePtr = document.getElementById(iframe_name);
	
	// 2. menue-div fuer iframe:
	ifrstr = ""
	// a) positioniert auf (0,0) fuer iframe
	ifrstr += '<div id="' + m.name + '" style="position:absolute; left:'+m.posLeft+'px; ';
	ifrstr += 'top:'+POS_TOP+'px; width:'+div_width+'px; height:'+div_height+'px; z-index:';

	// b) pos(x,c) fuer Anzeige ohne iframe
	//ifrstr += '<div id="' + m.name + '" style="position:absolute; left:0px; ';
	//ifrstr += 'top:0px; width:'+div_width+'px; height:'+(div_height)+'px; z-index:';

	ifrstr += z_index + '; background-color: '+DIV_BG+'; layer-background-color: '+DIV_BG+'; ';
	ifrstr += 'padding-left:0px; border-width:0px';
	ifrstr += ' overflow: visible; visibility: hidden">';
	ifrstr += '<table width="'+div_width+'" cellpadding="0" cellspacing="0" border="0">';

	//alert("len=" + m.entries_arr.length);
	for( var i=0; i<m.entries_arr.length; i++){
		ifrstr += '<tr><td width="'+div_width+'" bgcolor="'+DIV_BG+'">';
		
		// alle img in 1 td: Rand (obere beide Verlauf), nobullet (v-mittig), navgif
		var randgif = GIF_RAND_NAME;
		if( i<GIF_RAND_NAME_arr.length){
			randgif = GIF_RAND_NAME_arr[i];
		}

		ifrstr += '<img src="'+randgif+'" width="'+GIF_RAND_BREITE+'" height="'+GIF_HOEHE+'" border="0">';
		
		var nobulletname = m.name + "_bull"+i;
		ifrstr += '<img name="'+nobulletname+'" src="'+GIF_NOBULLET_NAME+'" width="';
		ifrstr += GIF_BULLET_BREITE+'" height="'+GIF_HOEHE+'" border="0">';
		
		ifrstr += m.entries_arr[i].writeHTML(m.gifBreite, nobulletname);
		
		ifrstr += '</td></tr>';
	}

	// tr fuer unteren Rand:
	ifrstr += '<tr><td>';
	ifrstr += '<img src="'+GIF_ECKE_NAME+'" width="'+GIF_ECKE_BREITE+'" height="'+GIF_ECKE_HOEHE+'">';
	ifrstr += '<img src="'+m.gifUntenName+'" width="'+m.gifBreite+'" height="'+GIF_ECKE_HOEHE+'">';
	ifrstr += '</td></tr>';
	
	ifrstr += '</table>';
	ifrstr += '</tr></div>';
	
	document.write(ifrstr);	// *** ohne iframe ***
	
	//var dbg = document.getElementById("debug");
	//dbg.value = "fghfgh";
	//document.dbgform.debug.value = "eeee";
	
	// debug: document.forms[1].elements[0].value = divstr;

}

function writeSubs(){
	for(var i=0; i<subMenue_arr.length; i++){
		writeSubMenue(i);
	}
}

/*	**********************
	Sub-Menue

	Breite gleich Randbreite + Bulletbreite + .gif-Breite
	Hoehe gleich n * .gif-Hoehe + Ecken-Hoehe
	
	********************** */

function SubMenue(){
	var args = arguments[0];
	this.name = args[0];
	this.posLeft = args[1];
	this.gifBreite = GIF_BREITE;
	this.gifUntenName = GIF_UNTEN_NAME;
	if(args.length>2){
		this.gifBreite = args[2];
		this.gifUntenName = PFAD_IMG + args[3];
	}
	this.entries_arr = new Array();
}

function SubMenueEntry(pName,pLink,pAlt){
	this.name = pName;
	this.link = pLink;
	this.alttext = pAlt;
	this.layername = subMenue_arr[(subMenue_arr.length-1)].name; // implizit:letztes Sub
	this.writeHTML = writeSubMenueEntry;
}


function addSubMenue(){	// opt.: 3. Parameter f. d. gif-Breite, 4. Param f. gif unten
	subMenue_arr[subMenue_arr.length] = new SubMenue(arguments);
}

function addSubMenueEntry(pName,pLink,pAlt){
	var lastSub_i = subMenue_arr.length - 1;
	if(lastSub_i>=0){
		var entries_arr_len = subMenue_arr[lastSub_i].entries_arr.length;
		subMenue_arr[lastSub_i].entries_arr[entries_arr_len] = new SubMenueEntry(pName,pLink,pAlt);
	}
}

hideElems_arr = new Array();

function addHideMe( hideElem ){
	var i = hideElems_arr.length;
	hideElems_arr[i] = hideElem;
}

// verbergen oder zeigen von zu ueberdeckenden Elementen
// wird immer ausgefuehrt. Wenn nicht ausgeblendet werden muss, sind die arrays aber leer.
function hideThemshowThem( isItHide){

	var sel_arr = new Array();	// fuer zu verbergende select-elemente
	var hs_flashs = new Array();
	var hs_ersatzbilder = new Array();
	var obj_arr = new Array();	// fuer zu verbergende object-elemente, wenn hs_flashs leer
	
	if( browser_problematisch("select") ){
		sel_arr = document.body.getElementsByTagName("select");
	}	
	
	if( browser_problematisch("object") ){
		obj_arr = document.body.getElementsByTagName("object");
		hs_flashs = document.getElementsByName(NAME_FLASHFILM);
		hs_ersatzbilder = document.getElementsByName(NAME_ERSATZBILD);	
	}	

	var i = 0;
	// verberge elements (= selects)
	for( ; i<sel_arr.length; i++ ){
		hideItShowIt( sel_arr[i], isItHide);
	}
	
	// verberge objects (= flashs)
	// 
	// wenn es 

	for( i=0; i<hs_flashs.length; i++ ){
		hideItShowIt( hs_flashs[i], isItHide);
	}
	// nur wenn es keine markierten Flashfilme gibt, blende alle Flashs aus:
	if( i==0){
		for( i=0; i<obj_arr.length; i++ ){
			hideItShowIt( obj_arr[i], isItHide);
		}
	}
	
	// blende markierte ersatzbild-divs ein:
	for( i=0; i<hs_ersatzbilder.length; i++ ){
		// spreche nicht das <img> an, sondern das <div>:
		hideItShowIt( hs_ersatzbilder[i].parentNode, !isItHide);
	}
}

function hideItShowIt( anObject, isItHide){
	if(isItHide){
		anObject.style.visibility = "hidden";
	}else{
		anObject.style.visibility = "visible";
	}
}
	
// *******************************
// zusaetzlich gehoert ein Aufruf writeSubs(); ans Ende der HTML-Seite

// Extraobjekte, die nicht vom Menue ueberdeckt werden:
flashlayers = new Array();
flashlayers[0] = "flash1";
flashlayers[1] = "flash2";

//alert(navigator.userAgent.toLowerCase());

function browser_problematisch(){
	return true;
}
 
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#'#'#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.0
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && document.getElementById) x=document.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function NN_showHideLayers() {
  var i,p,v,obj, args = arguments[0];
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_showHideLayers() { //v3.0
  var i,p,v,obj;
  for (i=0; i<(arguments.length-2); i+=3) if ((obj=MM_findObj(arguments[i]))!=null) { v=arguments[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v='hide')?'hidden':v; }
    obj.visibility=v; }
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  if (restore) selObj.selectedIndex=0;
}

// Geschenkefinder
var recwin;
var wkid = document.URL;
var sidnr = wkid.indexOf("sid");
var sidnre = wkid.indexOf("?");
var sidnra = sidnr+4;
var sid = wkid.substring(sidnra,sidnre);

function showRecommender(url) {
	this.name = "Detail";
	recwin = popupWH(url+sid,"Recommender",563,660);
}
// Geschenkefinder Ende