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


/*
 * Arrange product info blocks.
 * dependencies: BodyEvents
 * owner: Simon.Leidig@brave.de
 *
 */

document.write('<style type="text/css">#content_main .info {display:none;}</style>');

BodyEvents.addListener('load',function () {
	var cm = document.getElementById('content_main');
	if (!cm) return;
	var blocks = [];
	var f = function (node) {
		for (var i = 0; i < node.childNodes.length; i++) {
			var n = node.childNodes[i];
			if ( n.nodeName == 'DIV' && n.className &&
				 n.className.match(/\binfo\b/)
			) blocks.push(n);
			else f(n);
		}
	};
	f(cm); if (blocks.length == 0) return;

	var ta = document.createElement('table');
	var tb = document.createElement('tbody');
	var tr = document.createElement('tr');
	var td = document.createElement('td');
	var tv = document.createElement('td');

	ta.id = 'product_info';
	td.id = 'product_info_select';
	tv.id = 'product_info_layer';

	ta.appendChild(tb);
	tb.appendChild(tr);
	tr.appendChild(td);
	tr.appendChild(tv);
	tv.appendChild(document.createElement('div'));

	blocks[0].parentNode.insertBefore(ta,blocks[0]);

	var hide;
	var show = function () {
		var n = this.cloneNode(true);
		for (var i = 0; i < n.childNodes.length; i++) {
			n.childNodes[i].style.display = 'block';
		}
		n.style.cursor = 'default';
		n.firstChild.onclick = hide;
		n.firstChild.nextSibling.onclick = hide;
		n.firstChild.style.cursor = 'pointer';
		n.firstChild.nextSibling.style.cursor = 'pointer';
		tv.replaceChild(n,tv.firstChild);
		for (var i in blocks) blocks[i].onclick = show;
		this.onclick = hide;
	};
	hide = function () {
		tv.replaceChild(document.createElement('div'),tv.firstChild);
		this.onclick = show;
	};
	var fn; var fns = [];
	if (fn = blocks[blocks.length - 1].nextSibling) {
		fns.push(fn);
		while (fn = fn.nextSibling) fns.push(fn);
	}
	for (var i in blocks) {
		var n = blocks[i];
		td.appendChild(n);
		for (var i = 0; i < n.childNodes.length; i++) {
			var cn = n.childNodes[i];
			cn.style.display =
				cn.nodeName == 'H2'  ||
				cn.nodeName == 'IMG' ?
				'block' : 'none';
		}
		n.style.display = 'block';
		n.style.cursor  = 'pointer';
		n.onclick = show;
	}
	for (var i in fns) td.appendChild(fns[i]);
} );