
var colorGreen = "1AFF1A";
var colorBlack = "FFD100";
var colorWhite = "FFFFFF";
var colorBlack ="000000";

function saveTheTemplate() {

	var templateString = "";
	for (i = 0; talent[i]; i++) {
		templateString = templateString + rankTop[i][0]
	}

var structuretraderStr;
var generalStr;
var GenBeast;

var structuretraderSumm;
structuretraderStr="d";
generalStr="r";
structuretraderSumm="e";
structuretraderStr="<Table><tr><td align=left><strong>Structure Trader</strong></td></tr>";

    for (gi=0;gi<19;gi++)
	 {
		if(rankTop[gi][0]!=0)
		   structuretraderStr =structuretraderStr + "<tr><td>" + talent[gi][1] +" ("+ rankTop[gi][0] +"/"+ talent[gi][2]+")</td></tr>";
	}
structuretraderStr=structuretraderStr+"</table>";
generalStr="<Table><tr><td align=left><strong>General</strong></td></tr>";


    for (gi=19;gi<32;gi++)
	 {
		if(rankTop[gi][0]!=0)
		   generalStr =generalStr + "<tr><td>" + talent[gi][1] +" ("+ rankTop[gi][0] +"/"+ talent[gi][2]+")</td></tr>";
	}
	generalStr=generalStr+"</table>";
	
	GenBeast="<Table><tr><td align=left><strong>Beast Mastery</strong></td></tr>";


    for (gi=32;gi<56;gi++)
	 {
		if(rankTop[gi][0]!=0)
		   GenBeast =GenBeast + "<tr><td>" + talent[gi][1] +" ("+ rankTop[gi][0] +"/"+ talent[gi][2]+")</td></tr>";
	}
	GenBeast = GenBeast+"</table>";

structuretraderSumm ="<TABLE  cellPadding=0 width='30%' border='0' align=center>";
structuretraderSumm =structuretraderSumm + "<TR ><TD align=center><strong>Spent Points</strong></TD><td align=center><strong>"+ (rankPointsMax - rankPoints) +"</strong></td>";
structuretraderSumm =structuretraderSumm + "</TR><TR ><TD align=center><strong>Available Points</strong></TD><TD align=center><strong>"+ rankPoints +"</strong></td></TR>";
structuretraderSumm =structuretraderSumm + "<TR ><TD align=center><strong>Level Required</strong></TD> <TD width=68  align=center><strong>"+ theRequiredLevel +"</strong></td></TR>";
structuretraderSumm =structuretraderSumm + "</TABLE>";


	if (is_ie4up)
    	var w = window.open("","",'width=700,height=600,toolbar=no ,status=no,left=180,top=70,screenX=0,screenY=100,resizable=yes');	
	else
	    var w = window.open("","",'width=700,height=600,toolbar=no ,status=no,left=180,top=70,screenX=0,screenY=100,resizable=yes');	
	
	w.document.write("<html><head>");
	w.document.write("</head><body><table width=100%><tr><td align=right><a href='javascript:window.self.focus();window.self.print();'>Print</a></td></tr></table><table width='100%'  border='1'><tr><td colspan=3 align=center><strong>Trader - Structure </strong></td></tr><tr>");
	w.document.write("<td align=left valign=top width=34%>"+ structuretraderStr  +"</td><td align=left valign=top width=33%>"+ generalStr  +"</td><td align=left valign=top width=33%>"+ GenBeast  +"</td> </tr> <tr><td align=center valign=top colspan=3>"+ structuretraderSumm  +"</td></tr></table></body></html>");
    w.document.close();
	w.focus();

	
}

function resetTree(theTree) {

	if (pointsTree[theTree] == 0)
		return;

	maxTierArray[theTree] = 1;		
	rankPoints += pointsTree[theTree];
	pointsTree[theTree] = 0;
	
	//document.getElementById(tree[theTree]+'PointsTopRight').innerHTML = 0;							

	for (var y = 0; y < tierNum; y++)
		pointsTier[theTree][y] = 0;
	

	var i;
	var iStop;
	if (theTree == 0)
		i = 0;
	else
		i = treeStartStop[theTree-1] + 1;

	iStop = treeStartStop[theTree];			
	
	while (i <= iStop) {	
		rankTop[i][0] = 0;
		rankTop[i][1] = rank[i][0];
		rankTop[i][2] = rank[i][1];

		//document.getElementById("modifyRankTopColor"+ i).style.color = colorBlack;
		//document.getElementById("modifyRankTop"+ i).style.color = colorBlack;

   		document.getElementById('modifyDescriptionTop'+i).innerHTML = rankTop[i][1];
		if (talent[i][5]) {
			document.getElementById("arrowYellow"+ i).style.visibility = "hidden";
			document.getElementById("arrowGreen"+ i).style.visibility = "hidden";
		}

		document.getElementById('modifyRankTopDescription'+i).innerHTML = 0;
		document.getElementById('modifyRankTop'+i).innerHTML = 0;
		document.getElementById('talentThumb'+ i).style.visibility = "hidden";

		document.getElementById('iconOverGreen'+ i).style.visibility = "hidden";
		document.getElementById('iconOverYellow'+ i).style.visibility = "hidden";
		
		if (talent[i][4] == 1 && (!talent[i][5])) {
			//document.getElementById("modifyRankTopColor"+ i).style.color = colorBlack;
			//document.getElementById("modifyRankTop"+ i).style.color = colorBlack;
		}
	if (nltalent[i][7]==1 )
	 {
  	  document.getElementById("talentThumb"+ i).style.visibility = "visible";
	  document.getElementById('iconOverGreen'+ i).style.visibility = "visible";
	 }
	 document.getElementById('yellowRank'+i).innerHTML="";
		i++;
	}
	
    //document.getElementById('levelRequired').innerHTML = rankPointsMax - rankPoints + levelMin - 1;	
	//document.getElementById('modifyRankPoints').innerHTML = rankPointsMax - rankPoints;
	//document.getElementById('tabPointsAvailable').innerHTML = rankPoints;
	//document.getElementById(tree[theTree]+'tabPoints').innerHTML = 0;
	
	
	
	changeCopyURL();
	//ShowStatic();
}

function resetTreeAll() {
	for (var i = 0; i < tree.length; i++) {
		resetTree(i);
	}
}

function getMaxTier(theTree) {
	var maxTier = 0;
	for (var loopMaxTier = 0; loopMaxTier < tierNum; loopMaxTier++) {
	    
		
		if (pointsTier[theTree][loopMaxTier] != 0)
			maxTier = loopMaxTier;
	}
	maxTier++;
	return maxTier;
}

function getPointsAboveAndCurrent(theTree, maxTier) {
	var pointsTierTotalAboveAndCurrent = 0;
	var loopPointsTierAbove = 0;
	for (loopPointsTierAbove; loopPointsTierAbove < maxTier; loopPointsTierAbove++) {
		pointsTierTotalAboveAndCurrent += pointsTier[theTree][loopPointsTierAbove];
	}
	return pointsTierTotalAboveAndCurrent;
}
		
function canUnlearn(talentID, clickLeftRight, maxTier) {
	var treeID = talent[talentID][0];
	var maxRank = talent[talentID][2];
	var treePoints = pointsTree[treeID];	
	var necessaryPoints;
	var projectedPoints;
	var pointsAboveAndCurrent;
	var theCurrentRank = rankTop[talentID][0];


	if (hasDependentTalentWithPoints(talentID))
	 	return false;

	if (clickLeftRight == 0) { //left click

		var theCurrentRank = rankTop[talentID][0];

		if (theCurrentRank < maxRank) {

			necessaryPoints = (talent[talentID][4] - 1) * 4;
			
			if (treePoints < necessaryPoints)
				return false;
		
			if (rankPoints == 0)
				return false;		
				
			if (!checkRequiredTalent(talentID) && theCurrentRank == 0)
				return false;
				
			projectedPoints = pointsAboveAndCurrent++;

		} else {
			if (theCurrentRank==maxRank)
              return true;
            else
			return false; 
		}

	} else {	//right click

		if (rankTop[talentID][0] != 0){

			pointsAboveAndCurrent = getPointsAboveAndCurrent(treeID, maxTier-1);	
			projectedPoints = pointsAboveAndCurrent - 1 + pointsTier[treeID][maxTier-1];

			for (var thisTier = talent[talentID][4]; thisTier < maxTier; maxTier--) {

				necessaryPoints = (maxTier-1) * 4;		
				projectedPoints -= pointsTier[treeID][maxTier-1];
				if (projectedPoints < necessaryPoints)
					return false;
			}
			
		} else {  //if the rank is 0

			return false;
		}
	
	}	
	return true;

}

function getTalentID(talentName) {
	var theTalentID;
	for (theTalentID = 0; talent[theTalentID]; theTalentID++) {
		if (talent[theTalentID][1] == talentName)
			return theTalentID;
	}
}

function getMinLevel(talentID) {
	return ((talent[talentID][4] -1)* 4 + 10);
}

function hasDependentTalentWithPoints(talentID) {

	var loopStart;
	var loopStop;
	var theTree = talent[talentID][0];
	var theTier = talent[talentID][4];
	
	
	
	
	
	 loopStart = talentID;
	 loopStop = treeStartStop[theTree];	
	
		
	  if (loopStart!=0)
	       if (talent[loopStart-1][5] && talent[loopStart-1][5][0] == talentID && rankTop[loopStart-1][0] != 0)
				return true;
	        	
		
		while (loopStart <= loopStop){	
			if (talent[loopStart][5] && talent[loopStart][5][0] == talentID && rankTop[loopStart][0] != 0)
				return true;
			loopStart++;
		}
		
	return false;	
	
  /*if ((theTree==2)&& (theTier==1))
	{
	
		loopStart = treeStartStop[theTree-1]+1;
		loopStop = treeStartStop[theTree];	
		while (loopStart <= loopStop){	
			if (talent[loopStart][5] && talent[loopStart][5][0] == talentID && rankTop[loopStart][0] != 0)
				return true;
			loopStart++;
		}
     }
    else
    {
      
        loopStart = talentID;
		loopStop = treeStartStop[theTree];	
	
		while (loopStart <= loopStop){	
			if (talent[loopStart][5] && talent[loopStart][5][0] == talentID && rankTop[loopStart][0] != 0)
				return true;
			loopStart++;
		}
    
    
    
    }   */	
}

function canTurnGreen(totalPoints, tree, oldMaxTier) {

	var i;
	var necessaryPoints;
	var iStop;
	var thisTier;
	if (tree == 0)
		i = 0;
	else
		i = treeStartStop[tree-1] + 1;

	iStop = treeStartStop[tree];
	
	while (i <= iStop) {
	
		thisTier = talent[i][4];


		necessaryPoints = (thisTier-1) * 4;

		if (thisTier <= oldMaxTier+3 || necessaryPoints <= totalPoints){	

			var noRequirement = checkRequiredTalent(i);
				
			var theCurrentRank = rankTop[i][0];
			var theMaxRank = talent[i][2];
				
			if ((talent[i][4] * 4) <= totalPoints && theCurrentRank != theMaxRank && noRequirement
				||
				(theCurrentRank < theMaxRank && necessaryPoints <= totalPoints && noRequirement)
				) {
	

               //document.getElementById("modifyRankTopColor"+ i).style.color = colorBlack;
				//document.getElementById("modifyRankTop"+ i).style.color = colorBlack;

			
				if (canUnlearn(i, 0, oldMaxTier)) {
					if (talent[i][5])
						document.getElementById("arrowGreen"+ i).style.visibility = "visible";
						document.getElementById("talentThumb"+ i).style.visibility = "visible";
						document.getElementById('iconOverGreen'+ i).style.visibility = "visible";
				}
				
			} else if (theCurrentRank == theMaxRank) {
				//document.getElementById("modifyRankTopColor"+ i).style.color = colorBlack;
				//document.getElementById("modifyRankTop"+ i).style.color = colorBlack;
				

			} else {
				//document.getElementById("modifyRankTopColor"+ i).style.color = colorBlack;
				//document.getElementById("modifyRankTop"+ i).style.color = colorBlack;

				document.getElementById("iconOverGreen"+ i).style.visibility = "hidden";
				
				if (talent[i][5])
					document.getElementById("arrowGreen"+ i).style.visibility = "hidden";
					document.getElementById("talentThumb"+ i).style.visibility = "hidden";
					document.getElementById('iconOverGreen'+ i).style.visibility = "hidden";
					StateArray[i]=0;
				
			}
		}
		i++;
	}	

	i=0;
	if (rankPoints == 0) {
		while (talent[i]){
			if (rankTop[i][0] == 0) {
				//document.getElementById("modifyRankTopColor"+ i).style.color = colorBlack;	
				//document.getElementById("modifyRankTop"+ i).style.color = colorBlack;
				document.getElementById("iconOverGreen"+ i).style.visibility = "hidden";								
			}
			i++;
		}	
	}
	
}

function checkRequiredTalent(talentID) {

	var reqTalent;
	if (reqTalent = talent[talentID][5]) {
		reqTalentID = reqTalent[0];
		reqTalentPoints = reqTalent[1];
		if (rankTop[reqTalentID][0] != reqTalentPoints)
			return false;
	}
	return true;
}

function rankTopOnClick(talentID) {

	for (var k=0;k<talent.length;k++)
	{
		if (k !=talentID)
		StateArray[k]=0;
	}
 ShowRightPad(talentID); 
 
 Current_Tal_ID =talentID;
 //alert("d");

  for(var ii=0;ii<talent.length;ii++)
   {
     document.getElementById('GrRdI'+ii).innerHTML="";
     document.getElementById('GrRdI'+ii).style.zIndex=0;
     document.getElementById('GrRdA'+ii).innerHTML="";
     document.getElementById('GrRdA'+ii).style.zIndex=0;
   }
   
  
  
  /*	 document.getElementById('GrRd'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_red.gif border=0 height=40 width=40></DIV>";
	 document.getElementById('GrRd'+talentID).style.zIndex=50;
	 document.getElementById('GrRd'+talentID).innerHTML="";
	 document.getElementById('GrRd'+talentID).style.zIndex=0;
	 document.getElementById('GrRd'+talentID).innerHTML="";
	 document.getElementById('GrRd'+talentID).style.zIndex=0;*/

if(StateArray[talentID]==0)
  {
	 StateArray[talentID]=1
	
      if (!canUnlearn(talentID, 0, oldMaxTier))
		{
   
           document.getElementById('GrRdI'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_red.gif border=0 height=40 width=40></DIV>";
		   document.getElementById('GrRdI'+talentID).style.zIndex=50;
		    StateArray[talentID]=0

        }
       else
        {
		   document.getElementById('GrRdA'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_green.gif border=0 height=40 width=40></DIV>";
		   document.getElementById('GrRdA'+talentID).style.zIndex=50;
            StateArray[talentID]=1
         
        
        }   
  
  
  }
 else
  {
	
	var theTree = talent[talentID][0];
//	var oldMaxTier = getMaxTier(theTree);
	var oldMaxTier = maxTierArray[theTree];
	if (!canUnlearn(talentID, 0, oldMaxTier))
	{
		  document.getElementById('GrRdA'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_green.gif border=0 height=40 width=40></DIV>";
		   document.getElementById('GrRdA'+talentID).style.zIndex=50;
            StateArray[talentID]=1
	       return;
	 }
	 
	    document.getElementById('GrRdA'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_green.gif border=0 height=40 width=40></DIV>";
		document.getElementById('GrRdA'+talentID).style.zIndex=50;
       	
	maxRank = talent[talentID][2];					//maximum rank possible	
	var theTier = talent[talentID][4];		
	var theTierIndex = theTier - 1;
	var rankString = rankTop[talentID][1];
	
	var theCurrentRank = rankTop[talentID][0];
	
	
	if (theCurrentRank < maxRank) {					//see if you hit max rank
		rankTop[talentID][1] = rank[talentID][theCurrentRank];
		rankTop[talentID][0]++;						//if you haven't hit max rank, increment
		theUpdatedRank = rankTop[talentID][0];
		rankTop[talentID][2] = rank[talentID][theUpdatedRank];
		rankPoints--;
		if (theUpdatedRank != maxRank) {
			rankString = rankTop[talentID][1] +"<br><br><font color=ffffff>Next Rank:</font><br>"+ rankTop[talentID][2];
			document.getElementById('iconOverGreen'+ talentID).style.visibility = "visible";
		} else {
			rankString = rankTop[talentID][1];			
			document.getElementById('iconOverYellow'+ talentID).style.visibility = "visible";
			
		}
		if (talent[talentID][5])
			document.getElementById("arrowYellow"+ talentID).style.visibility = "visible";		
		//keep track of points in the tier		
		pointsTree[theTree]++;
		pointsTier[theTree][theTierIndex] = pointsTier[theTree][theTierIndex] + 1;
	}

	if (theUpdatedRank == 1 && theTier > oldMaxTier)
		maxTierArray[theTree] = theTier;
	
	document.getElementById("talentThumb"+ talentID).style.visibility = "visible";	
	
	if (pointsTree[theTree] == 1)
		document.getElementById(tree[theTree]+'tabPointsText').innerHTML = textPoint;			
	else	
		document.getElementById(tree[theTree]+'tabPointsText').innerHTML = textPoints;				
	document.getElementById('modifyDescriptionTop'+talentID).innerHTML = rank[talentID][0];	
    //document.getElementById('modifyRankTop'+talentID).innerHTML = rankTop[talentID][0];
	
	document.getElementById('yellowRank'+talentID).innerHTML ="<div><img src= images/yellow.gif></div><div style='position:absolute;top:2px;left:5px'><span id=modifyRankTopColor"+ talentID +" style=color:ffd100 class=mySmall><b><span id=modifyRankTop"+ talentID +" style=color:000000 class=mySmall>"+ rankTop[talentID][0] +"</span></b></span></div>";
	
    document.getElementById('modifyRankTopDescription'+talentID).innerHTML = rankTop[talentID][0];
   
  
   //right pad
     

   

   
   // document.getElementById('modifyRankPoints').innerHTML = rankPointsMax - rankPoints;
    //document.getElementById('levelRequired').innerHTML = rankPointsMax - rankPoints + levelMin - 1;	
    //document.getElementById(tree[theTree]+'PointsTopRight').innerHTML = pointsTree[theTree];
   // document.getElementById('tabPointsAvailable').innerHTML = rankPoints;	
   // document.getElementById(tree[theTree]+'tabPoints').innerHTML = pointsTree[theTree];		
	canTurnGreen(pointsTree[theTree], theTree, oldMaxTier);

	changeCopyURL();
	
}
//written on 18th Oct
 if (rankTop[talentID][0]==talent[talentID][2])
        {    
document.getElementById('GrRdA'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_green.gif border=0 height=40 width=40></DIV>";
		   document.getElementById('GrRdA'+talentID).style.zIndex=50;
		}

//right pad
   ShowRightPad(talentID); 
   

}

function changeCopyURL(){

	var templateString = "";

//	loopStop = treeStartStop[0] + 1;	
/*	
	for (var bah = 0; bah < loopStop; bah++) {
		templateString = templateString + rankTop[bah][0];
	}	*/
	for (i = 0; talent[i]; i++) {
		templateString = templateString + rankTop[i][0]
	}

    document.getElementById('copyURL').innerHTML = templateString;	
	document.getElementById('linkUrl').href = theURLtoCopy+templateString;	
	
}

function rankTopOnRightClick(talentID) {


	for (var k=0;k<talent.length;k++)
	{
		if (k !=talentID)
		StateArray[k]=0;
	}
	
	
//	add StateArray[talentID]==1 in the condition for slelct and right click and remove the above for
 if(rankTop[talentID][0]>0  )
 {
 
 
 for(var ii=0;ii<talent.length;ii++)
   {
     document.getElementById('GrRdI'+ii).innerHTML="";
     document.getElementById('GrRdI'+ii).style.zIndex=0;
     document.getElementById('GrRdA'+ii).innerHTML="";
     document.getElementById('GrRdA'+ii).style.zIndex=0;
   }
	  if (nltalent[talentID][7]==1 )
		{
		
			document.getElementById('GrRdA'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_green.gif border=0 height=40 width=40></DIV>";
			document.getElementById('GrRdA'+talentID).style.zIndex=50;
		}
		else
		{
			if(rankTop[talentID][0]==0)
				{
				document.getElementById('GrRdI'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_red.gif border=0 height=40 width=40></DIV>";
				document.getElementById('GrRdI'+talentID).style.zIndex=50;
				}
		}
		
   
if(rankTop[talentID][0]==0)
{
	
	//StateArray[talentID]=0;
	
	if (nltalent[talentID][7]==1 )
	{
		document.getElementById("talentThumb"+ talentID).style.visibility = "visible";
		document.getElementById('iconOverGreen'+ talentID).style.visibility = "visible";
		
	}
	document.getElementById('GrRdA'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_green.gif border=0 height=40 width=40></DIV>";
	document.getElementById('GrRdA'+talentID).style.zIndex=50;
	
}


	
else
{
	
	var theTree = talent[talentID][0];				
//	var oldMaxTier = getMaxTier(theTree);
	var oldMaxTier = maxTierArray[theTree];
	
	if (!canUnlearn(talentID, 1, oldMaxTier))
	{
	 if ((rankTop[talentID][0]==talent[talentID][2]) || (talentID==5) ||(talentID==4)|| (talentID==8) || (talentID==9))
//writtenon 18th Oct
	 {    
		
	   	   document.getElementById('GrRdA'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_green.gif border=0 height=40 width=40></DIV>";
		   document.getElementById('GrRdA'+talentID).style.zIndex=50;
	 }
//End

       //alert(talentID);        
        
		return;		
	}
	
		 //alert("test");
	var maxRank = talent[talentID][2];					//maximum rank possible
	var theTier = talent[talentID][4];	
	var theTierIndex = theTier - 1;	
	var rankString = rankTop[talentID][1];

	if (rankTop[talentID][0] > 0) {
	
		rankTop[talentID][0]--;						
		if (rankTop[talentID][0]-1 != -1) {
			rankTop[talentID][1] = rank[talentID][(rankTop[talentID][0]-1)];
			rankTop[talentID][2] = rank[talentID][(rankTop[talentID][0])];
			rankString = rankTop[talentID][1] +"<br><br><font color=ffffff>Next Rank:</font><br>"+ rankTop[talentID][2];			
		} else {
			rankTop[talentID][1] = rank[talentID][rankTop[talentID][0]];						
			rankString = rankTop[talentID][1];			
		}

		rankPoints++;

		//keep track of points in the tier		
		pointsTree[theTree]--;					
		pointsTier[theTree][theTierIndex]--;

		document.getElementById('iconOverYellow'+ talentID).style.visibility = "hidden";			
		document.getElementById('iconOverGreen'+ talentID).style.visibility = "visible";
		
		if (rankTop[talentID][0] == 0) {
			document.getElementById('iconOverGreen'+ talentID).style.visibility = "hidden";
			document.getElementById('iconOverYellow'+ talentID).style.visibility = "hidden";
			document.getElementById("talentThumb"+ talentID).style.visibility = "hidden";
			
			if (talent[talentID][5])
				document.getElementById("arrowYellow"+ talentID).style.visibility = "hidden";
				
			oldMaxTier = getMaxTier(theTree);
			maxTierArray[theTree] = oldMaxTier;
				 if(nltalent[talentID][7]==1 )
				{
				
						StateArray[talentID]=0;
						document.getElementById("talentThumb"+ talentID).style.visibility = "visible";
						document.getElementById('iconOverGreen'+ talentID).style.visibility = "visible";
 					     
				}   
		}
		
		if (rankPoints == 1) {
			canTurnGreen(pointsTree[0], 0, maxTierArray[0]);		
			canTurnGreen(pointsTree[1], 1, maxTierArray[1]);		
			canTurnGreen(pointsTree[2], 2, maxTierArray[2]);								
		}
		
		
		
	}

	if (pointsTree[theTree] == 1)
		document.getElementById(tree[theTree]+'tabPointsText').innerHTML = textPoint;			
	else	
		document.getElementById(tree[theTree]+'tabPointsText').innerHTML = textPoints;				

	
    document.getElementById('modifyDescriptionTop'+talentID).innerHTML = rank[talentID][0];
    document.getElementById('modifyRankTop'+talentID).innerHTML = rankTop[talentID][0];
    document.getElementById('modifyRankTopDescription'+talentID).innerHTML = rankTop[talentID][0];
   // document.getElementById('modifyRankPoints').innerHTML = rankPointsMax - rankPoints;	
  //  document.getElementById('levelRequired').innerHTML = rankPointsMax - rankPoints + levelMin - 1;	
  // document.getElementById(tree[theTree]+'PointsTopRight').innerHTML = pointsTree[theTree];	
   // document.getElementById(tree[theTree]+'tabPoints').innerHTML = pointsTree[theTree];	
   // document.getElementById('tabPointsAvailable').innerHTML = rankPoints;		
	if (rankPoints != 1)
		canTurnGreen(pointsTree[theTree], theTree, oldMaxTier);
	changeCopyURL();

document.getElementById('GrRdA'+talentID).innerHTML="<div style = 'top: 1px; left: 1px; position: relative;'><img src=images/bdr_green.gif border=0 height=40 width=40></DIV>";
		document.getElementById('GrRdA'+talentID).style.zIndex=50;
}
	//right pad
     
ShowRightPad(talentID)

StateArray[talentID]=1;
} //if end
}










function unhideTalent(input) {
	document.getElementById("talentMouseOver"+ input).style.visibility = "visible";
	//ShowRightPad(input)
}

function hideTalent(input) {
	document.getElementById("talentMouseOver"+ input).style.visibility = "hidden";

}

function printableVersion() {

	var levelRequired = rankPointsMax - rankPoints + levelMin - 1;	
	var pointsRequired = rankPointsMax - rankPoints;

    var w = window.open("","","resizable=1,toolbar=1,width=800,height=600,status=1,scrollbars=1,menubar=1, screenX=100, screenY=100, left=100, top=100");
	w.document.write("<html><body bgcolor=ffffff><span style = 'font-family: verdana; font-size = 10pt'>");
	w.document.write("<h3>"+ className + " Talents</h3>Minimum Required Level: <b>"+ levelRequired +"</b><br>Required Talent Points: <b>"+ pointsRequired +"</b>");	
	w.document.write("<table border=0 cellpadding=0 cellspacing=0 width=100%>");

	
	if (pointsRequired == 0) {
		w.document.write("<br>&nbsp;&nbsp;&nbsp;Don't waste paper");
	}
	
	var rightTreeID = -1;
	for (var blah = 0; blah != talent.length; blah++){
		if (talent[blah][0] != rightTreeID) {
			rightTreeID = talent[blah][0];

			if (pointsTree[rightTreeID] != 0)
				w.document.write("<tr><td width=100%><br><b><u>"+tree[rightTreeID]+" Talents</u> - </b></span><span class=mySmall>&nbsp;<span id='"+ tree[rightTreeID] +"Points' class=mySmall>"+ pointsTree[rightTreeID] +"</span> point(s)<br><br></td></tr>");
		}

		if (rankTop[blah][0] != 0) {
			w.document.write("<tr><td colspan=2 style = \"padding-left:18px\"><span id='displayRight"+ blah +"'><li><b>"+ talent[blah][1] +"</b> - rank <span id='modifyRankRight"+ blah +"' class=mySmallBlack>"+ rankTop[blah][0] +"</span>/<span class=mySmallBlack>"+ talent[blah][2] +"</span><br></span></td></tr>");
			//w.document.write("<tr><td colspan=2 style = \"padding-left:36px\">"+ rankTop[blah][1] +"</td></tr>");
		}
	}

	w.document.write("</table>");	
	w.document.write("</font></body></html>");
	w.document.close();
	
}

function GetTreeName(x)
{
 if( x < 19)
  return "structuretrader";
 else if( x >= 19 && x < 32)
  return "general";
  else
  return "beastmastery";
  

}


function ShowRightPad(x)
{
var imageName1;
var reqData;
var Rank1;
var s1_str;
var s2_str;
var s3_str;
var Rank1;
var Rank2;
var Grt;
var SinMulCom;
var clsName;
talentName1 = talent[x][1];
imageName1 = nltalent[x][0];
SinMulCom = nltalent[x][1];
SinMulCom = SinMulCom.toLowerCase();
imageName1 = imageName1.toLowerCase();
imageName1 = imageName1.replace(":", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace(" ", "");
imageName1 = imageName1.replace("(", "");
imageName1 = imageName1.replace(")", "");
reqData="";
if (talent[x][5]!=null)	//if the talent requires other talents
{
	
	//alert(talent[x][5]);

	requirement1 = talent[x][5][0];
	requirementPoints1 = talent[x][5][1];
	requirementName1 = talent[requirement1][1];
						
	if (requirementPoints1==1)
	reqData= requirementPoints1 +" Point In "+ requirementName1 ; 
	else
	reqData= requirementPoints1 +" Points In "+ requirementName1 ;  			
}
			
if (talent[x][4] != 1)	//if the talent requires other talents
{ 
if (tree[talent[x][0]]=="general")
clsName="General"
else if (tree[talent[x][0]]=="structuretrader")
clsName="Structure Trader"
else
clsName="Beast Mastery"

	if (reqData !="")
		    reqData = (((talent[x][4]*4)-4)) +" Points In "+ clsName+	"<br>" +  reqData; 
	else
		
	reqData =((talent[x][4]*4)-4) +" Points In "+ clsName;	
	
}

if(SinMulCom =="x")
{
   s2_str="";
}

else if(SinMulCom =="s")
 {
   var j1=new Array();
   j1=imageName1.split("|");
   
		s2_str ="<TABLE cellSpacing=0 cellPadding=0 width='100%' border=0><TR height=30><TD colspan=2 ><span class=savereset ><b>Grants Command :</b></span></TD>";
		
		
		if (j1.length==1)
		{
		s2_str =s2_str + "</TR><TR><TD width=15></TD><TD><table><tr height=47><td><img src= images/"+ GetTreeName(x)+"/"+ j1[0] +".jpg></TD>";
		
		s2_str =s2_str + "<td align=left>&nbsp;&nbsp;<img src=images/headings/" + j1[0] +"_w.gif></td></tr></table></td></tr>";
		}
		else
		{
		s2_str =s2_str + "</TR><TR><TD width=15></TD><TD><table><tr height=47><td><img src= images/"+ GetTreeName(x)+"/"+ j1[0] +".jpg></TD>";
		
		s2_str =s2_str + "<td align=left>&nbsp;&nbsp;<img src=images/headings/" + j1[1] +"_w.gif></td></tr></table></td></tr>";	
		
		}
		
		
		
		
		s2_str =s2_str + "<tr><TD width=15></TD><TD><table><tr><td><span style=color:white;font-size:12;><b>"+ nltalent[x][2] +"</b></span></td></tr></table></td></TR>";
		s2_str =s2_str + "</TABLE>";
  
 }

else if(SinMulCom =="ms")

{
			
		
							var j1=new Array();
							j1=imageName1.split("|");

							s1 = new Array();
							s1= nltalent[x][2].split("|");
							
							s2_str ="<TABLE cellSpacing=0 cellPadding=0 width='100%' border=0>";
							s2_str =s2_str + "<TR><TD colspan=2 valign=top><span class=savereset ><b>Grants Modifiers :</b></span></TD></TR>";
							
							
							
							
							if (j1.length==1)
							{
							s2_str =s2_str + "</TR><TR><TD width=2></TD><TD><table><tr height=47><td><img src= images/"+ GetTreeName(x)+"/"+ j1[0] +".jpg></TD>";
									
							s2_str =s2_str + "<td align=left>&nbsp;&nbsp;<img src=images/headings/" + j1[0] +"_w.gif></td></tr></table></td></tr>";
							}
							else
							{
							s2_str =s2_str + "</TR><TR><TD width=2></TD><TD><table><tr height=47><td><img src= images/"+ GetTreeName(x)+"/"+ j1[0] +".jpg></TD>";
									
							s2_str =s2_str + "<td align=left>&nbsp;&nbsp;<img src=images/headings/" + j1[1] +"_w.gif></td></tr></table></td></tr>";	
							}
		
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							
							s2_str =s2_str + "<TR><TD width=2></TD><TD valign=top><TABLE width='100%'>";
							s2_str =s2_str + "<TR height=5><TD></TD></TR>";
							if (s1.length==1)
								{
									s2_str =s2_str + "<TR><TD><span  class='zxc'>"+ s1[0] +"</span></TD></TR>";
								}
							else
							{
								if(s1[0]!="")  s2_str =s2_str + "<TR height=15><TD><span  class='zxc'>"+ s1[0] +"</span></TD></TR>";
								s2_str =s2_str + "<TR ><TD><span style=color:white;font-size:12;><b>"+ s1[1] +"</b></span></TD></TR>";
								
							}
							
							s2_str =s2_str + "<tr><td align=left valign=top>";
							s2_str =s2_str + "<table border=0 width=100%><tr>";
					 var e=3
					 for(;e<(rankTop[x][0]+3);e++)
							s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' bgcolor='#ADFFFC' background=images/box_h.gif><tr height=34><td align=center ><span style=color:black;font-size:15;><strong>"+ nltalent[x][e] +"</strong></span></td></tr></table></td>";
					 for(;e<=6;e++)
							s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' background=images/box.gif><tr height=34><td align=center ><span style=color:white;font-size:15;>"+ nltalent[x][e] +"</span></td></tr></table></td>";
							s2_str =s2_str + "</tr></table></td></tr>"
							
							s2_str =s2_str + "<TR height=2><TD></TD></TR>";
							
							
							
							
							if (nltalent[x][8])  
							 {
							 var s2 = new Array();
							s2= nltalent[x][8].split("|");
							
							if (s2.length==1)
								{
									s2_str =s2_str + "<TR><TD><span style=color:white;font-size:12;><b>"+ s2[0] +"</B></span></TD></TR>";
								}
							else
							{
								if(s2[0]!="") s2_str =s2_str + "<TR height=10><TD><span class='zxc'>"+ s2[0] +"</span></TD></TR>";
								s2_str =s2_str + "<TR ><TD><span style=color:white;font-size:12;><b>"+ s2[1] +"</b></span></TD></TR>";
								
							}
							
									//s2_str =s2_str + "<TR height=30><TD><span style=color:white;font-size:15;><b>"+ nltalent[x][8] +"</b></span></TD></TR>"	
									s2_str =s2_str + "<tr><td align=left valign=top>";
									s2_str =s2_str + "<table border=0 width=100%><tr>";

									e=3
									var des;
									des=0;	

									for(;e<(rankTop[x][0]+3);e++)
											{
											    if(nltalent[x][e+6]!="--")
													s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' bgcolor='#ADFFFC' background=images/box_h.gif><tr height=34><td align=center ><span style=color:black;font-size:15;><strong>"+ nltalent[x][e+6] +"</strong></span></td></tr></table></td>";
											     else
											        des++;
									        }
									e=e-des;    
									for(;e<=6;e++)
											s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' background=images/box.gif><tr height=34><td align=center ><span style=color:white;font-size:15;>"+ nltalent[x][e+6] +"</span></td></tr></table></td>";
											s2_str =s2_str + "</tr></table></td></tr>"
							 }			
							        
					         
				if (nltalent[x][13])
				{
					s2_str =s2_str + "<TR height=2><TD></TD></TR>";
					                if (nltalent[x][13])  
							 {
							 var s2 = new Array();
							s2= nltalent[x][13].split("|");
							
							if (s2.length==1)
								{
									s2_str =s2_str + "<TR><TD><span  class='zxc'>"+ s2[0] +"</span></TD></TR>";
								}
							else
							{
								s2_str =s2_str + "<TR height=10><TD><span class='zxc'>"+ s2[0].toUpperCase() +"</span></TD></TR>";
								s2_str =s2_str + "<TR ><TD><span style=color:white;font-size:12;><b>"+ s2[1] +"</b></span></TD></TR>";
								
							}
							
									//s2_str =s2_str + "<TR height=30><TD><span style=color:white;font-size:15;><b>"+ nltalent[x][13] +"</b></span></TD></TR>"	
									s2_str =s2_str + "<tr><td align=left valign=top>";
									s2_str =s2_str + "<table border=0 width=100%><tr>";

									e=3
									var des;
									des=0;	

									for(;e<(rankTop[x][0]+3);e++)
											{
											    if(nltalent[x][e+11]!="--")
													s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' bgcolor='#ADFFFC' background=images/box_h.gif><tr height=34><td align=center ><span style=color:black;font-size:15;><strong>"+ nltalent[x][e+11] +"</strong></span></td></tr></table></td>";
											     else
											        des++;
									        }
									e=e-des;
									
									for(i=rankTop[x][0];i<=e-rankTop[x][0];i++)
											s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' background=images/box.gif><tr height=34><td align=center ><span style=color:white;font-size:15;>"+ nltalent[x][ee+11] +"</span></td></tr></table></td>";
											s2_str =s2_str + "</tr></table></td></tr>"
							 }			




				}




								s2_str =s2_str + "</TABLE></td></tr></table>";


}

else 

{

					 		var s1 = new Array();
							s1= nltalent[x][2].split("|");
							
							s2_str ="<TABLE cellSpacing=0 cellPadding=0 width='100%' border=0>";
							s2_str =s2_str + "<TR><TD colspan=2 valign=top><span class=savereset ><b>Grants Modifiers :</b></span></TD></TR>";
							s2_str =s2_str + "<TR><TD width=2></TD><TD valign=top><TABLE width='100%'>";
							s2_str =s2_str + "<TR height=5><TD></TD></TR>";
							if (s1.length==1)
								{
									s2_str =s2_str + "<TR><TD><span  class='zxc'>"+ s1[0] +"</span></TD></TR>";
								}
							else
							{
								if(s1[0]!="")  s2_str =s2_str + "<TR height=15><TD><span  class='zxc'>"+ s1[0].toUpperCase() +"</span></TD></TR>";
								s2_str =s2_str + "<TR ><TD><span style=color:white;font-size:12;><b>"+ s1[1] +"</b></span></TD></TR>";
								
							}
							
							s2_str =s2_str + "<tr><td align=left valign=top>";
							s2_str =s2_str + "<table border=0 width=100%><tr>";
					 var e=3
					 for(;e<(rankTop[x][0]+3);e++)
							s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' bgcolor='#ADFFFC' background=images/box_h.gif><tr height=34><td align=center ><span style=color:black;font-size:15;><strong>"+ nltalent[x][e] +"</strong></span></td></tr></table></td>";
					 for(;e<=6;e++)
							s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' background=images/box.gif><tr height=34><td align=center ><span style=color:white;font-size:15;>"+ nltalent[x][e] +"</span></td></tr></table></td>";
							s2_str =s2_str + "</tr></table></td></tr>"
							
							s2_str =s2_str + "<TR height=2><TD></TD></TR>";
							
							
							
							
							if (nltalent[x][8])  
							 {
							 var s2 = new Array();
							s2= nltalent[x][8].split("|");
							
							if (s2.length==1)
								{
									s2_str =s2_str + "<TR><TD><span  class='zxc'>"+ s2[0] +"</span></TD></TR>";
								}
							else
							{
								if(s2[0]!="") s2_str =s2_str + "<TR height=10><TD><span class='zxc'>"+ s2[0].toUpperCase() +"</span></TD></TR>";
								s2_str =s2_str + "<TR ><TD><span style=color:white;font-size:12;><b>"+ s2[1] +"</b></span></TD></TR>";
								
							}
							
									//s2_str =s2_str + "<TR height=30><TD><span style=color:white;font-size:15;><b>"+ nltalent[x][8] +"</b></span></TD></TR>"	
									s2_str =s2_str + "<tr><td align=left valign=top>";
									s2_str =s2_str + "<table border=0 width=100%><tr>";

									e=3
									var des;
									des=0;	

									for(;e<(rankTop[x][0]+3);e++)
											{
											    if(nltalent[x][e+6]!="--")
													s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' bgcolor='#ADFFFC' background=images/box_h.gif><tr height=34><td align=center ><span style=color:black;font-size:15;><strong>"+ nltalent[x][e+6] +"</strong></span></td></tr></table></td>";
											     else
											        des++;
									        }
									e=e-des;    
									for(;e<=6;e++)
											s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' background=images/box.gif><tr height=34><td align=center ><span style=color:white;font-size:15;>"+ nltalent[x][e+6] +"</span></td></tr></table></td>";
											s2_str =s2_str + "</tr></table></td></tr>"
							 }			
							        


                  					         
					//Third box has to written here
				if (nltalent[x][13])
				{

					s2_str =s2_str + "<TR height=2><TD></TD></TR>";
										if (nltalent[x][13])  
										{
										var s2 = new Array();
										s2= nltalent[x][13].split("|");
																	
										if (s2.length==1)
										{
										s2_str =s2_str + "<TR><TD><span  class='zxc'>"+ s2[0] +"</span></TD></TR>";
										}
										else
										{
										s2_str =s2_str + "<TR height=10><TD><span class='zxc'>"+ s2[0].toUpperCase() +"</span></TD></TR>";
										s2_str =s2_str + "<TR ><TD><span style=color:white;font-size:12;><b>"+ s2[1] +"</b></span></TD></TR>";
																		
										}
							
							
									//s2_str =s2_str + "<TR height=30><TD><span style=color:white;font-size:15;><b>"+ nltalent[x][13] +"</b></span></TD></TR>"	
									s2_str =s2_str + "<tr><td align=left valign=top>";
									s2_str =s2_str + "<table border=0 width=100%><tr>";

									e=3
									var des;
									des=0;	

									for(;e<(rankTop[x][0]+3);e++)
											{
											    if(nltalent[x][e+11]!="--")
													s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' bgcolor='#ADFFFC' background=images/box_h.gif><tr height=34><td align=center ><span style=color:black;font-size:15;><strong>"+ nltalent[x][e+11] +"</strong></span></td></tr></table></td>";
											     else
											        des++;
									        }
									e=e-des;
							
									  
							    
							    
									for(i=rankTop[x][0];i<=e-rankTop[x][0];i++)
											s2_str =s2_str + "<td width=25%><table border=0 align=left cellspceaing=0 width='88%' background=images/box.gif><tr height=34><td align=center ><span style=color:white;font-size:15;>"+ nltalent[x][i+14] +"</span></td></tr></table></td>";
											s2_str =s2_str + "</tr></table></td></tr>"
							 }			




				}

					
								s2_str =s2_str + "</TABLE></td></tr></table>";


}






Rank1= rankTop[x][0] + "/"+ talent[x][2];



var k1=new Array();
 k1=imageName1.split("|");
 
  
s1_str ="<TABLE cellSpacing=0 cellPadding=1 width='100%' border=0><TR height=65><TD width=20% valign=middle><img src= images/" + GetTreeName(x) +"/"+  k1[0]  +".jpg></TD>";
s1_str =s1_str + "<TD align=left valign=middle><img src=images/headings/" + k1[0] +"_y.gif> </TD></TR><TR height=50 ><TD colspan=2 align=left valign=top><span style=color:E2C66E;font-size:12;><b>"+ rank[x][0] +"</span></TD></tr>";
	

s1_str =s1_str + "<tr height=50 ><TD colspan=2 width=100% valign=top><table border=0 width='100%' cellSpacing=0 cellPadding=0><tr><td valign=top width=15><span class=savereset ><b>Requires:</b>&nbsp;</span></TD><td>";
if (reqData=="")
	s1_str =s1_str + "<span class=savereset style=color:white;font-size:12;><b>None</b></span></td></tr></table></td></TR>";
else
	s1_str =s1_str + "<span class=savereset style=color:red;font-size:12;><b>"+ reqData +"</b></span></td></tr></table></td></TR>";
	
	
	

s1_str =s1_str + "<TR><TD><span class=savereset style='font-size:14'><strong>Rank :</strong></span></TD><TD><span class=savereset style='font-size:14'><strong>"+  Rank1 +"</strong></span></TD></TR></TABLE>";

if ((rankPointsMax - rankPoints)==5 )
{
	theRequiredLevel=10;
}
if ((rankPointsMax - rankPoints)<5 )
{
	theRequiredLevel=10;
}
if ((rankPointsMax - rankPoints)>5 )
{
	theRequiredLevel= 10 + (((rankPointsMax - rankPoints)-5) * 2); 
}



s3_str ="<table  border=0  width=100% valign=top><tr><td width=100% valign=top><TABLE cellSpacing='5' cellPadding=0 width='80%' border='0' align=center>";
s3_str =s3_str + "<TR height=20><TD align=center><span class=savereset><strong>Spent Points</strong></span></TD><td width=68 align=center background=images/round_but.gif ><span class=savereset><strong>"+ (rankPointsMax - rankPoints) +"</strong></span></td>";
s3_str =s3_str + "</TR><TR height=20><TD align=center><span class=savereset style=color:E2C66E ><strong>Available Points</strong></span></TD><TD width=68   align=center background=images/round_but.gif><span class=savereset ><strong>"+ rankPoints +"</strong></span></td></TR>";
s3_str =s3_str + "<TR height=20><TD align=center><span class=savereset ><strong>Level Required</strong></span></TD> <TD width=68  align=center background=images/round_but.gif><span class=savereset ><strong>"+ theRequiredLevel +"</strong></span></td></TR>";
s3_str =s3_str + "</TABLE></td></tr>";
s3_str =s3_str + "<tr><td align=center valign=top><table cellPadding=0><tr height=20><td width=68 align=center background=images/round_but.gif><span style=color:white;font-size:14;><strong><a href='javascript:saveTheTemplate();' class=savereset style=color:E2C66E>Save</a></strong></span></td><td width=5></td><td width=68 align=center background=images/round_but.gif><span style=color:white;font-size:14;><strong><a href='index.vm' class=savereset style=color:E2C66E>Reset</a></strong></span></td></tr></table></td></tr></table>"





document.getElementById("step1").innerHTML=s1_str;
document.getElementById("step2").innerHTML=s2_str;
document.getElementById("step3").innerHTML=s3_str;


}



function ShowStatic()
{
var imageName1;
var reqData;
var Rank1;
var s1_str;
var s2_str;
var s3_str;
var Rank1;
var Rank2;
var Grt;
var SinMulCom;
 if ((rankPointsMax - rankPoints)==5 )
{
	theRequiredLevel=10;
}
if ((rankPointsMax - rankPoints)<5 )
{
	theRequiredLevel=10;
}
if ((rankPointsMax - rankPoints)>5 )
{
	theRequiredLevel= 10 + (((rankPointsMax - rankPoints)-5) * 2);
}  

s1_str ="<TABLE cellSpacing=0 cellPadding=0 width='100%' border=0><TR height=65><TD width=20%><img src= images/structuretrader/ambushefficiency.jpg></TD>";
s1_str =s1_str + "<TD align=left><img src=images/headings/expertise_y.gif></TD></TR><TR  height=50 ><TD colspan=2><span style=color:E2C66E;font-size:12;><b>Click on an expertise icon to get started.<br> Left-click to add points, right-click to <br> remove them.</span></TD></tr></TABLE>";



s3_str ="<table  border=0  width=100%><tr><td width=100%><TABLE cellSpacing='12' cellPadding=0 width='80%' border='0' align=center>";
s3_str =s3_str + "<TR height=20><TD align=center><span class=savereset><strong>Spent Points</strong></span></TD><td width=68 align=center background=images/round_but.gif ><span class=savereset><strong>"+ (rankPointsMax - rankPoints) +"</strong></span></td>";
s3_str =s3_str + "</TR><TR height=20><TD align=center><span class=savereset style=color:E2C66E ><strong>Available Points</strong></span></TD><TD width=68   align=center background=images/round_but.gif><span class=savereset ><strong>"+ rankPoints +"</strong></span></td></TR>";
s3_str =s3_str + "<TR height=20><TD align=center><span class=savereset ><strong>Level Required</strong></span></TD> <TD width=68  align=center background=images/round_but.gif><span class=savereset ><strong>"+ theRequiredLevel +"</strong></span></td></TR>";
s3_str =s3_str + "</TABLE></td></tr>";
s3_str =s3_str + "<tr><td align=center><table cellPadding=0><tr height=20><td width=68 align=center background=images/round_but.gif><span style=color:white;font-size:14;><strong><a href='javascript:saveTheTemplate();' class=savereset style=color:E2C66E>Save</a></strong></span></td><td width=5></td><td width=68 align=center background=images/round_but.gif><span style=color:white;font-size:14;><strong><a href='index.vm' class=savereset style=color:E2C66E>Reset</a></strong></span></td></tr></table></td></tr></table>"


document.getElementById("step1").innerHTML=s1_str;
document.getElementById("step3").innerHTML=s3_str;


}



