var maindiv;

//-------------------------------------------------------------------
// Detect browser version
//------------------------------------------------------------------- 
ns4 = (document.layers) ? true : false;
ns6 = (!document.all && document.getElementById) ? true : false;
ie4 = (document.all) ? true : false;
op = (navigator.userAgent.indexOf('Opera')!=-1) ? true : false;


//-------------------------------------------------------------------
// Functions for cookies and WK-Symbol
//-------------------------------------------------------------------
function checkCookie(){
   if (document.cookie)
      return true
   else{
      return false
   }
}

function getCookie(name){
   var i=0  //Suchposition im Cookie
   var suche = name+"="
   while (i<document.cookie.length){
      if (document.cookie.substring(i, i+suche.length)==suche){
         var ende = document.cookie.indexOf(";", i+suche.length)
         ende = (ende>-1) ? ende : document.cookie.length
         var cook = document.cookie.substring(i+suche.length, ende)
         return unescape(cook)
      }
      i++
   }
   return null
}

// zeigt das WK-Symbol an
function zeigeWKSymbol() {
	var str = "";
	
	if ( parseInt(getCookie("numberCart")) > 0  ) {
		str += "<td><a href='javascript:showCart();' onMouseOver=\"changeImage('parentTopDiv', 'img_wk', 'bt_wk_y')\" onMouseOut=\"changeImage('parentTopDiv', 'img_wk', 'bt_wk_x')\"><img name='img_wk' src='"+imageRoot+"bt_wk_x.gif' border='0' alt='Warenkorb'></a></td>";
	}
	else {
		str += "<td><a href='javascript:showCart();' onMouseOver=\"changeImage('parentTopDiv', 'img_wk', 'bt_wk_y')\" onMouseOut=\"changeImage('parentTopDiv', 'img_wk', 'bt_wk_x')\"><img name='img_wk' src='"+imageRoot+"bt_wk_x.gif' border='0' alt='Warenkorb'></a></td>";
	}
	return str;
}	

function zeigeWKPreis() {
	var str = "";
	if ( parseInt(getCookie("numberCart")) > 0  ) {
		str += "<td background='"+imageRoot+"wk_preis.gif' width='182'>&nbsp;";
		str += "<a href='javascript:showCart();' class='shopprice'>";
		str += "Artikel: "+getCookie("numberCart");
		str += " &nbsp;Wert: "+getCookie("sumCart")+" &#x20AC;";
		str += "</a></td>";
	}
	else {
		str = "<td width='182'><a href='#'><img src='"+imageRoot+"bt_leer.gif' border='0'></a></td>" ;
	}
	return str;
}

function showCart() {
	if (!checkCookie() ){
		window.alert("Um bestellen zu können, aktivieren Sie bitte in Ihrem Browser Javascript und Cookies.");
	}else {
		window.open("/aspe_shared/wk/showCart.asp?area=", "cart", "scrollbars=yes,resizable=yes,status=yes,width=570, height=500, top=50, left=50");
	}	
}


//-------------------------------------------------------------------
// showPath()
//
// Displays the small path menu
//-------------------------------------------------------------------
function showPath(){

	var element		// DOM-Element ID
	var state		// visibility
	
  	if (ns4) {
	
		if(document.pathDiv.visibility == "hide"){
      		document.pathDiv.visibility = "show";
    	}
    	else {
			document.pathDiv.visibility = "hide";
		}
  	}
	else {
		
		element = 	gE('pathDiv');					// get DOM-elementID
		state 	= 	gV(element);	
		if ( state == 'hidden' || state == 'hide') {
			sE(element);
		}
		else {
			hE(element);
		}
	}
}
var stat_open = 0;
var ID;


//-------------------------------------------------------------------
// Show layers 
//------------------------------------------------------------------- 

function menu_in (nummer){
  clearTimeout(ID);
  if (nummer != stat_open) open_menu(nummer)
}

function open_menu(nummer) {
  clearTimeout(nummer);
  if (stat_open !=0 && stat_open != nummer){
    close_menu(stat_open)
  }
  stat_open = nummer;
  if (ns4) {
    eval("document.m"+nummer+".visibility = 'show'");
    eval("document.parentTopDiv.document.mainmenuItem"+nummer+".bgColor='#CC0033'");
  }
  else{
        subel = gE('m'+ eval(nummer));
		if (subel){sE(subel);}
  }
}




//-------------------------------------------------------------------
// Hide layers 
//------------------------------------------------------------------- 

function menu_out (nummer)  {
  eval("ID = setTimeout('close_menu("+nummer+")', 500)")
}

function close_menu(nummer) {
  stat_open = 0;
  if (ns4) {
    eval("document.m"+nummer+".visibility = 'hide'");
    eval("document.parentTopDiv.document.mainmenuItem"+nummer+".bgColor='#ED1C24'");
  }
  else{
	subel = gE('m'+ eval(nummer));
	if (subel){hE(subel)}
  }
  
}


//-------------------------------------------------------------------
// Display layers and init 
//------------------------------------------------------------------- 

function writeLayerNS4(text, id){
    if (ns4 && (document.layers[id])){
		  var lyr = document.layers[id].document;
    	  lyr.open();
	      lyr.write(text);
    	  lyr.close();
  }
}


function writeLayer(){
  if(!ns4) document.write(make_menu(mainmenu));	
}


function writeDynDivs(){
	var length = mainmenu.length;
	var dynDivs = "";
	//var ns4 = (document.layers) ? true : false;
	if(ns4){
		for (i=1; i<=length; i++) {
			dynDivs += "<DIV id=m"+i+" ";
			dynDivs += "style=\"Z-INDEX: 500; VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #b3b2b2; layer-background-color: #B3B2B2\"></DIV>";
			dynDivs += "";
		}
	 	document.write(dynDivs);
	}
}


function initLayer(length) {
 if(ns4){
    for (i=1; i<=length; i++) {
      posX = eval("document.parentTopDiv.document.mainmenuItem"+i+".pageX");
      posY = eval("document.parentTopDiv.document.mainmenuItem"+i+".pageY");
      if (i != 1){ eval("document.m"+i+".pageX = posX");  }
      else { eval("document.m"+i+".pageX = posX"); }
      eval("document.m"+i+".pageY = posY+15");
    }
  }

 else {
 	var x_offset = 0;
	var y_offset = 16;
	var navnr = 0;
	while (navnr < 20) {
		el = gE('mainmenuItem'+ eval(++navnr));
		if(el) { 
			subel = gE('m'+ eval(navnr));
			if(subel) {
            	sX(subel,gX(el)); 
            	sY(subel,y_offset);
        	}
    	}
 		else{break;}
 	}
 }
  
}


//-------------------------------------------------------------------
// Change images on Mouseovers
//------------------------------------------------------------------- 

function changeImage(layer, imgName, imgObj){
  if(document.images){
    if (document.layers && layer!=null) eval('document.'+layer+'.document.images["'+imgName+'"].src = '+imgObj+'.src')
      else document.images[imgName].src = eval(imgObj+".src")
  }
}



//-------------------------------------------------------------------
//  Creation of Dynamic Menus
//------------------------------------------------------------------- 


function make_mainmenu_item(maindiv, item, iIndex) {
  black = Number(item.id) == activeMain;
    if(ns4) {
    maindiv += "<td align=\"middle\">"
    maindiv += "<ilayer id='mainmenuItem"+iIndex+"' width='100%' z-index='0'";
    if(black)
      maindiv += ' bgcolor="#000000"';
   
    maindiv += ">";
    maindiv += "<a onMouseOver=\"menu_in('"+iIndex+"')\" onMouseOut=\"menu_out('"+iIndex+"')\" class=\""
    if(black)
      maindiv += "mainmenutxtblack";
    else
      maindiv += "mainmenutxt";
    maindiv += "\" href=\""+linkRoot+item.href+'"';
    if(item.href.indexOf('http://', 0) == 0)
      maindiv += ' target="_blank"';
    maindiv += ">&nbsp; "+item.title;
    maindiv += "&nbsp;</a>";
    maindiv += "</ilayer></td>";
    return maindiv;
    }
	
  else {
    maindiv += "<td align=\"middle\" onMouseOver=\"this.bgColor='#CC0033'\" onMouseOut=\"this.bgColor='#ED1C24'\" id=\"mainmenuItem"+iIndex+"\" class=\"";
    if(black)	maindiv += "menubaritemIEblack";
    else		maindiv += "menubaritemIE";
    maindiv += "\">";
    maindiv += "<a onMouseOver=\"menu_in('"+iIndex+"')\" onMouseOut=\"menu_out('"+iIndex+"')\" class=\""
    if(black)	maindiv += "mainmenutxtblack";
    else		maindiv += "mainmenutxt";
    maindiv += "\" href=\""+linkRoot+item.href+'"';
    if(item.href.indexOf('http://', 0) == 0)	maindiv += ' target="_blank"';
    maindiv += ">&nbsp; "+item.title+"&nbsp; </a>";
    maindiv += "<td>";
    return maindiv;
  } 
}



function make_sub_menu(menu)
{
	var div = "";
	for (i = 0; i < menu.length; ++i)
	{   if(!ns4) { 	div += "<div style=\"position:absolute;z-index:500;visibility:hidden;background-color:#B3B2B2;layer-background-color:#B3B2B2;\" id=\"m" + (i+1) + "\">";
					div += "<table cellpadding='0' cellspacing='0' border='0' bgcolor='#B3B2B2'>";
		}
		else div = "<table cellpadding='0' cellspacing='0' border='0'>";
	    if(menu[i].submenu)
		{
	    	for (j = 0; j < menu[i].submenu.length; ++j)
		  	{
				objSubmenu = menu[i].submenu[j];

				div +="<tr>";
				div +="<td width=\"20\" align=\"center\" valign=\"middle\">";
				div +="<img name=\"I"+objSubmenu.id+"\" src=\""+imageRoot+"pixel.gif\" width=\"10\" height=\"10\" vspace=\"6\" hspace=\"3\" border=\"0\">"
				div += "</td>";
				div +="<td nowrap>";
				div +="<a onMouseover=\"menu_in("+(i+1)+"); changeImage('m"+(i+1)+"','I"+objSubmenu.id+"','"+nav_bt+"')\" onMouseout=\"menu_out("+(i+1)+"); ";
				div +="changeImage('m"+  (i+1)+"','I"+objSubmenu.id+"','bt_off')\" class=\"submenuitem\" href=\""+linkRoot+objSubmenu.href+'"';
				if(objSubmenu.href.indexOf('http://', 0) == 0) div += " target=\"_blank\"";
				div +=">"+objSubmenu.title+"</a>";
				div +="</td>";
				div += "<td>";
				div += "<img src=\""+imageRoot+"pixel.gif\" width=\"10\" height=\"10\" vspace=\"6\" border=\"0\">";
				div += "</td>";
				div +="</tr>";
	      	}
	    }
	    div +="</table>";
		if(!ns4) div +="</div>";
		if(ns4) {writeLayerNS4(div, 'm'+(i+1));}
	}
	return div;
}



	

function make_menu(menu) {
	var maindiv="";
	maindiv ="<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" bgcolor=\"#ED1C24\">"
  maindiv +=	"<tr>"
  maindiv +=	"<td valign=\"top\">"
  maindiv +=		"<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">"
  maindiv +=			"<tr>";
  for (i = 0; i < menu.length; ++i)
  {
    maindiv = make_mainmenu_item(maindiv, menu[i],(i+1));
  }
  
  if(ns4) make_sub_menu(menu);
  else document.write(make_sub_menu(menu));
    
  maindiv += "</tr></table></td></tr>"
  maindiv += "<tr><td><img src='"+imageRoot+"pixel.gif' width='122' height='20'></td></tr>"
  maindiv += "<tr>"
  maindiv += "<td align='left' valign='bottom'>"
  maindiv += "<table border='0' cellspacing='0' cellpadding='0' >"
  maindiv += "<tr>"
  maindiv += "<td width='122'><img src='"+imageRoot+"pixel.gif' width='122' height='1'></td>"
  maindiv += "<td width='350' align='left' valign='baseline'>"
  
  maindiv += "<table class='tbl_border' cellspacing='0' cellpadding='0' border='0'>"
  maindiv += "<tr>"+getLeftMenu()+ "</tr>";
  maindiv += "</table>"
  maindiv += "</td>"
   
  if(rightMenu) {
		maindiv += "<td align='right' valign='bottom'>"
		if(ns4)	maindiv +="<table cellspacing='1' cellpadding='1' border='0' bgcolor='white'>"
		else	maindiv +="<table cellspacing='0' cellpadding='0' border='0'>"
		maindiv += "<tr>" + createRight_GraphicMenu(rightMenu) + "</tr>";
		maindiv += "</table>";
  }
  else {
	maindiv += "<td width='193'><img src='"+imageRoot+"pixel.gif' width='120' height='1'></td>"
	maindiv += "<td width='226' align='right' valign='bottom'>"
	maindiv += "<table cellspacing='0' cellpadding='0' border=0>"
 	maindiv += "<tr>"
  	maindiv += "<td><a href='#' ><img src='"+imageRoot+"pixel.gif' border='0'></a></td>"
  	maindiv += "<td><a href='#'><img src='"+imageRoot+"pixel.gif' border='0'></a></td>"
 	maindiv += "<td><a href='#'><img src='"+imageRoot+"pixel.gif' border='0'></a></td>"
  	maindiv += "</tr>"
  	maindiv += "</table>"
  }
  maindiv += "</td>";
  maindiv += "</tr>";
  maindiv += "</table>";
  maindiv += "</td>";
  maindiv += "</tr>"
  maindiv += "</table>"

  return maindiv;
}


//-------------------------------------------------------------------
//  Init function
//------------------------------------------------------------------- 

function cms_init(id) {
  if(ns4){
  	writeLayerNS4(make_menu(mainmenu), id);
  }
  initLayer(mainmenu.length);
  printversion();
  path = gE('pathDiv')
  if (path) hE(path);
}

//-------------------------------------------------------------------
//  Preload images
//------------------------------------------------------------------- 

function preload(){
  if(document.images){
    bt_nav_hchild_x = new Image();
    bt_nav_hchild_x.src = ""+imageRoot+"bt_nav_hchild_x.gif"
	
	bt_nav = new Image();
    bt_nav.src = ""+imageRoot+"bt_nav.gif"
	
    bt_nav_hchild_y = new Image();
    bt_nav_hchild_y.src = ""+imageRoot+"bt_nav_hchild_y.gif"

    bt_off = new Image();
    bt_off.src = ""+imageRoot+"pixel.gif"

    bt_pth_x = new Image();
    bt_pth_x.src = ""+imageRoot+"bt_pth_x.gif"

    bt_pth_y = new Image();
    bt_pth_y.src = ""+imageRoot+"bt_pth_y.gif"
	
	bt_print_x = new Image();
    bt_print_x.src = ""+imageRoot+"bt_print_x.gif"

    bt_print_y = new Image();
    bt_print_y.src = ""+imageRoot+"bt_print_y.gif"
	
	bt_i_x = new Image();
    bt_i_x.src = ""+imageRoot+"bt_i_x.gif"

    bt_i_y = new Image();
    bt_i_y.src = ""+imageRoot+"bt_i_y.gif"
	
    bt_cari_x = new Image();
    bt_cari_x.src = ""+imageRoot+"bt_cari_x.gif"

    bt_cari_y = new Image();
    bt_cari_y.src = ""+imageRoot+"bt_cari_y.gif"

	bt_ko_x = new Image();
	bt_ko_x.src = ""+imageRoot+"bt_ko_x.gif"
	
	bt_ko_y = new Image();
	bt_ko_y.src = ""+imageRoot+"bt_ko_y.gif"
	
	bt_wk_x = new Image();
	bt_wk_x.src = ""+imageRoot+"bt_wk_x.gif"
	
	bt_wk_y = new Image();
	bt_wk_y.src = ""+imageRoot+"bt_wk_y.gif"
	
	bt_shop_x = new Image();
	bt_shop_x.src = ""+imageRoot+"bt_shop_x.gif"
	
	bt_shop_y = new Image();
	bt_shop_y.src = ""+imageRoot+"bt_shop_y.gif"
	

  }
}

function MM_reloadPage(init) 
{  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
preload();

//-------------------------------------------------------------------
//  Popup
//------------------------------------------------------------------- 
function depopup()
{
params="resizable=1,status=0,scrollbars=1,toolbar=0,location=0,directories=0,menubar=0,width=430,height=330";
msg=open("/shared_data/caritas_data/pulltop.htm","Chat",params);
if (navigator.appName =="Netscape" && navigator.appVersion.substring(0,1)>=3)
{msg.focus()}
}



//-------------------------------------------------------------------
//  Creation of Menu links
//------------------------------------------------------------------- 

function createRight_GraphicMenu(menuElements)
{
	var t = 0;
	var graphicMenu = "";
	if (ns4) {
		graphicMenu += "<td height=1 class=\"r_rect\" bordercolor='white'><img src=\"/shared/images/cms/pixel.gif\" width=\"10\" height=\"1\"></td>"
		graphicMenu += "<td class=\"r_firstBorder\" id=\"r_menu\"><ilayer id='lay"+t+"' width='100%' z-index='0' bgcolor='#a6a3a1'>" + checkLink(menuElements[t],t) + "</ilayer></td>";
		for(t=1;t<menuElements.length;t++){
			graphicMenu += "<td class=\"r_border\" id=\"r_menu\"><ilayer id='lay"+t+"' width='100%' z-index='0' bgcolor='#a6a3a1'>" + checkLink(menuElements[t],t) + "</ilayer></td>";
		}
	}
	else {
		graphicMenu += "<td valign='bottom'><div id=\"menu\">";
		graphicMenu += "<div class=\"rect\">&nbsp;</div>";
		graphicMenu += "<div class=\"firstBorder\" id=\"gm" + t +"\">" + checkLink(menuElements[t],t) + "</div>";
		for(t=1;t<menuElements.length;t++){
			graphicMenu += "<div class=\"border\">" + checkLink(menuElements[t],t) + "</div>";
		}
		graphicMenu += "</div></td>";
	}
	return graphicMenu;
}


function checkLink(url,nr)
{
	if(ns4){
		if(url[1].search("http://") != -1)
		return "<a onMouseOver=\"document.lay"+nr+".bgColor='#ffbe11';\" onMouseOut=\"document.lay"+nr+".bgColor='#a6a3a1';\" href=\"" + url[1] + "\" target=\"blank_\">&nbsp;&nbsp;" + url[0] + "&nbsp;&nbsp;</a>";
		else
		return "<a onMouseOver=\"document.lay"+nr+".bgColor='#ffbe11';\" onMouseOut=\"document.lay"+nr+".bgColor='#a6a3a1';\" href=\"" + url[1] + "\">&nbsp;&nbsp;" + url[0] + "&nbsp;&nbsp;</a>";
	}
	else {
		if(url[1].search("http://") != -1)
		return "<a href=\"" + url[1] + "\" target=\"blank_\">&nbsp;&nbsp;" + url[0] + "&nbsp;&nbsp;</a>";
		else
		return "<a href=\"" + url[1] + "\">&nbsp;&nbsp;" + url[0] + "&nbsp;&nbsp;</a>";
	}
}



////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////
// DHTML Menüsteuerung
/////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////

d=document;l=d.layers;op=navigator.userAgent.indexOf('Opera')!=-1;

// ------------------------------------------------------------------
// function getElementState()
//
// returns 'hide' or 'hidden' if element e is unvisible
// returns 'show' or 'visible' if element e is visible
// ------------------------------------------------------------------
function getElementState(e){
	if (l) {
		return e.visibility			// return for NS4
	}
	else {
		return e.style.visibility	// default Return
	}
} // End function getElementState()
function gV(e){if(l){return e.visibility}else{return e.style.visibility}}
function gE(e,f){if(l){f=(f)?f:self;var V=f.document.layers;if(V[e])return V[e];for(var W=0;W<V.length;)t=gE(e,V[W++]);return t;}if(d.all)return d.all[e];return d.getElementById(e);}
function sE(e){l?e.visibility='show':e.style.visibility='visible';}
function hE(e){l?e.visibility='hide':e.style.visibility='hidden';}
function sZ(e,z){l?e.zIndex=z:e.style.zIndex=z;}
function sX(e,x){l?e.left=x:op?e.style.pixelLeft=x:e.style.left=x;}
function sY(e,y){l?e.top=y:op?e.style.pixelTop=y:e.style.top=y;}
function gX(e){x=l?e.pageX:e.offsetLeft;return x;}		// Opera kann Zugriff auf 
function gY(e){y=l?e.pageX:e.offsetTop;return y;}		// Opera kann Zugriff auf 

//-------------------------------------------------------------------
//  FUNCTION PRINT
//------------------------------------------------------------------- 

function getQueryVariable(variable) {//gibt die parameter der url zurück
           var ret = "";
		   var query = window.location.search.substring(1);
           var vars = query.split("&");
           for (var i=0;i<vars.length;i++) {
                       var pair = vars[i].split("=");
                       if (pair[0] == variable) {
                                ret = pair[1];
                       }						   			   
           } 
		   return ret;           
}
function printversion(){
	var print = getQueryVariable('print');	
	if (print == 'true'){
		DeactiveStyleSheet('print');
		ActiveStyleSheet('print');
		window.print();
	}

}


function DeactiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel") && a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      //a.disabled = false;
      if(a.getAttribute("title") == title) {
		a.disabled = true;
      }
    }
  }
}
function ActiveStyleSheet(title) {
  var i, a, main;
  for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
    if(a.getAttribute("rel") && a.getAttribute("rel").indexOf("style") != -1 && a.getAttribute("title")) {
      //a.disabled = false;
      if(a.getAttribute("title") == title) {
		a.disabled = false;
      }
    }
  }
}
//-------------------------------------------------------------------
//------------------------------------------------------------------- 
