﻿function showNextLevel(item, curlevel) {
	// Set current level active/inactive
	i = 1;
	wrapper = document.getElementById('level1_' + i);
	while (wrapper != null) {
		wrapper.className = (i == item) ? 'item active' : 'item';
		i++;
		wrapper = document.getElementById('level1_' + i);
	}
	
	// Show/hide next level
	i = 1;
	wrapper = document.getElementById('wrapper2_' + i);
	while (wrapper != null) {
		wrapper.style.display = (i == item) ? 'block' : 'none';
		i++;
		wrapper = document.getElementById('wrapper2_' + i);
	}
}

function showItemDetail(f) {
	var imgfield = f.parentNode.parentNode.getElementsByTagName("p")[0].getElementsByTagName("img")[0];
	imgfield.src = f.firstChild.src;
	var descfield = f.parentNode.parentNode.getElementsByTagName("p")[2];
	descfield.innerHTML = f.firstChild.getAttribute("alt");
}