/**
 * Add event listeners to links in the #productthumb element
 * Used on the product page
 */
Event.observe(window, 'load', function() {
	if ($('productthumb')) {
		$A($('productthumb').getElementsByTagName("a")).each(function(obj) {
			Event.observe(obj, 'click', function(e) {
				$A($('productthumb').getElementsByTagName("li")).each(function(obj) {
					Element.removeClassName(obj, "active");
				});
				Element.addClassName(Event.findElement(e, "li"), "active");
			}, false);
		});
	}
}, false);


function findParent(obj, tagName)
{
	var searchObj = obj;

	while (searchObj.nodeType && searchObj.nodeType != 1)
	{
		searchObj = searchObj.parentNode;
	}

	var searchTag = tagName.toUpperCase();
	if (searchObj.tagName != searchTag)
	{
		while (searchObj.nodeName != searchTag && searchObj.nodeName != "HTML")
		{
			searchObj = searchObj.parentNode;
		}
	}

	if (searchObj.nodeName == "HTML")
	{
		return;
	}

	return searchObj;
}

/**
* Activate an LI for the tabs
*/
function activeLI(li, ul)
{
	var parentLI = findParent($(li), "li");
	var parentUL = $(ul);
	// remove class active from all parentUL li objects
	var liItems = parentUL.getElementsByTagName("li");
	for (i=0; i<liItems.length; i++) {
		Element.removeClassName(liItems[i], "active");
	}
	Element.addClassName(parentLI, "active");

	return false;
}