/* Copyright (C) 2002-2008 by Home of the Brave
   Web http://home.of.the.brave.de
   E-Mail info@brave.de */
/* $Revision: 1.13 $ $Date: 2008/03/18 11:49:37 $ */


/*
 * Customize third level of NavTree layer navigation.
 * dependencies: BodyEvents, NavTree
 * owner: Simon.Leidig@brave.de
 *
 */

NavTree.Texts = {
	Label:	{
		de: 'Produktgruppe',
		en: 'Product group',
		es: 'Grupo de productos',
		fr: 'Groupe de produits',
		it: 'Gruppo prodotti'
	},
	Choose:	{
		de: 'Produktdirektwahl',
		en: 'Product selection',
		es: 'Selección directa de productos',
		fr: 'Sélection directe de produits',
		it: 'Selezione diretta dei prodotti'
	},
	Up:		{
		de: 'zur Produktübersicht',
		en: 'to product overview',
		es: 'ir al resumen de productos',
		fr: 'À la vue d’ensemble des produits',
		it: 'Vai alla panoramica dei prodotti'
	}
}

NavTree.toggleProductDropdown = function () {
	var div = this.nextSibling;
	div.style.display = div.style.display == 'none' ? 'block' : 'none';
};
BodyEvents.addListener('load',function () {
	var m = location.pathname.match(/^\/([a-z]{2})\//);
	var lang = m ? m[1] : 'de';
	for (var i in NavTree.Instance.Levels) {
		var level = NavTree.Instance.Levels[i];
		if (level.Depth < 2) continue;
		var url = level.Parent.Node.href;
		var base = null;
		for (var j in ProductURLs) {
			if (url.indexOf(ProductURLs[j]) == 0) {
				base = ProductURLs[j]; break;
			}
		}
		if (base == null) continue;
		var node = level.Node.cloneNode(true);

		node.onmouseover = level.Entries[0].Node.onmouseover;
		node.onmouseout  = level.Node.onmouseout;
		node.id = 'ntlp_' +
		  url.substr( base.length
			).replace( /[?#;].*$/, ''
			).replace( /\/$/, ''
			).replace( /[^\w-]/g, '__' );
		node.innerHTML = '<div></div>';

		var h4 = document.createElement('h4');
		h4.innerHTML = NavTree.Texts.Label[lang];
		node.appendChild(h4);
		var h3 = document.createElement('h3');
		h3.innerHTML = level.Parent.Node.innerHTML;
		node.appendChild(h3);

		var dropdiv = document.createElement('div');
		dropdiv.style.display = 'none';
		dropdiv.className = 'drop';

		var droplink = document.createElement('a');
		droplink.style.cursor = 'pointer';
		droplink.innerHTML = NavTree.Texts.Choose[lang];
		droplink.className = 'choose';
		droplink.onclick = NavTree.toggleProductDropdown;

		node.appendChild(droplink);
		node.appendChild(dropdiv);

		var a = document.createElement('a');
		a.innerHTML = NavTree.Texts.Up[lang];
		a.className = 'overview';
		a.href = url;
		node.appendChild(a);

		var c = level.Parent.Parent.Node;
		var d = c.style.display;
		c.style.display = 'block';
		node.style.height = c.clientHeight +'px';
		c.style.display = d;

		for (var j in level.Entries) {
			var o = level.Entries[j].Node;
			var n = document.createElement('a');
			n.href = o.href;
			n.innerHTML = o.innerHTML;
			dropdiv.appendChild( level.Entries[j].Node = n );
		}

		level.Node.parentNode.replaceChild(node,level.Node);
		level.Node = node;
	}
} );