//print out all the different types of talent trees
var i = 0;
document.write("<table border = 0 cellpadding = 0 cellspacing = 0 valign=top align=center height=600 width=880 ><tr><td colspan=2>");
document.write("<table width=100% bgcolor='#0F2226'><tr><td><table align=left><td valign=top><a href='javascript:ShowDiv(0)' ><img id='GEN' src=images/tab_munitionstrader_act.gif border=0></a></td><td><a href='javascript:ShowDiv(1)'><img  id='PATH' src=images/tab_general_inact.gif border=0></a></td><td><a href='javascript:ShowDiv(2)'><img  id='BEAST' src=images/tab_beastmastery_inact.gif border=0></a></td></tr></table></td></tr></table>");
document.write("<table border = 0 cellpadding = 0 cellspacing = 0 ><tr><td height=600 width=569 valign=top>");

//finally we get to arrange and print out all the info
for (var printTreeID = 0; printTreeID < numberOfTrees; printTreeID++) {
	var tier = 0;
	var treeID;		

	treeID = tree[printTreeID];	

	var treeName = nltree[printTreeID];
	treeName = treeName.toLowerCase();
	treeName = treeName.replace(" ", "");	
	
	//box top
	document.write("<div id = '"+ treeID +"T'>");
	if(printTreeID==0)
  	document.write("<table border = 0 cellpadding = 0 cellspacing = 0 background = images/bgs/ui_experiencetree_bg_le.jpg height=602 width=569><tr><td></td><td  align=center>");	
	else if(printTreeID==1)
	document.write("<table border = 0 cellpadding = 0 cellspacing = 0 background = images/bgs/ui_experiencetree_bg_bo.jpg height=602 width=569><tr><td></td><td  align=center>");	
	else
	document.write("<table border = 0 cellpadding = 0 cellspacing = 0 background = images/bgs/ui_experiencetree_bg_be.jpg height=602 width=569><tr><td></td><td  align=center>");	
	
	 document.write("<div id = '"+ treeID +"Tree'>");

	var vertical = 5;
	var verticalCounter;
	var horizontal = 7;			
	var horizontalCounter;	

	//begin while loop
	while (talent[i] && talent[i][0] == printTreeID &&  i != (talent.length - 1)){
	
		//if (talent[i][0] == printTreeID)
		//{	
			
			document.write("<table border=0 cellspacing=0 cellpadding=0 height=479 width=560><tr><td style=padding-left:10;padding-right:10 align = 'center' valign=top><table  border=0 cellpadding = 0 cellspacing = 0 width=100% height=90%>");
			
			for (verticalCounter = 1; verticalCounter <= vertical; verticalCounter++)
			{
				document.write("<tr>");
				for (horizontalCounter = 1; horizontalCounter <= horizontal; horizontalCounter++)
				{
					document.write("<td>");
					if (talent[i] && talent[i][3] == horizontalCounter && talent[i][4] == verticalCounter)
					{

						var imageName;
						var imageName1=new Array();
						talentName = talent[i][1];
						imageName = nltalent[i][0]
						imageName = imageName.toLowerCase();
						imageName = imageName.replace(":", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName = imageName.replace(" ", "");
						imageName1=imageName.split("|");
						imageName=imageName1[0];
					
						//rank
						
						if (rankTop[i][0]!=0)
					  {
						
						if (rankTop[i][0] == talent[i][2])						
							document.write("<div id = wrapper99><div id = \"rankTopStyle\" style='top:18px;left:20px'><table border=0 ><tr><td nowrap  id=yellowRank"+ i +" ><div><img src= images/yellow.gif></div><div style='position:absolute;top:2px;left:5px'><span id=modifyRankTopColor"+ i +" style=color:ffd100 class=mySmall><b><span id=modifyRankTop"+ i +" style=color:000000 class=mySmall>"+ rankTop[i][0] +"</span></b></span>       </div></td></tr></table></div></div>");
						else
							document.write("<div id = wrapper99><div id = \"rankTopStyle\" style='top:18px;left:20px'><table border=0 ><tr><td nowrap  id=yellowRank"+ i +" ><div><img src= images/yellow.gif></div><div style='position:absolute;top:2px;left:5px' ><span id=modifyRankTopColor"+ i +" style=color:ffffff class=mySmall><b><span id=modifyRankTop"+ i +" style=color:000000 class=mySmall>"+ rankTop[i][0] +"</span></b></span>       </div></td></tr></table></div></div>");
					  }
						 else
					 { 
					     document.write("<div id = wrapper99><div id = \"rankTopStyle\" style='top:18px;left:20px'><table ><tr><td nowrap  id=yellowRank"+ i +" ><div style='position:absolute;top:2px;left:5px' ><span id=modifyRankTopColor"+ i +" style=color:ffffff class=mySmall><b><span id=modifyRankTop"+ i +" style=color:000000 class=mySmall></span></b></span></div></td></tr></table></div></div>");
					 }
						//description
						document.write("<div id = 'talentMouseOver"+ i +"' style=visibility:hidden;><div id = wrapper >");
						  

						tierTalent = talent[i][4];
						
						/*if (printTreeID != 2 && tierTalent != vertical) {
							document.write("<div id = \"descriptionTopStyle\">");
						} else if (printTreeID == 2 && tierTalent != vertical)  {
							document.write("<div id = \"descriptionTopStyleThird\">");
						} else if (printTreeID != 2 && tierTalent == vertical) {
							document.write("<div id = \"descriptionTopStyleBottom\">");
						} else {
							document.write("<div id = \"descriptionTopStyleThirdBottom\">");
						}*/
						
						//Alternative methode for above code block
						if(tierTalent != vertical)
						{
						 document.write("<div id = \"descriptionTopStyle\">");
						}
						else
						{
						 document.write("<div id = \"descriptionTopStyleBottom\">");
						}
						
							
						document.write("<table border = 0 cellpadding = 0 cellspacing = 0><tr><td></td><td bgcolor=22363C height = 1></td><td></td></tr><tr><td bgcolor=22363C width = 1></td><td><table width=350 border=1 cellspacing=0 cellpadding=5 bordercolor=gray><tr><td style=\"filter: alpha(opacity=90);\" bgcolor=22363C><span style=color:white;font-weight:bold;>"+ talent[i][1] +"</span>");
						document.write("<span style=color:white>(<span id=modifyRankTopDescription"+ i +">"+ rankTop[i][0] + "</span>/"+ talent[i][2] +")</span>");

						if (talent[i][5])	//if the talent requires other talents
						{
							requirement = talent[i][5][0];
							requirementPoints = talent[i][5][1];
							requirementName = talent[requirement][1];
						
							document.write("<span id='requiresTalent"+ i +"' style=color:red class=mySmall></span>");			
						}
			
						if (talent[i][4] != 1)	//if the talent requires other talents
						{ 
							document.write("<span id='requiresPoints"+ i +"' style=color:red class=mySmall></span>");
						}

						document.write("<p><span id = 'modifyDescriptionTop"+ i +"' style=color:FFFFFF>"+ rankTop[i][1] +"</span></span>");
						
						//description next
						document.write("<br>");

						document.write("</span></td></tr></table></td><td bgcolor=22363C width=1></td></tr><tr><td></td><td bgcolor = 22363C height = 2></td><td></td></tr></table></div></div></div>");

						if (is_ie4up)
						 	document.write("<div style = 'z-index: 99999; position: absolute;'><div style = 'top: -2px; left: -2px; position: relative;'><img src=images/munitionstrader/pixel.gif  width = 50 height = 50  onDblClick='rankTopOnClick("+ i +");' onClick='rankTopOnClick("+ i +");' onMouseOver='unhideTalent("+ i +");' onMouseOut='hideTalent("+ i +");' onContextMenu='rankTopOnRightClick("+ i +"); return false;'></div></div>");						
						//else if (is_opera7up)
						//      	document.write("<div style = 'z-index: 99999; position: absolute;'><div style = 'top: -2px; left: -2px; position: relative;'><img src=images/munitionstrader/pixel.gif  width = 50 height = 50  onDblClick='rankTopOnClick("+ i +");' onClick='rankTopOnClick("+ i +");' onMouseOver='unhideTalent("+ i +");' onMouseOut='hideTalent("+ i +");' onmousedown='rankTopOnRightClick("+ i +"); return false;'></div></div>");						
						else
					     	document.write("<div style = 'z-index: 99999; position: absolute;'><div style = 'top: -2px; left: -2px; position: relative;'><img src=images/munitionstrader/pixel.gif width = 50 height = 50 border=0 onClick='rankTopOnClick("+ i +");' onMouseOver='unhideTalent("+ i +");' onMouseOut='hideTalent("+ i +");' onContextMenu='rankTopOnRightClick("+ i +"); return false;'></div></div>");						
					
						
						document.write("<div style = 'z-index: 50; position: absolute;'><div style = 'top: -2px; left: -2px; position: relative;'><img src=images/munitionstrader/frm_inactive.gif border=0 height=47 width=47></div></div>");
						document.write("<div style = 'z-index: 0; position: absolute;' name=grred id=GrRdI"+ i +" ></div>");

                         
						if (rankTop[i][0] > 1)
							document.write("<div id = 'iconOverGreen"+ i +"' style = 'position: relative; z-index:50;'><div id = iconOver><img src=images/munitionstrader/frm_active.gif border=0 height=47 width=47></div></div>");
						else
							document.write("<div id = 'iconOverGreen"+ i +"' style = 'visibility:hidden; position: relative; z-index:50;'><div id = iconOver><img src=images/munitionstrader/frm_active.gif border=0 height=47 width=47></div></div>");													
						if (rankTop[i][0] == talent[i][2])
							document.write("<div id = 'iconOverYellow"+ i +"' style = 'position: relative; z-index:50;'><div id = iconOver><img src=images/munitionstrader/frm_active.gif border=0 height=47 width=47 ></div></div>");
						else 
							document.write("<div id = 'iconOverYellow"+ i +"' style = 'visibility:hidden; position: relative; z-index:50;'><div id = iconOver><img src=images/munitionstrader/frm_active.gif border=0 height=47 width=47></div></div>");
							document.write("<div style = 'z-index: 0; position: absolute;' id=GrRdA"+ i +" ></div>");
						//document.write("<div id = 'bdr"+ i +"' style = 'visibility:visible; position: relative; z-index:50;'><div id = dbrover><img src=images/bdr-red.gif border = 0 height=47 width=47></div></div>");
						//document.write("<div id = 'gdr"+ i +"' style = 'visibility:visible; position: relative; z-index:50;'><div id = gdrover><img src=images/bdr-green.gif border = 0 height=47 width=47></div></div>");


						if (rankTop[i][0] == 0)
						{
							
							//alert ("img src = images/"+ treeName +"/"+ imageName +".jpg");
							document.write("<div id = 'talentThumb"+ i +"' style = 'visibility:hidden; position: relative'><div id = wrapper49><img src = images/"+ treeName +"/"+ imageName +".jpg width = 43 height = 45 border = 0></div></div>");
						}
						else
						{
						
							document.write("<div id = 'talentThumb"+ i +"' style = 'position: relative'><div id = wrapper49><img src = images/"+ treeName +"/"+ imageName +".jpg width = 43 height = 45 border = 0></div></div>");						
						}
						
						
   					
						if (talent[i][5]) {
									
							thisTalentX = talent[i][3];		
							thisTalentY = talent[i][4];

							requiredTalentX = talent[requirement][3];
							requiredTalentY = talent[requirement][4];

							if (thisTalentX == requiredTalentX) {  //up and down
							
								if ((thisTalentY - 1) == requiredTalentY) {
									document.write("<div id=wrapper50><div id=arrowdown1 style='top:-42px;left:18px'><img src=images/arrows/down-1-green.gif></div></div>");
									document.write("<span id='arrowGreen"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowdown1 style='top:-42px;left:18px'><img src=images/arrows/down-1-green.gif></div></div></span>");
									document.write("<span id='arrowYellow"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowdown1 style='top:-42px;left:18px'><img src=images/arrows/down-1-green.gif></div></div></span>");
								} else if ((thisTalentY - 2) == requiredTalentY) {
									document.write("<div id=wrapper50><div id=arrowdown2 style='top:-128px;left:18px'><img src=images/arrows/down-2-green.gif></div></div>");
									document.write("<div id=wrapper50><div id=arrowdown2 style = 'visibility:hidden;top:-128px;left:18px'><span id='arrowGreen"+ i +"'><img src=images/arrows/down-2-green.gif></span></div></div>");
									document.write("<div id=wrapper50><div id=arrowdown2 style = 'visibility:hidden;top:-128px;left:18px'><span id='arrowYellow"+ i +"'><img src=images/arrows/down-2-green.gif></span></div></div>");
								} else if ((thisTalentY - 3) == requiredTalentY) {
									document.write("<div id=wrapper50><div id=arrowdown3 style='left:18px;top: -213px'><img src=images/arrows/down-3-green.gif></div></div>");
									document.write("<div id=wrapper50><div id=arrowdown3 style='left:18px;top: -213px'><span id='arrowGreen"+ i +"' style = 'visibility:hidden;'><img src=images/arrows/down-3-green.gif></span></div></div>");
									document.write("<span id='arrowYellow"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowdown3 style='left:18px;top: -213px'><img src=images/arrows/down-3-green.gif></div></div></span>");
								}
							}else if (thisTalentY == requiredTalentY) {
								//across
								if (requiredTalentX == (thisTalentX - 1) && treeID!="beastmastery") {
								    
									document.write("<div id=wrapper50><div id=arrowacrossright style='left:-60px;top:20px'><img src=images/arrows/across-right-green.gif></div></div>");
									document.write("<span id='arrowGreen"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowacrossright style='left:-60px;top:20px'><img src=images/arrows/across-right-green.gif></div></div></span>");
									document.write("<span id='arrowYellow"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowacrossright style='left:-60px;top:20px'><img src=images/arrows/across-right-green.gif></div></div></span>");
								}
								if (requiredTalentX == (thisTalentX - 1) && treeID == "beastmastery") {
								    document.write("<div id=wrapper50><div id=arrowacrossright style='left:-32px;top:20px'><img src=images/arrows/across_right_1.gif></div></div>");
									document.write("<span id='arrowGreen"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowacrossright style='left:-32px;top:20px'><img src=images/arrows/across_right_1.gif></div></div></span>");
									document.write("<span id='arrowYellow"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowacrossright style='left:-32px;top:20px'><img src=images/arrows/across_right_1.gif></div></div></span>");
								}
								if ((requiredTalentX) == (thisTalentX+1) && treeID == "beastmastery") {
								    document.write("<div id=wrapper50><div id=arrowacrossright style='left:45px;top:20px'><img src=images/arrows/across_left_1.gif></div></div>");
									document.write("<span id='arrowGreen"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowacrossright style='left:45px;top:20px'><img src=images/arrows/across_left_1.gif></div></div></span>");
									document.write("<span id='arrowYellow"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowacrossright style='left:45px;top:20px'><img src=images/arrows/across_left_1.gif></div></div></span>");
								}
								if ((requiredTalentX == (thisTalentX - 2)) && (treeID!="beastmastery")) {
									document.write("<div id=wrapper50><div id=arrowacrossright style='left:-70px;top:20px'><img src=images/arrows/across-right-green1.gif></div></div>");
									document.write("<span id='arrowGreen"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowacrossright style='left:-70px;top:20px'><img src=images/arrows/across-right-green1.gif></div></div></span>");
									document.write("<span id='arrowYellow"+ i +"' style = 'visibility:hidden;'><div id=wrapper50><div id=arrowacrossright style='left:-70px;top:20px'><img src=images/arrows/across-right-green1.gif></div></div></span>");
								}
								 
							} else if (thisTalentX == (requiredTalentX-1)){
								
								document.write("<div id=wrapper50><div id=arrowdownleft style='top:-155px;left:18px'><img src=images/arrows/down-left-green.gif></div></div>");								
								document.write("<span id='arrowGreen"+ i +"' style = 'visibility:hidden'><div id=wrapper50><div id=arrowdownleft style='top:-155px;left:18px'><img src=images/arrows/down-left-green.gif></div></div></span>");
								document.write("<span id='arrowYellow"+ i +"' style = 'visibility:hidden'><div id=wrapper50><div id=arrowdownleft style='top:-155px;left:18px'><img src=images/arrows/down-left-green.gif></div></div></span>");
							} else if ((thisTalentX-1) == requiredTalentX) {
								document.write("<div id=wrapper50><div id=arrowdownright style='top:-70px;left:-35px'><img src=images/arrows/down-right-green.gif></div></div>");
								document.write("<span id='arrowGreen"+ i +"' style = 'visibility:hidden'><div id=wrapper50><div id=arrowdownright style='top:-70px;left:-35px'><img src=images/arrows/down-right-green.gif></div></div></span>");
								document.write("<span id='arrowYellow"+ i +"' style = 'visibility:hidden'><div id=wrapper50><div id=arrowdownright style='top:-70px;left:-35px'><img src=images/arrows/down-right-green.gif></div></div></span>");								
							}
							
							if (query) {
								if (saveTemplate[i] == talent[i][2])
									document.getElementById("arrowYellow"+ i).style.visibility = "visible";
							}
							
						}

                           
						  
							document.write("<img src = images/"+ treeName +"/"+ imageName +"-off.jpg width = 43 height = 45 border = 0>");
							 if (nltalent[i][7]==1 )
							 {
								document.getElementById("talentThumb"+ i).style.visibility = "visible";
								document.getElementById('iconOverGreen'+ i).style.visibility = "visible";
							 }
						i++;
					}
					else
						document.write("&nbsp;");
					document.write("</td>");						
				}
				document.write("</tr>");
			}

			document.write("</table></td></tr></table>");
			document.write("</div>");	
			
			
	}		

	
	//box bottom
	document.write("</td><td></td></tr>");
	document.write("<tr><td></td>");
	
	document.write("<td width=100%><div id=xyz style = 'visibility:hidden'> <table border=0 cellpadding=0 cellspacing=0 width=100%><tr><td></td><td width=100% nowrap><span style = 'color: ffe400; font-weight: bold; font-size: 11pt;'>&nbsp;"+ tree[printTreeID] +"</span><span style = 'color:ffffff'>: <span id='"+tree[printTreeID]+"tabPoints'>"+ pointsTree[printTreeID] +"</span> <span id='"+tree[printTreeID]+"tabPointsText'>"+ textPoints +"</span></span></nobr></td><td><div style = 'position: relative; left: 3;'><a href =#none onclick = 'resetTree("+ printTreeID +")'></a></div></td><td></td></tr></table></div></td>");
	
	document.write("</table>");	
	document.write("</div>");			
}
//end for loop



document.write("</td>")

document.write("<td valign=top>");

document.write("<table border = 0 cellpadding = 0 cellspacing = 0 background = images/bgs/ui_experiencetree_bg_ri.jpg height=602 width=311><tr><td valign=top ><table cellspacing=2 cellpadding=4 border=0 width='100%' height='100%' valign=top><tr><td style='height:29%' valign=top align=left><div id=step1 >  </div></td></tr><tr><td style='height:41%' valign=top align=left><div id=step2>  </div></td></tr><tr><td style='height:20%' valign=bottom align=left><div id=step3>  </div></td></tr></table>");  



document.write("</td></tr></table>");

document.write("</td></tr></table></td></tr></table>");


document.write ("<table border=0 align=center><tr><td align=center><span style = 'color:000000;'><span style = 'font-weight: bold;'>" + textToSave +"</span></span></td></tr>");

document.write("<tr><td><a  id=linkUrl  class=reportlinks href='#' target=_blank>"+ theURLtoCopy +"<span id = copyURL ></span></a></td></tr></table>");
changeCopyURL();
document.getElementById(tree[0] +"T").style.display="block";
document.getElementById(tree[1] +"T").style.display="none";
document.getElementById(tree[2] +"T").style.display="none";

document.getElementById("PATH").style.cursor="pointer";
document.getElementById("GEN").style.cursor="default";
document.getElementById("BEAST").style.cursor="pointer";

function ShowDiv(x)
{

 if (x==0 )
 {
document.getElementById(tree[0] +"T").style.display="block";
document.getElementById(tree[1] +"T").style.display="none";
document.getElementById(tree[2] +"T").style.display="none";
document.getElementById("BEAST").src="images/tab_beastmastery_inact.gif";
document.getElementById("PATH").src="images/tab_general_inact.gif";
document.getElementById("GEN").src="images/tab_munitionstrader_act.gif";
document.getElementById("GEN").style.cursor="default";
document.getElementById("PATH").style.cursor="pointer";
document.getElementById("BEAST").style.cursor="pointer";

document.getElementById("step1").innerHTML="";
document.getElementById("step2").innerHTML="";
document.getElementById("step3").innerHTML="";
 ShowStatic();
 }
 else if (x == 1)
  {
document.getElementById(tree[1] +"T").style.display="block";
document.getElementById(tree[0] +"T").style.display="none";
document.getElementById(tree[2] +"T").style.display="none";
document.getElementById("BEAST").src="images/tab_beastmastery_inact.gif";
document.getElementById("PATH").src="images/tab_general_act.gif";
document.getElementById("GEN").src="images/tab_munitionstrader_inact.gif";
document.getElementById("PATH").style.cursor="default";
document.getElementById("GEN").style.cursor="pointer";
document.getElementById("BEAST").style.cursor="pointer";

document.getElementById("step1").innerHTML="";
document.getElementById("step2").innerHTML="";
document.getElementById("step3").innerHTML="";
ShowStatic();
}
else
{
document.getElementById(tree[1] +"T").style.display="none";
document.getElementById(tree[0] +"T").style.display="none";
document.getElementById(tree[2] +"T").style.display="block";
document.getElementById("BEAST").src="images/tab_beastmastery_act.gif";
document.getElementById("PATH").src="images/tab_general_inact.gif";
document.getElementById("GEN").src="images/tab_munitionstrader_inact.gif";
document.getElementById("PATH").style.cursor="pointer";
document.getElementById("GEN").style.cursor="pointer";
document.getElementById("BEAST").style.cursor="default";

document.getElementById("step1").innerHTML="";
document.getElementById("step2").innerHTML="";
document.getElementById("step3").innerHTML="";
ShowStatic();
}

 if ((rankPointsMax - rankPoints)==0)
  ShowStatic()
}

ShowStatic()

canTurnGreen(0, 1, 1);
canTurnGreen(0, 2, 1);
canTurnGreen(0, 2, 1);