function SelectWood(x,y,z){
var woodtitle = document.getElementById('woodtxt');
var title = woodtitle.firstChild;
woodtitle.removeChild(title);

var newname = document.createElement('p');
newname.setAttribute('title', y);
var woodtit = newname.getAttribute('title');
var text = document.createTextNode(woodtit);
newname.appendChild(text);
woodtitle.appendChild(newname);

var woodimg = document.getElementById('woodimg');
var oldimg = woodimg.firstChild;
if (oldimg) {
	woodimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
woodimg.appendChild(newimg);

var woodinput = document.getElementById('id_wood');
woodinput.setAttribute('value', z)

$('#wood_type_list').hide('slow');
}

function GetSpecs(z){
$.post('/estimates/wood/', {wood:z}, function(data) {
if ( data.status == "success") {
	var spec = eval('(' + data.specs + ')');
	var size = document.getElementById('size');
	var sizelist = document.getElementById('size_list')
	$('#size_list > *').remove();
	var option = document.createElement('option');
	var text = document.createTextNode('size')
	sizelist.appendChild(option);
	option.appendChild(text);
	for(key in spec){
		var option = document.createElement('option');
		if($('#id_size').val() == spec[key].pk ){
			option.setAttribute('selected', 'selected')
		}
		option.setAttribute('value', spec[key].pk)
		option.setAttribute('onclick', 'SetValue(' + spec[key].pk + ')')
		var text = document.createTextNode(spec[key].fields.name)
		sizelist.appendChild(option);
		option.appendChild(text);
	}
	$('#size').show('fast');
}
}, "json");
};

function SetValue(p){
	$('#id_size').val(p);
}


function GetWood(x){
var woodtitle = document.getElementById('woodtxt');
var title = woodtitle.firstChild;
woodtitle.removeChild(title);

var sel_wood = document.getElementById('wood'+x)
var y = sel_wood.getAttribute('title')
var x = sel_wood.getAttribute('src')

var newname = document.createElement('p');
newname.setAttribute('title', y);
var woodtit = newname.getAttribute('title');
var text = document.createTextNode(y);
newname.appendChild(text);
woodtitle.appendChild(newname);

var woodimg = document.getElementById('woodimg');
var oldimg = woodimg.firstChild;
if (oldimg) {
	woodimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
woodimg.appendChild(newimg);
}

function SelectStain(x,y,z){
var staintitle = document.getElementById('staintxt');
var title = staintitle.firstChild;
staintitle.removeChild(title);

var newname = document.createElement('p');
newname.setAttribute('title', y);
var staintit = newname.getAttribute('title');
var text = document.createTextNode(staintit);
newname.appendChild(text);
staintitle.appendChild(newname);

var stainimg = document.getElementById('stainimg');
var oldimg = stainimg.firstChild;
if (oldimg) {
	stainimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
stainimg.appendChild(newimg);

var staininput = document.getElementById('id_stain');
staininput.setAttribute('value', z)

$('#stain_type_list').hide('slow');
}

function GetStain(x){
var staintitle = document.getElementById('staintxt');
var title = staintitle.firstChild;
staintitle.removeChild(title);

var sel_stain = document.getElementById('stain'+x)
var y = sel_stain.getAttribute('title')
var x = sel_stain.getAttribute('src')

var newname = document.createElement('p');
newname.setAttribute('title', y);
var staintit = newname.getAttribute('title');
var text = document.createTextNode(y);
newname.appendChild(text);
staintitle.appendChild(newname);

var stainimg = document.getElementById('stainimg');
var oldimg = stainimg.firstChild;
if (oldimg) {
	stainimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
stainimg.appendChild(newimg);
}

function SelectStain2(x,y,z){
var staintitle = document.getElementById('staintxt2');
var title = staintitle.firstChild;
staintitle.removeChild(title);

var newname = document.createElement('p');
newname.setAttribute('title', y);
var staintit = newname.getAttribute('title');
var text = document.createTextNode(staintit);
newname.appendChild(text);
staintitle.appendChild(newname);

var stainimg = document.getElementById('stainimg2');
var oldimg = stainimg.firstChild;
if (oldimg) {
	stainimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
stainimg.appendChild(newimg);

var staininput = document.getElementById('id_stain');
staininput.setAttribute('value', z)

$('#stain_type_list2').hide('slow');
}

function GetStain2(x){
var staintitle = document.getElementById('staintxt2');
var title = staintitle.firstChild;
staintitle.removeChild(title);

var sel_stain = document.getElementById('stain'+x)
var y = sel_stain.getAttribute('title')
var x = sel_stain.getAttribute('src')

var newname = document.createElement('p');
newname.setAttribute('title', y);
var staintit = newname.getAttribute('title');
var text = document.createTextNode(y);
newname.appendChild(text);
staintitle.appendChild(newname);

var stainimg = document.getElementById('stainimg2');
var oldimg = stainimg.firstChild;
if (oldimg) {
	stainimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
stainimg.appendChild(newimg);
}

function SelectBorder(x,y,z){
var bordertitle = document.getElementById('bordertxt');
var title = bordertitle.firstChild;
bordertitle.removeChild(title);

var newname = document.createElement('p');
newname.setAttribute('title', y);
var bordertit = newname.getAttribute('title');
var text = document.createTextNode(bordertit);
newname.appendChild(text);
bordertitle.appendChild(newname);

var borderimg = document.getElementById('borderimg');
var oldimg = borderimg.firstChild;
if (oldimg) {
	borderimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
borderimg.appendChild(newimg);

var borderinput = document.getElementById('id_border');
borderinput.setAttribute('value', z)

$('#border_type_list').hide('slow');
}

function GetBorder(x){
var bordertitle = document.getElementById('bordertxt');
var title = bordertitle.firstChild;
bordertitle.removeChild(title);

var sel_border = document.getElementById('border'+x)
var y = sel_border.getAttribute('title')
var x = sel_border.getAttribute('src')

var newname = document.createElement('p');
newname.setAttribute('title', y);
var bordertit = newname.getAttribute('title');
var text = document.createTextNode(y);
newname.appendChild(text);
bordertitle.appendChild(newname);

var borderimg = document.getElementById('borderimg');
var oldimg = borderimg.firstChild;
if (oldimg) {
	borderimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
borderimg.appendChild(newimg);
}

function SelectLayout(x,y,z){
var layouttitle = document.getElementById('layouttxt');
var title = layouttitle.firstChild;
layouttitle.removeChild(title);

var newname = document.createElement('p');
newname.setAttribute('title', y);
var layouttit = newname.getAttribute('title');
var text = document.createTextNode(layouttit);
newname.appendChild(text);
layouttitle.appendChild(newname);

var layoutimg = document.getElementById('layoutimg');
var oldimg = layoutimg.firstChild;
if (oldimg) {
	layoutimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
layoutimg.appendChild(newimg);

var layoutinput = document.getElementById('id_layout');
layoutinput.setAttribute('value', z)

$('#layout_type_list').hide('slow');
}

function GetLayout(x){
var layouttitle = document.getElementById('layouttxt');
var title = layouttitle.firstChild;
layouttitle.removeChild(title);

var sel_layout = document.getElementById('layout'+x)
var y = sel_layout.getAttribute('title')
var x = sel_layout.getAttribute('src')

var newname = document.createElement('p');
newname.setAttribute('title', y);
var layouttit = newname.getAttribute('title');
var text = document.createTextNode(y);
newname.appendChild(text);
layouttitle.appendChild(newname);

var layoutimg = document.getElementById('layoutimg');
var oldimg = layoutimg.firstChild;
if (oldimg) {
	layoutimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
layoutimg.appendChild(newimg);
}

function SelectMedallion(x,y,z){
var medalliontitle = document.getElementById('medalliontxt');
var title = medalliontitle.firstChild;
medalliontitle.removeChild(title);

var newname = document.createElement('p');
newname.setAttribute('title', y);
var medalliontit = newname.getAttribute('title');
var text = document.createTextNode(medalliontit);
newname.appendChild(text);
medalliontitle.appendChild(newname);

var medallionimg = document.getElementById('medallionimg');
var oldimg = medallionimg.firstChild;
if (oldimg) {
	medallionimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
medallionimg.appendChild(newimg);

var medallioninput = document.getElementById('id_medallion');
medallioninput.setAttribute('value', z)

$('#medallion_type_list').hide('slow');
}

function GetMedallion(x){
var medalliontitle = document.getElementById('medalliontxt');
var title = medalliontitle.firstChild;
medalliontitle.removeChild(title);

var sel_medallion = document.getElementById('medallion'+x)
var y = sel_medallion.getAttribute('title')
var x = sel_medallion.getAttribute('src')

var newname = document.createElement('p');
newname.setAttribute('title', y);
var medalliontit = newname.getAttribute('title');
var text = document.createTextNode(y);
newname.appendChild(text);
medalliontitle.appendChild(newname);

var medallionimg = document.getElementById('medallionimg');
var oldimg = medallionimg.firstChild;
if (oldimg) {
	medallionimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
medallionimg.appendChild(newimg);
}

function SelectFinish(x,y,z){
var finishtitle = document.getElementById('finishtxt');
var title = finishtitle.firstChild;
finishtitle.removeChild(title);

var newname = document.createElement('p');
newname.setAttribute('title', y);
var finishtit = newname.getAttribute('title');
var text = document.createTextNode(finishtit);
newname.appendChild(text);
finishtitle.appendChild(newname);

var finishimg = document.getElementById('finishimg');
var oldimg = finishimg.firstChild;
if (oldimg) {
	finishimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
finishimg.appendChild(newimg);

var finishinput = document.getElementById('id_finish');
finishinput.setAttribute('value', z)

$('#finish_type_list').hide('slow');
}

function GetFinish(x){
var finishtitle = document.getElementById('finishtxt');
var title = finishtitle.firstChild;
finishtitle.removeChild(title);

var sel_finish = document.getElementById('finish'+x)
var y = sel_finish.getAttribute('title')
var x = sel_finish.getAttribute('src')

var newname = document.createElement('p');
newname.setAttribute('title', y);
var finishtit = newname.getAttribute('title');
var text = document.createTextNode(y);
newname.appendChild(text);
finishtitle.appendChild(newname);

var finishimg = document.getElementById('finishimg');
var oldimg = finishimg.firstChild;
if (oldimg) {
	finishimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
finishimg.appendChild(newimg);
}

function SelectFinish2(x,y,z){
var finishtitle = document.getElementById('finishtxt2');
var title = finishtitle.firstChild;
finishtitle.removeChild(title);

var newname = document.createElement('p');
newname.setAttribute('title', y);
var finishtit = newname.getAttribute('title');
var text = document.createTextNode(finishtit);
newname.appendChild(text);
finishtitle.appendChild(newname);

var finishimg = document.getElementById('finishimg2');
var oldimg = finishimg.firstChild;
if (oldimg) {
	finishimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
finishimg.appendChild(newimg);

var finishinput = document.getElementById('id_finish');
finishinput.setAttribute('value', z)

$('#finish_type_list2').hide('slow');
}

function GetFinish2(x){
var finishtitle = document.getElementById('finishtxt2');
var title = finishtitle.firstChild;
finishtitle.removeChild(title);

var sel_finish = document.getElementById('finish'+x)
var y = sel_finish.getAttribute('title')
var x = sel_finish.getAttribute('src')

var newname = document.createElement('p');
newname.setAttribute('title', y);
var finishtit = newname.getAttribute('title');
var text = document.createTextNode(y);
newname.appendChild(text);
finishtitle.appendChild(newname);

var finishimg = document.getElementById('finishimg2');
var oldimg = finishimg.firstChild;
if (oldimg) {
	finishimg.removeChild(oldimg);
}
var newimg = document.createElement('img');
newimg.setAttribute('src', x);
finishimg.appendChild(newimg);
}

function AddArea(){
var areacount = document.getElementById('id_form-TOTAL_FORMS');
var num = areacount.getAttribute('value');
var count = parseInt(num);
var area1 = document.getElementById('area1');
var tmp = area1.nextSibling;
var newarea = document.createElement('li');

//if(count > 1){
//	var lastarea = document.getElementById(count-1);
//	lastarea.removeAttribute('href');
//	lastarea.setAttribute('class', 'nada');
//	lastarea.setAttribute('onClick', '');
//}

area1.appendChild(newarea);
var a = document.createElement('a');
a.setAttribute('href', '' );
a.setAttribute('id', count );
a.setAttribute('onClick', 'RemoveArea(this.id); return false;');
var atxt = document.createTextNode("\u00a0");
a.appendChild(atxt);
newarea.appendChild(a);

var area_input = document.createElement('input');
area_input.setAttribute('id', 'id_form-'+count+'-area_name')
area_input.setAttribute('class', 'area')
area_input.setAttribute('value', 'Area#'+count)
area_input.setAttribute('name', 'form-'+count+'-area_name')
newarea.appendChild(area_input);

var length_input = document.createElement('input');
length_input.setAttribute('id', 'id_form-'+count+'-length')
length_input.setAttribute('name', 'form-'+count+'-length')
length_input.setAttribute('class', 'length')
newarea.appendChild(length_input);

var spanft = document.createElement('span');
spanft.appendChild(document.createTextNode('ft.'));
spanft.setAttribute('class', 'ft')
newarea.appendChild(spanft);

var spanby = document.createElement('span');
spanby.appendChild(document.createTextNode('by'));
spanby.setAttribute('class', 'by')
newarea.appendChild(spanby);

var width_input = document.createElement('input');
width_input.setAttribute('id', 'id_form-'+count+'-width')
width_input.setAttribute('class', 'width')
width_input.setAttribute('name', 'form-'+count+'-width')
newarea.appendChild(width_input);

var spanft2 = document.createElement('span');
spanft2.appendChild(document.createTextNode('ft.'));
spanft2.setAttribute('class', 'ft')
newarea.appendChild(spanft2);

count = count + 1;

var areacount = document.getElementById('id_form-TOTAL_FORMS');
areacount.setAttribute('value', count);
}

// <li><a href="" title="Remove" id="area2" onClick="RemoveArea(this.id); return false;" >&nbsp;</a><span>Area #2</span><input><span class="ft">ft.</span> <span class="by">by</span> <input><span class="ft">ft.</span></li>

function RemoveArea(x){
var areacount = document.getElementById('id_form-TOTAL_FORMS');
var num = areacount.getAttribute('value');
var count = parseInt(num);
var area = document.getElementById(x);
var areaparent = area.parentNode;
areaparent.parentNode.removeChild(areaparent);
count = count - 1;

var areacount = document.getElementById('id_form-TOTAL_FORMS');
areacount.setAttribute('value', count);

if(count >= 2){
	var prevarea = document.getElementById(count-1);
	prevarea.setAttribute('href', '');
	prevarea.removeAttribute('class');
	prevarea.setAttribute('onClick', 'RemoveArea(this.id); return false;');
}
}