// JavaScript Document

document.write('<input  value="0" id="i1" class="dno" />');
document.write('<input  value="0" id="i2" class="dno" />');
document.write('<input  value="0" id="i3" class="dno" />');
document.write('<input  value="0" id="i4" class="dno" />');
document.write('<input  value="0" id="i5" class="dno" />');
document.write('<input  value="0" id="i6" class="dno" />');
document.write('<input  value="0" id="i7" class="dno" />');
document.write('<input  value="0" id="i8" class="dno" />');

function alltree() {
	var id1 = document.getElementById("i1")
	var id2 = document.getElementById("i2")
	var id3 = document.getElementById("i3")
	var id4 = document.getElementById("i4")
	var id5 = document.getElementById("i5")
	var id6 = document.getElementById("i6")
	var id7 = document.getElementById("i7")
	var id8 = document.getElementById("i8")

	var id1u = document.getElementById("u1")
	var id2u = document.getElementById("u2")
	var id3u = document.getElementById("u3")
	var id4u = document.getElementById("u4")
	var id5u = document.getElementById("u5")
	var id6u = document.getElementById("u6")
	var id7u = document.getElementById("u7")
	var id8u = document.getElementById("u8")
		
	var id1m = document.getElementById("m1")
	var id2m = document.getElementById("m2")
	var id3m = document.getElementById("m3")
	var id4m = document.getElementById("m4")
	var id5m = document.getElementById("m5")
	var id6m = document.getElementById("m6")
	var id7m = document.getElementById("m7")
	var id8m = document.getElementById("m8")

		if(id1.value ==1){
		id1m.className = "tree_ture";
		id1u.className = "main_m1";
		id1.value = "0";
		} else {
		id1m.className = "tree_none";
		id1u.className = "main_m";
		id1.value = "1";
		}
		if(id2.value ==1){
		id2m.className = "tree_ture";
		id2u.className = "main_m1";
		id2.value = "0";
		} else {
		id2m.className = "tree_none";
		id2u.className = "main_m";
		id2.value = "1";
		}
		if(id3.value ==1){
		id3m.className = "tree_ture";
		id3u.className = "main_m1";
		id3.value = "0";
		} else {
		id3m.className = "tree_none";
		id3u.className = "main_m";
		id3.value = "1";
		}
		if(id4.value ==1){
		id4m.className = "tree_ture";
		id4u.className = "main_m1";
		id4.value = "0";
		} else {
		id4m.className = "tree_none";
		id4u.className = "main_m";
		id4.value = "1";
		}
		if(id5.value ==1){
		id5m.className = "tree_ture";
		id5u.className = "main_m1";
		id5.value = "0";
		} else {
		id5m.className = "tree_none";
		id5u.className = "main_m";
		id5.value = "1";
		}
		if(id6.value ==1){
		id6m.className = "tree_ture";
		id6u.className = "main_m1";
		id6.value = "0";
		} else {
		id6m.className = "tree_none";
		id6u.className = "main_m";
		id6.value = "1";
		}
		if(id7.value ==1){
		id7m.className = "tree_ture";
		id7u.className = "main_m1";
		id7.value = "0";	
		} else {
		id7m.className = "tree_none";
		id7u.className = "main_m";
		id7.value = "1";
		}
		if(id8.value ==1){
		id8m.className = "tree_ture";
		id8u.className = "main_m1";
		id8.value = "0";
		} else {
		id8m.className = "tree_none";
		id8u.className = "main_m";
		id8.value = "1";
		}
}

window.load = alltree();

function tree(num) {
	var id1 = document.getElementById("i1")
	var id2 = document.getElementById("i2")
	var id3 = document.getElementById("i3")
	var id4 = document.getElementById("i4")
	var id5 = document.getElementById("i5")
	var id6 = document.getElementById("i6")
	var id7 = document.getElementById("i7")
	var id8 = document.getElementById("i8")

	var id1u = document.getElementById("u1")
	var id2u = document.getElementById("u2")
	var id3u = document.getElementById("u3")
	var id4u = document.getElementById("u4")
	var id5u = document.getElementById("u5")
	var id6u = document.getElementById("u6")
	var id7u = document.getElementById("u7")
	var id8u = document.getElementById("u8")
		
	var id1m = document.getElementById("m1")
	var id2m = document.getElementById("m2")
	var id3m = document.getElementById("m3")
	var id4m = document.getElementById("m4")
	var id5m = document.getElementById("m5")
	var id6m = document.getElementById("m6")
	var id7m = document.getElementById("m7")
	var id8m = document.getElementById("m8")

		
	if (num==1)	{
		if(id1.value ==1){
		id1m.className = "tree_ture";
		id1u.className = "main_m1";
		id1.value = "0";
	
		} else {
		id1m.className = "tree_none";
		id1u.className = "main_m";
		id1.value = "1";
		}
	}
	if (num==2)	{
		if(id2.value ==1){
		id2m.className = "tree_ture";
		id2u.className = "main_m1";
		id2.value = "0";
	
		} else {
		id2m.className = "tree_none";
		id2u.className = "main_m";
		id2.value = "1";
		}
	}
	if (num==3)	{
		if(id3.value ==1){
		id3m.className = "tree_ture";
		id3u.className = "main_m1";
		id3.value = "0";
	
		} else {
		id3m.className = "tree_none";
		id3u.className = "main_m";
		id3.value = "1";
		}
	}
	if (num==4)	{
		if(id4.value ==1){
		id4m.className = "tree_ture";
		id4u.className = "main_m1";
		id4.value = "0";
	
		} else {
		id4m.className = "tree_none";
		id4u.className = "main_m";
		id4.value = "1";
		}
	}
	if (num==5)	{
		if(id5.value ==1){
		id5m.className = "tree_ture";
		id5u.className = "main_m1";
		id5.value = "0";
	
		} else {
		id5m.className = "tree_none";
		id5u.className = "main_m";
		id5.value = "1";
		}
	}
	if (num==6)	{
		if(id6.value ==1){
		id6m.className = "tree_ture";
		id6u.className = "main_m1";
		id6.value = "0";
	
		} else {
		id6m.className = "tree_none";
		id6u.className = "main_m";
		id6.value = "1";
		}
	}
	if (num==7)	{
		if(id7.value ==1){
		id7m.className = "tree_ture";
		id7u.className = "main_m1";
		id7.value = "0";
	
		} else {
		id7m.className = "tree_none";
		id7u.className = "main_m";
		id7.value = "1";
		}
	}
	if (num==8)	{
		if(id8.value ==1){
		id8m.className = "tree_ture";
		id8u.className = "main_m1";
		id8.value = "0";
	
		} else {
		id8m.className = "tree_none";
		id8u.className = "main_m";
		id8.value = "1";
		}
	}
}