function loadgameintoclass(gameid, divtoput) {
	get_method_execute("/backend/gamedump.csv.php", "game=" + gameid);
	}

var mygame = new Array();
var mytempgamevar = new mygamevariables();
var parentlevel = 0;
var selectednode = 0;
var treemouse = false;
var previousmenuid = 0;
function mygamevariables() {
	var varname, info, editable, priority, vartype, minlength, maxlength, title, parent, data, varid, varformat, divid;
	var expandstatus = true;
	var selectstatus = false;
	var children = new Array();
	}
	

function createtree(divtoput, gametodo) {
	var counter;
	var haveifound;
	var textree = "";
	var temps;
	var mylength=0;
	textree = buildnewtree();
	textree = '<div class="links"><div class="title">the game structure</div><font style="color:black;">' + textree + '</font></div>';
	document.getElementById('content_right').innerHTML = textree;	
	var textbody = '<div class="date">Variable and Script editor</div>';
	document.getElementById('content_left').innerHTML = textbody;	
	}


function buildnewtree() {
	var mystring = "";
	var mycurrentlevel = 0;
	var mylevelarray = new Array();
	var foundparent = false;
	var amiparent = false;
	var nameidtouse = "";
	mylevelarray[mylevelarray.length] = mygame[0].varid;
	mygame[0].selectedstatus = true;
	mystring += "<table border=1 cellpadding=0 cellspacing=0 align='center' valign='top' width=100% height=100%><tr><td width=100% height=100%>";
	mystring += "<div onclick='processtreeclick(event, 0);' style='z-index:2000;background:#DDD;padding:0;spacing:0;valign:middle;position:relative;width:215;height:15;' id='server' name='server'>";
	mystring += "<img onclick='expandcollapse(\"server\")' src='./img/tree/minus.png' width=15 height=15 name='serverexpandcollapse' id='serverexpandcollapse'>&nbsp;";
	mystring += "<img src='./img/tree/folder.png' width=15 height=15>&nbsp;";
	mystring += mygame[0].varname;
	mystring += "<BR></div>";
	mygame[0].divid = "server";

	var tempfind;
	var mytempstring;
	for(var y = 1; y < mygame.length; y++) {
		mytempstring="";
		nameidtouse = "server";
		mystring += "<div onclick='processtreeclick(event, " + y + ");' style='z-index:2000;padding:0;valign:middle;position:relative;width:215;height:13;' ";
		foundparent = false;
		mycurrentlevel=0;
		tempfind = mygame[y].parent;
		mytempstring += "<img src='./img/tree/filler.png' width=20 height=20>";
		while (tempfind > 1) {
			foundparent = false;
			for (var z = 0; z < y;z++) {
				if (mygame[z].varid == tempfind && foundparent == false) {
					mycurrentlevel++;
					tempfind = mygame[z].parent;
					mytempstring += "<img src='./img/tree/filler.png' width=20 height=20>";
					nameidtouse=mygame[z].varname+"|"+nameidtouse;
					}
				}
			}
		nameidtouse=mygame[y].varname+"|"+nameidtouse;
		var tempsplit = nameidtouse.split("|");
		tempsplit.reverse();
		nameidtouse=tempsplit.join("|");
		mygame[y].divid = nameidtouse;
		mystring += " id='" + nameidtouse + "' name='" + nameidtouse + "'>" + mytempstring;
		amiparent = false;
		if (y+1 < mygame.length) {
			if (mygame[y+1].parent == mygame[y].varid) {
				amiparent = true;
				}
			}

		if (amiparent == true) {
			mystring += "<img name='" + nameidtouse + "expandcollapse' id='" + nameidtouse + "expandcollapse' onclick='expandcollapse(\"" + nameidtouse + "\")' src='./img/tree/minus.png' width=15 height=15>&nbsp;";
			if (mygame[y].varformat == "class") {
				mystring += "<img src='./img/tree/folder.png' width=15 height=15>&nbsp;";
				} else if (mygame[y].varformat == "prop") {
				mystring += "<img src='./img/tree/var.png' width=15 height=15>&nbsp;";
				} else if (mygame[y].varformat == "script") {
				mystring += "<img src='./img/tree/script.png' width=15 height=15>&nbsp;";
				}
			} else {	
			if (y+1 < mygame.length) {
				if (mygame[y].parent <= mygame[y+1].parent) {
					mystring += "<img src='./img/tree/connector.png' width=15 height=15>";
					} else {
					mystring += "<img src='./img/tree/footer.png' width=15 height=15>";
					}
				}
			if (mygame[y].varformat == "class") {
				mystring += "<img src='./img/tree/folder.png' width=15 height=15>&nbsp;";
				} else if (mygame[y].varformat == "prop") {
				mystring += "<img src='./img/tree/var.png' width=15 height=15>&nbsp;";
				} else if (mygame[y].varformat == "script") {
				mystring += "<img src='./img/tree/script.png' width=15 height=15>&nbsp;";
				}
			}
		mystring += mygame[y].varname;
		mystring += "</div>";
		}
	mystring += "</td></tr></table>";
	return mystring;
	}



function expandcollapse(mydividtodo) {
	var mydiv = document.getElementById(mydividtodo);
	var mystuff = document.getElementById(mydividtodo + "expandcollapse");
	if (mystuff.src.substr(mystuff.src.length-10, 10) == "/minus.png") {
		mystuff.src = "/img/tree/plus.png";
		} else {
		mystuff.src = "/img/tree/minus.png";
		}
	var myvarid = 0;
	for (var x = 0;x < mygame.length;x++) {
		if (mygame[x].divid == mydividtodo) {
			myvarid = x;
			}
		}
	if (mystuff.src.substr(mystuff.src.length-10, 10) == "/minus.png") {
		showchildren(mygame[myvarid].varid);
		mygame[myvarid].expandstatus = true;
		} else {
		hidechildren(mygame[myvarid].varid);
		mygame[myvarid].expandstatus = false;
		}
	}


function hidechildren(myparent) {
	for (var x = 1;x < mygame.length;x++) {
		if (mygame[x].parent == myparent) {
			document.getElementById(mygame[x].divid).style.display = "none";
			hidechildren(mygame[x].varid);
			}
		}
	}


function showchildren(myparent) {
	for (var x = 1;x < mygame.length;x++) {
		if (mygame[x].parent == myparent) {
			document.getElementById(mygame[x].divid).style.display = "block";
			document.getElementById(mygame[x].divid).zindex=2000;

			if (mygame[x].expandstatus == true) {
				showchildren(mygame[x].varid);
				}
			}
		}
	}
	





function processtreeclick(e, thisa) {
	showtreeoptions(thisa, e);
	document.getElementById(mygame[selectednode].divid).style.background="";
	document.getElementById(mygame[selectednode].divid).zindex=200;
	selectednode = thisa;


	document.getElementById(mygame[selectednode].divid).style.background="#DDD";
	document.getElementById("content_left").innerHTML = returnbodyfortree();
	document.getElementById(mygame[selectednode].divid).zindex=200;
	}

function returnbodyfortree() {
	var mystring = "";
	mystring += "<div class='newsitem'><div class='body' align=left valign=top>";
	mystring += "Varname : " + mygame[selectednode].varname + "<BR><BR>" + mygame[selectednode].info;
	mystring += "</div></div>";
	return mystring;
	}


function showtreeoptions(elementid, key) {
        var mytop200;
        var myleft=200;
        if (key) {
                key=window.event;
                if (key.clientY>100) {
                        mytop=key.clientY-key.offsetY-100;
                        myleft=key.clientX-key.offsetX;
                        } else {
                        mytop=key.clientY-key.offsetY+30;
                        myleft=key.clientX-key.offsetX;
                        }
                }
	showmenufortree(elementid, myleft, mytop);
	previousmenuid = elementid;
	}


function showmenufortree(elementid, myleft, mytop) {
	if (document.getElementById("treemenu")) {
		document.getElementById("content_right").removeChild(document.getElementById("treemenu"));
		treemouse=false;
		}
	if (document.getElementById("treemenuiframe")) {
		document.getElementById("content_right").removeChild(document.getElementById("treemenuiframe"));
		treemouse=false;
		}

		var mynewdiv = document.createElement('frame');
		mynewdiv.id = "treemenuiframe";
		mynewdiv.name = "treemenuiframe";
		document.getElementById("content_right").appendChild(mynewdiv);
		mynewdiv.style.position = "absolute";
		mynewdiv.style.visibility  = "visible";
		mynewdiv.style.left = 700;
		mynewdiv.style.top = 0;
		mynewdiv.style.background = "yellow";
		mynewdiv.style.color = "#000";
		mynewdiv.style.width = "177px";
		mynewdiv.style.zindex = 33234;
		mynewdiv.style.height = "157px";

		var mynewdiv2 = document.createElement('div');
		mynewdiv2.id = "treemenu";
		mynewdiv2.name = "treemenu";
		document.getElementById("content_right").appendChild(mynewdiv2);
		mynewdiv2.style.position = "absolute";
		mynewdiv2.style.visibility  = "visible";
		mynewdiv2.style.left = 745;
		mynewdiv2.style.top = 0;
		mynewdiv2.style.background = "yellow";
		mynewdiv2.style.color = "#000";
		mynewdiv2.style.width = "177px";
		mynewdiv2.style.zindex = 34234;
		mynewdiv2.style.height = "157px";

//		setTimeout("removetreemenu(\"" + mygame[elementid].divid + "\")", 2200);
		mynewdiv2.innerHTML = "<table style='z-index:34000' onmouseover='treemouse=true;' onmouseout='treemouse=false;setTimeout(\"removetreemenu(\\\"" + mygame[elementid].divid + "\\\")\", 1000);' class=datewindow style='border:1px solid red;' height=100% width=100% border=1 cellpadding=5 cellspacing=0><tr><Td height=100% width=100% valign=top align=left>" + returnmenufor(elementid) + "</td></tr></table>";
	}

function removetreemenu(divtofrom) {
	if (treemouse==false && divtofrom == mygame[previousmenuid].divid) {
		if (document.getElementById("treemenu")) {
			document.getElementById("content_right").removeChild(document.getElementById("treemenu"));
			}
		if (document.getElementById("treemenuiframe")) {
			document.getElementById("content_right").removeChild(document.getElementById("treemenuiframe"));
			}
		}
	}


function returnmenufor(elementid) {
	var mystring = "";
	mystring += "properties for: " + mygame[elementid].varname + "<BR>";
	mystring += "<input onclick='treemenubuttonclick(\"rename\", \"" + elementid + "\")' type=button name=rename value=rename><BR>";
	mystring += "<input onclick='treemenubuttonclick(\"delete\", \"" + elementid + "\")' type=button name=delete value=delete><BR>";
	mystring += "<input onclick='treemenubuttonclick(\"select\", \"" + elementid + "\")' type=button name=select value='select item'><BR>";
	if (mygame[elementid].varformat == "class") {
		mystring += "<input onclick='treemenubuttonclick(\"copystructure\", \"" + elementid + "\")' type=button name=copyclass value='copy structure'><BR>";
		} else {
		mystring += "<input onclick='treemenubuttonclick(\"copyname\", \"" + elementid + "\")' type=button name=copyname value='copy name'><BR>";
		mystring += "<input onclick='treemenubuttonclick(\"copyvalue\", \"" + elementid + "\")' type=button name=copyvalue value='copy value'><BR>";
		}
	if (mygame[elementid].varformat == "class") {
		mystring += "<input onclick='treemenubuttonclick(\"new\", \"" + elementid + "\")' type=button name=new value='new sub item'><BR>";
		}
	return mystring;
	}


function treemenubuttonclick(funct, elementid) {
	var mystring = "";
	if (funct == "copyname") {
		window.clipboardData.setData('Text',mygame[elementid].varname);
		} else if (funct == "copyvalue") {
		if (mygame[elementid].info.length) {
			window.clipboardData.setData('Text',mygame[elementid].info);
			}
		}
	}