/* Copyright (C) 2002-2007 by Home of the Brave
   Web http://home.of.the.brave.de
   E-Mail info@brave.de */
/* $Revision: 1.2 $ $Date: 2007/01/04 17:28:33 $ */


/*
 * Replace product variants dropdown with layer.
 * dependencies: BodyEvents
 * owner: Nico.Westermann@brave.de
 *
 */

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

BodyEvents.addListener('load',function () {


	var d = document.getElementById('product_variants');
	if (!d) return;

	var overall = document.createElement('div');
	overall.id = "product_variants_layer";

	var toplink = document.createElement('h3');
	toplink.style.cursor = 'pointer';
	overall.appendChild(toplink);

	var drop = document.createElement('div');
	drop.id = "product_variants_select";
	drop.style.display = 'none';

	var showHide = function () {
		if(drop.style.display == 'none') { drop.style.display = 'block'; }
		else { drop.style.display = 'none'; }
	}

	toplink.onclick = showHide;

	for(var i = 0; i < d.options.length; i++) {
		var option_desc = d.options[i].innerHTML;
		if(!d.options[i].selected) {
			drop.innerHTML += "<a onClick=\"var d = getElementById('product_variants');d.selectedIndex=" + i + ";d.form.submit()\" style=\"cursor:pointer;display:block;\">" + option_desc + "</a>";
		} else {
			toplink.innerHTML = option_desc;
			drop.innerHTML += "<strong>" + option_desc + "</strong>";

		}
	}

	overall.appendChild(drop);
	d.parentNode.insertBefore(overall,d);

} );