window.onload = init
var singlePanelOnly = true 		// This is so DD's collapse when selected
var currentStep = 1
var selections = 
{
	"house":"00", 
	"leading":"diamond",
	"color":"white"
}

function init()
{
	var options = document.getElementById("options")
	var DT = options.getElementsByTagName("DT")
	options = options.getElementsByTagName("A")
	for(i=0; i<options.length; i++)
	{
		options[i].onmousedown = change
	}
	
	for(i=0; i<DT.length; i++)
	{
		DT[i].onmousedown = expand
	}
	var preview = document.getElementById("preview")
	if (preview.src.split("#")[1] == "") { setImage() }
}


function change()
{
	
	var selectedOption = this.href.split("#")[1];
	if (selectedOption)
	{
		
		var a = selectedOption.split("-");
		if(selections["house"] == "00") { selections["house"] = "01" }
		selections[a[0]] = a[1]
		setImage();
}
	return false
}

function setImage()
{
	var sorce = selections.house + "/" + selections.house + "_" + selections.leading + "_" +  selections.color + ".jpg"
	var viewer = document.getElementById("preview")
	var ref = document.getElementById("ref")
	viewer.src = sorce 
	ref.value = sorce
}

function expand()
{
	if(singlePanelOnly) { turnalloff() }
	var dt = this
	var dd = getNextElm(this)
	if (dt.className == "active") 
	{
		dt.className = ""
		dd.className = ""
	} else {
		dt.className = "active"
		dd.className = "active"
	}
	return false
}


function getNextElm(elm)
{
	elm = elm.nextSibling
	while (elm && elm.nodeType != 1)
	{
	  elm = elm.nextSibling
	}
	return elm
}

// Hacky But Will Do The Job For Now

function turnalloff()
{
	var options = document.getElementById("options")
	var DT = options.getElementsByTagName("DT")
	for(i=0; i<DT.length; i++)
	{
		var dd = getNextElm(DT[i])
		DT[i].className = ""
		dd.className = ""
		
	}
}