Merge branch 'master' of mojotrollz.eu:wow-server/mojo_zero_web

This commit is contained in:
Tobi 2014-11-03 11:07:46 +01:00
commit fb50fc21f7
23 changed files with 207 additions and 474 deletions

3
.gitignore vendored
View File

@ -1 +1,2 @@
/nbproject/private/
/nbproject/private/
/config.php

View File

@ -4,5 +4,6 @@ SYSTEM\autoload::registerFolder(dirname(__FILE__).'/server','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/realm','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/world','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/database','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/charcreation','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/char','');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/char/qq','DBD');
SYSTEM\autoload::registerFolder(dirname(__FILE__).'/client','');

View File

@ -0,0 +1,12 @@
<?php
namespace DBD;
class TALENT_TREE extends \SYSTEM\DB\QP {
protected static function query(){
return new \SYSTEM\DB\QQuery(get_class(),
//pg
'',
//mys
'SELECT * FROM mojotrollz_talent_tree WHERE class = ?'
);}}

View File

@ -0,0 +1,12 @@
<?php
namespace DBD;
class TALENT_TREE_ICON extends \SYSTEM\DB\QP {
protected static function query(){
return new \SYSTEM\DB\QQuery(get_class(),
//pg
'',
//mys
'SELECT * FROM mojotrollz_talent_icon WHERE class = ? ORDER BY `tree`, `row`, `column`;'
);}}

View File

@ -0,0 +1,55 @@
<?php
class skilltree{
public static function generate($class){
$vars = \DBD\TALENT_TREE::Q1(array($class));
$res = \DBD\TALENT_TREE_ICON::QA(array($class));
$vars['tree1'] = $vars['tree2'] = $vars['tree3'] = '';
$count = 0;
for($t=1;$t<=3;$t++){
for($r=1;$r<=7; $r++){
for($c=1;$c<=4;$c++){
$id = 't'.$t.'r'.$r.'c'.$c;
$tree = 'tree'.$t;
if($c == 1){
$vars[$tree] .= '<div class="treerowspacer">';}
if( count($res) > $count &&
$res[$count]['tree'] == $t &&
$res[$count]['row'] == $r &&
$res[$count]['column'] == $c){
$style = $res[$count]['icon'] ? 'background: url('.$res[$count]['icon'].') 50% 50% no-repeat;' : 'visibility:visible;';
$max = $r == 1 ? (($res[$count]['parent_row']) ? '' : '0/'.$res[$count]['max']) : '';
$text_color = $r == 1 ? 'icon_text_green' : '';
$vars[$tree] .= \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PAPI(),'char/tpl/skilltree_icon.tpl'),
array( 'id' => $id,
'style' => $style,
'type' => $res[$count]['type'],
'border' => $res[$count]['border'],
'text_color' => $text_color,
'max' => $max));
$count++;
} else {
//empty
$vars[$tree] .= \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PAPI(),'char/tpl/skilltree_icon.tpl'),
array( 'id' => $id,
'style' => 'visibility:hidden;',
'type' => 'talent_icon',
'border' => '',
'text_color' => '',
'max' => ''));
}
if($c == 4){
$vars[$tree] .= '</div>';}
}
}
}
return \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PAPI(),'char/tpl/skilltree.tpl'), $vars);
}
}

View File

@ -0,0 +1,36 @@
<table width="900" border="0" cellspacing="0" cellpadding="0" align="left" style="margin-left: 10px;">
<tr>
<td class="talentheader">
<div id="treeheader1">
<strong id="treeheadertext1">
<span class="yellowFont">${tree1_name}</span>
<span class="stdText"> - 0 points</span>
</strong>
</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" id="treeheaderimg1" width="59" height="20" alt="Reset this tree">
</td>
<td class="talentheader">
<div id="treeheader2">
<strong id="treeheadertext2">
<span class="yellowFont">${tree2_name}</span>
<span class="stdText"> - 0 points</span>
</strong>
</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" id="treeheaderimg2" width="59" height="20" alt="Reset this tree">
</td>
<td class="talentheader">
<div id="treeheader3">
<strong id="treeheadertext3">
<span class="yellowFont">${tree3_name}</span>
<span class="stdText"> - 0 points</span>
</strong>
</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" id="treeheaderimg3" width="59" height="20" alt="Reset this tree">
</td>
</tr>
<tr>
<td class="outerbg" id="tree1" width="300" height="480" valign="top" style="background-image: url(${tree1_img}); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">${tree1}</td>
<td class="outerbg" id="tree2" width="300" height="480" valign="top" style="background-image: url(${tree2_img}); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">${tree2}</td>
<td class="outerbg" id="tree3" width="300" height="480" valign="top" style="background-image: url(${tree3_img}); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">${tree3}</td>
</tr>
</table>

View File

@ -0,0 +1,4 @@
<div class="icon" id="${id}" style="${style}">
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="${type} ${border}" alt="" id="${id}}i">
<div class="icon_number ${text_color}" id="${id}}c">${max}</div>
</div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.4 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 779 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

View File

@ -18,7 +18,7 @@ body {
}
.threecol_col{
display: table-cell;
display: table-cell;
position: relative;
}
@ -75,9 +75,8 @@ body {
}
#frame_content {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
padding: 15px;
display: table-cell;
}
#frame_content_left {

View File

@ -2,7 +2,8 @@
<html>
<head>
<title>${mojotrollz_page_title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="icon" href="./api.php?call=files&cat=default_page&id=favicon.ico" type="image/x-icon"/>
${css}
${js}
</head>

View File

@ -39,7 +39,7 @@
<br>
<a class="dwarf human fadein info" info="class_paladin" cclass="paladin" href="#" style="padding-left:30px;"><img src="${WOWICONS}paladin.png" /></a>
</div>
<div class="lifecraft link-color" id="details_info" style="float: left; margin-top: 15px; width: 190px; height: 300px; overflow-y: hidden; padding: 8px; font-size: 14px;">
<div class="lifecraft link-color" id="details_info" style="float: left; margin-top: 15px; width: 120px; height: 300px; overflow-y: hidden; padding: 8px; font-size: 14px;">
<h3><img src="${WOWICONS}help_questionmark.png" width="25px"/>&nbsp;&nbsp;Info</h3>
<div id="info_content">${infotext_default}</div>
</div>

View File

@ -1,5 +1,4 @@
body
{
body{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
background-color: #000000;
@ -64,52 +63,67 @@ a:visited
text-decoration: none;
}
.treerowspacer{
clear: both;
width: 100%;
height: 67px;
padding-left: 10px;
}
.contentarea{margin-top:5px;margin-left:5px;width:90%;}
.button{
//position:absolute;
background-image:none;background-repeat:no-repeat;background-position:2px 2px;text-align:center;vertical-align:middle;width:56px;height:54px;}
.buttonnumber{
//position:absolute;
color:#0F0;font-size:10px;vertical-align:middle;text-align:center;font-family:Verdana, Helvetica, Arial, sans-serif;width:21px;height:10px;right:3px;bottom:4px;}
.icon{
float: left;
position: relative;
width:65px;
height:67px;
top: 0px;
opacity: 1;
background-image:none;
background-repeat:no-repeat;
background-position:2px 2px;
text-align:center;
vertical-align:middle;
}
.icon_text_green{color: rgb(46, 255, 0);}
.icon_text_yellow{color: rgb(255, 209, 0);}
.icon_arrow_gray_down{background-position: 0px 0px;}
.icon_arrow_gray_down_right{background-position: -65px 0px;}
.icon_arrow_yellow_down{background-position: -130px 0px;}
.icon_arrow_yellow_down_right{background-position: -195px 0px;}
.icon_border_grey{background-position: 0px 0px;}
.icon_border_gray_inc_left{background-position: 0px -402px;}
.icon_border_gray_inc{background-position: 0px -268px;}
.icon_border_gray_down{background-position: 0px -201px;}
.icon_border_gray_down_right{background-position: 0px -469px;}
.icon_border_green{background-position: -65px 0px;}
.icon_border_green_right{background-position: -65px -134px;}
.icon_border_yellow{background-position: -260px 0px;}
.icon_border_yellow_inc{background-position: -260px -268px;}
.icon_border_yellow_down{background-position: -260px -201px;}
.icon_border_yellow_down_right{background-position: -260px -469px;}
.icon_number{
position: relative;
float: right;
font-size:10px;
vertical-align:middle;
text-align:center;
font-family:Verdana, Helvetica, Arial, sans-serif;
width:21px;
height:10px;
right:3px;
bottom:19px;}
.window{
//position:absolute;
position: relative;
background-color:#000;left:-1000px;width:300px;top:135px;padding:1px 1px 1px 1px;color:#000;z-index:6;}
.window a{color:#000001;}
.window th{background-color:#333;border:1px solid #CCC;color:#FFF;}
.window table{background-color:#DADADA;border:0 solid #CCC;}
.arrowrd{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=rightdown.png);
//position:absolute;
background-position:right top;z-index:2;}
.arrowd{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=down.png);
//position:absolute;
background-position:right bottom;z-index:2;}
.arrowld{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=leftdown.png);
//position:absolute;
background-position:left top;z-index:2;}
.arrowl{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=left.png);
//position:absolute;
background-position:left bottom;z-index:2;}
.arrowr{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=right.png);
//position:absolute;
background-position:right bottom;z-index:2;}
.arrowrd_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=rightdown_yellow.png);
//position:absolute;
background-position:right top;z-index:2;}
.arrowd_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=down_yellow.png);
//position:absolute;
background-position:right bottom;z-index:2;}
.arrowld_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=leftdown_yellow.png);
//position:absolute;
background-position:left top;z-index:2;}
.arrowl_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=left_yellow.png);
//position:absolute;
background-position:left bottom;z-index:2;}
.arrowr_yellow{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=right_yellow.png);
//position:absolute;
background-position:right bottom;z-index:2;}
.tooltip {
//position:absolute;
z-index:9999;font-family:Verdana, Helvetica, Arial, sans-serif;color:#FFFFFF;font-size:12px;line-height:17px;width:300px;left:-1000px;}
@ -128,13 +142,24 @@ a:visited
.yellowFont{color:#FFD100;}
.talentheader {border-bottom:0px solid #002B55;background-image: url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=tableheader.png);}
.talentheader {width: 300px; border-bottom:0px solid #002B55;background-image: url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=tableheader.png);}
.talentheader div{padding-right:20px;background-repeat:no-repeat;background-position:bottom right;height:41px;width:209px;float:left;}
.talentheader strong{font-weight:bold;display:block;padding-left:18px;padding-top:14px;vertical-align:bottom;}
.talentheader img {margin-top:11px; cursor:pointer; background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=resetbutton.png);}
.outerbg{border:0px solid #002B55;background-color:#002B55;}
.talenticon{background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=borders.gif);background-position:0 0;background-repeat:no-repeat;width:56px;height:54px;}
.outerbg{border:0px solid #002B55;background-color:#002B55; padding-left: 12px;}
.talent_icon{
background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=skilltree_icons.gif);
background-repeat:no-repeat;
width:65px;
height:67px;
}
.talent_arrow{
background-image:url(http://www.mojotrollz.eu/web/mojotrollz/api.php?call=files&cat=skilltree&id=arrows.gif);
background-repeat:no-repeat;
width:65px;
height:67px;
}
.noscript{
//position:absolute;
left:462px;right:318px;top:5px;overflow:hidden;text-align:center;z-index:20;border:2px solid #600;color:#FFF;font-size:12px;padding:3px;}

View File

@ -1,5 +1,4 @@
<?php
class wizard_skills extends SYSTEM\PAGE\Page {
private function js(){
@ -11,9 +10,8 @@ class wizard_skills extends SYSTEM\PAGE\Page {
}
public function html(){
$vars = array();
$vars['js'] = $this->js();
$vars['css'] = $this->css();
return SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_skills/wizard_skills.tpl'), $vars);
$vars = array();
$vars['skilltree'] = skilltree::generate(11); //druid
return \SYSTEM\PAGE\replace::replaceFile(SYSTEM\SERVERPATH(new PPAGE(),'wizard_skills/wizard_skills.tpl'), $vars);
}
}

View File

@ -1,418 +1,2 @@
<table width="900" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td width="300" class="talentheader">
<div id="treeheader1"><strong id="treeheadertext1"><span class="yellowFont">Balance</span><span class="stdText"> - 0 points</span></strong></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" id="treeheaderimg1" onmouseover="javascript:resetHoverOn('treeheaderimg1');" onmouseout="javascript:resetHoverOff('treeheaderimg1');" width="59" height="20" alt="Reset this tree">
</td>
<td width="300" class="talentheader">
<div id="treeheader2"><strong id="treeheadertext2"><span class="yellowFont">Feral</span><span class="stdText"> - 32 points</span></strong></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" id="treeheaderimg2" onmouseover="javascript:resetHoverOn('treeheaderimg2');" onmouseout="javascript:resetHoverOff('treeheaderimg2');" width="59" height="20" alt="Reset this tree">
</td>
<td width="300" class="talentheader">
<div id="treeheader3"><strong id="treeheadertext3"><span class="yellowFont">Restoration</span><span class="stdText"> - 0 points</span></strong></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" id="treeheaderimg3" onmouseover="javascript:resetHoverOn('treeheaderimg3');" onmouseout="javascript:resetHoverOff('treeheaderimg3');" width="59" height="20" alt="Reset this tree">
</td>
</tr>
<tr>
<td class="outerbg" id="tree1" width="300" height="480" valign="top" style="background-image: url(http://www.wowprovider.com/img/talent/bg/normal/druidBalance.jpg); background-color: rgb(0, 0, 0); background-repeat: no-repeat;">
<div class="button" id="t1r1p1" style="left: 212px; right: -100px; top: 201px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_abolishmagic.png);">
<div class="buttonnumber" id="t1r1p1c" style="color: rgb(46, 255, 0);">0/5</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r1p1i" style="background-position: -56px 0px;">
</div>
<div class="button" id="t1r1p2" style="left: 277px; right: -100px; top: 201px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_natureswrath.png);">
<div class="buttonnumber" id="t1r1p2c" style="color: rgb(46, 255, 0);">0/1</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r1p2i" style="background-position: -56px 0px;"></div>
<div class="button" id="t1r1p3" style="left: 342px; right: -100px; top: 201px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_natureswrath.png);">
<div class="buttonnumber" id="t1r1p3c" style="color: rgb(46, 255, 0);"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r1p3i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r1p4" style="left: 407px; right: -100px; top: 201px; display: none;">
<div class="buttonnumber" id="t1r1p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r1p4i"></div>
<div class="button" id="t1r2p1" style="left: 212px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_stranglevines.png);">
<div class="buttonnumber" id="t1r2p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r2p1i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r2p2" style="left: 277px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_starfall.png);">
<div class="buttonnumber" id="t1r2p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r2p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r2p3" style="left: 342px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/inv_staff_01.png);">
<div class="buttonnumber" id="t1r2p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r2p3i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r2p4" style="left: 407px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_wispsplode.png);">
<div class="buttonnumber" id="t1r2p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r2p4i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r3p1" style="left: 212px; right: -100px; top: 331px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_thorns.png);">
<div class="buttonnumber" id="t1r3p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r3p1i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r3p2" style="left: 277px; right: -100px; top: 331px; display: none;">
<div class="buttonnumber" id="t1r3p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r3p2i"></div>
<div class="button" id="t1r3p3" style="left: 342px; right: -100px; top: 331px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_crystalball.png);">
<div class="buttonnumber" id="t1r3p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r3p3i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r3p4" style="left: 407px; right: -100px; top: 331px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_naturetouchgrow.png);">
<div class="buttonnumber" id="t1r3p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r3p4i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r4p1" style="left: 212px; right: -100px; top: 396px; display: none;">
<div class="buttonnumber" id="t1r4p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r4p1i"></div>
<div class="button" id="t1r4p2" style="left: 277px; right: -100px; top: 396px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_purge.png);">
<div class="buttonnumber" id="t1r4p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r4p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r4p3" style="left: 342px; right: -100px; top: 396px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_arcane_starfire.png);">
<div class="buttonnumber" id="t1r4p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r4p3i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r4p4" style="left: 407px; right: -100px; top: 396px; display: none;">
<div class="buttonnumber" id="t1r4p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r4p4i"></div>
<div class="button" id="t1r5p1" style="left: 212px; right: -100px; top: 461px; display: none;">
<div class="buttonnumber" id="t1r5p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r5p1i"></div>
<div class="button" id="t1r5p2" style="left: 277px; right: -100px; top: 461px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_naturesblessing.png);">
<div class="buttonnumber" id="t1r5p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r5p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r5p3" style="left: 342px; right: -100px; top: 461px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_sentinal.png);">
<div class="buttonnumber" id="t1r5p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r5p3i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r5p4" style="left: 407px; right: -100px; top: 461px; display: none;">
<div class="buttonnumber" id="t1r5p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r5p4i"></div>
<div class="button" id="t1r6p1" style="left: 212px; right: -100px; top: 526px; display: none;">
<div class="buttonnumber" id="t1r6p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r6p1i"></div>
<div class="button" id="t1r6p2" style="left: 277px; right: -100px; top: 526px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_moonglow.png);">
<div class="buttonnumber" id="t1r6p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r6p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r6p3" style="left: 342px; right: -100px; top: 526px; display: none;">
<div class="buttonnumber" id="t1r6p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r6p3i"></div>
<div class="button" id="t1r6p4" style="left: 407px; right: -100px; top: 526px; display: none;">
<div class="buttonnumber" id="t1r6p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r6p4i"></div>
<div class="button" id="t1r7p1" style="left: 212px; right: -100px; top: 591px; display: none;">
<div class="buttonnumber" id="t1r7p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r7p1i"></div>
<div class="button" id="t1r7p2" style="left: 277px; right: -100px; top: 591px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_forceofnature.png);">
<div class="buttonnumber" id="t1r7p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r7p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t1r7p3" style="left: 342px; right: -100px; top: 591px; display: none;">
<div class="buttonnumber" id="t1r7p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r7p3i"></div>
<div class="button" id="t1r7p4" style="left: 407px; right: -100px; top: 591px; display: none;">
<div class="buttonnumber" id="t1r7p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r7p4i"></div>
<div class="button" id="t1r8p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r8p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r8p1i"></div>
<div class="button" id="t1r8p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r8p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r8p2i"></div>
<div class="button" id="t1r8p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r8p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r8p3i"></div>
<div class="button" id="t1r8p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r8p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r8p4i"></div>
<div class="button" id="t1r9p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r9p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r9p1i"></div>
<div class="button" id="t1r9p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r9p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r9p2i"></div>
<div class="button" id="t1r9p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r9p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r9p3i"></div>
<div class="button" id="t1r9p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r9p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r9p4i"></div>
<div class="button" id="t1r10p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r10p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r10p1i"></div>
<div class="button" id="t1r10p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r10p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r10p2i"></div>
<div class="button" id="t1r10p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r10p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r10p3i"></div>
<div class="button" id="t1r10p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r10p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r10p4i"></div>
<div class="button" id="t1r11p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r11p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r11p1i"></div>
<div class="button" id="t1r11p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r11p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r11p2i"></div>
<div class="button" id="t1r11p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r11p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r11p3i"></div>
<div class="button" id="t1r11p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t1r11p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t1r11p4i"></div><div class="arrowd" style="left: 360px; top: 313px; height: 22px; width: 15px;" id="arrowd133"></div><div class="arrowd" style="left: 295px; top: 508px; height: 22px; width: 15px;" id="arrowd162"></div><div class="arrowd" style="left: 295px; top: 313px; height: 87px; width: 15px;" id="arrowd142"></div><div id="arrowr113" class="arrowr" style="left: 324px; top: 221px; height: 15px; width: 25px;"></div>
</td>
<td class="outerbg" id="tree2" width="300" height="480" valign="top" style="background-image: url(http://www.wowprovider.com/img/talent/bg/normal/druidFeral.jpg); background-color: rgb(0, 0, 0);"><div class="button" id="t2r1p1" style="left: 512px; right: -100px; top: 201px; display: none;">
<div class="buttonnumber" id="t2r1p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r1p1i"></div>
<div class="button" id="t2r1p2" style="left: 577px; right: -100px; top: 201px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_hunter_pet_hyena.png);">
<div class="buttonnumber" id="t2r1p2c" style="color: rgb(255, 209, 0);">5/5</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r1p2i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r1p3" style="left: 642px; right: -100px; top: 201px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_druid_demoralizingroar.png);">
<div class="buttonnumber" id="t2r1p3c" style="color: rgb(46, 255, 0);">0/5</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r1p3i" style="background-position: -56px 0px;"></div>
<div class="button" id="t2r1p4" style="left: 707px; right: -100px; top: 201px; display: none;">
<div class="buttonnumber" id="t2r1p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r1p4i"></div>
<div class="button" id="t2r2p1" style="left: 512px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_ambush.png);">
<div class="buttonnumber" id="t2r2p1c" style="color: rgb(46, 255, 0);">0/5</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r2p1i" style="background-position: -56px 0px;"></div>
<div class="button" id="t2r2p2" style="left: 577px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_druid_bash.png);">
<div class="buttonnumber" id="t2r2p2c" style="color: rgb(46, 255, 0);">0/2</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r2p2i" style="background-position: -56px 0px;"></div>
<div class="button" id="t2r2p3" style="left: 642px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/inv_misc_pelt_bear_03.png);">
<div class="buttonnumber" id="t2r2p3c" style="color: rgb(255, 209, 0);">5/5</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r2p3i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r2p4" style="left: 707px; right: -100px; top: 266px; display: none;">
<div class="buttonnumber" id="t2r2p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r2p4i"></div>
<div class="button" id="t2r3p1" style="left: 512px; right: -100px; top: 331px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_spiritwolf.png);">
<div class="buttonnumber" id="t2r3p1c" style="color: rgb(255, 209, 0);">2/2</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r3p1i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r3p2" style="left: 577px; right: -100px; top: 331px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_hunter_pet_bear.png);">
<div class="buttonnumber" id="t2r3p2c" style="color: rgb(255, 209, 0);">1/1</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r3p2i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r3p3" style="left: 642px; right: -100px; top: 331px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/inv_misc_monsterclaw_04.png);">
<div class="buttonnumber" id="t2r3p3c" style="color: rgb(255, 209, 0);">3/3</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r3p3i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r3p4" style="left: 707px; right: -100px; top: 331px; display: none;">
<div class="buttonnumber" id="t2r3p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r3p4i"></div>
<div class="button" id="t2r4p1" style="left: 512px; right: -100px; top: 396px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_shadow_vampiricaura.png);">
<div class="buttonnumber" id="t2r4p1c" style="color: rgb(46, 255, 0);">0/2</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r4p1i" style="background-position: -56px 0px;"></div>
<div class="button" id="t2r4p2" style="left: 577px; right: -100px; top: 396px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_hunter_pet_cat.png);">
<div class="buttonnumber" id="t2r4p2c" style="color: rgb(255, 209, 0);">3/3</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r4p2i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r4p3" style="left: 642px; right: -100px; top: 396px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_ghoulfrenzy.png);">
<div class="buttonnumber" id="t2r4p3c" style="color: rgb(255, 209, 0);">2/2</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r4p3i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r4p4" style="left: 707px; right: -100px; top: 396px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_racial_cannibalize.png);">
<div class="buttonnumber" id="t2r4p4c" style="color: rgb(255, 209, 0);">2/2</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r4p4i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r5p1" style="left: 512px; right: -100px; top: 461px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/ability_druid_ravage.png);">
<div class="buttonnumber" id="t2r5p1c" style="color: rgb(255, 209, 0);">2/2</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r5p1i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r5p2" style="left: 577px; right: -100px; top: 461px; display: none;">
<div class="buttonnumber" id="t2r5p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r5p2i"></div>
<div class="button" id="t2r5p3" style="left: 642px; right: -100px; top: 461px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_faeriefire.png);">
<div class="buttonnumber" id="t2r5p3c" style="color: rgb(255, 209, 0);">1/1</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r5p3i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r5p4" style="left: 707px; right: -100px; top: 461px; display: none;">
<div class="buttonnumber" id="t2r5p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r5p4i"></div>
<div class="button" id="t2r6p1" style="left: 512px; right: -100px; top: 526px; display: none;">
<div class="buttonnumber" id="t2r6p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r6p1i"></div>
<div class="button" id="t2r6p2" style="left: 577px; right: -100px; top: 526px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_holy_blessingofagility.png);">
<div class="buttonnumber" id="t2r6p2c" style="color: rgb(255, 209, 0);">5/5</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r6p2i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r6p3" style="left: 642px; right: -100px; top: 526px; display: none;">
<div class="buttonnumber" id="t2r6p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r6p3i"></div>
<div class="button" id="t2r6p4" style="left: 707px; right: -100px; top: 526px; display: none;">
<div class="buttonnumber" id="t2r6p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r6p4i"></div>
<div class="button" id="t2r7p1" style="left: 512px; right: -100px; top: 591px; display: none;">
<div class="buttonnumber" id="t2r7p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r7p1i"></div>
<div class="button" id="t2r7p2" style="left: 577px; right: -100px; top: 591px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_unyeildingstamina.png);">
<div class="buttonnumber" id="t2r7p2c" style="color: rgb(255, 209, 0);">1/1</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r7p2i" style="background-position: -224px 0px;"></div>
<div class="button" id="t2r7p3" style="left: 642px; right: -100px; top: 591px; display: none;">
<div class="buttonnumber" id="t2r7p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r7p3i"></div>
<div class="button" id="t2r7p4" style="left: 707px; right: -100px; top: 591px; display: none;">
<div class="buttonnumber" id="t2r7p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r7p4i"></div>
<div class="button" id="t2r8p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r8p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r8p1i"></div>
<div class="button" id="t2r8p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r8p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r8p2i"></div>
<div class="button" id="t2r8p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r8p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r8p3i"></div>
<div class="button" id="t2r8p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r8p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r8p4i"></div>
<div class="button" id="t2r9p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r9p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r9p1i"></div>
<div class="button" id="t2r9p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r9p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r9p2i"></div>
<div class="button" id="t2r9p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r9p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r9p3i"></div>
<div class="button" id="t2r9p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r9p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r9p4i"></div>
<div class="button" id="t2r10p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r10p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r10p1i"></div>
<div class="button" id="t2r10p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r10p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r10p2i"></div>
<div class="button" id="t2r10p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r10p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r10p3i"></div>
<div class="button" id="t2r10p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r10p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r10p4i"></div>
<div class="button" id="t2r11p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r11p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r11p1i"></div>
<div class="button" id="t2r11p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r11p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r11p2i"></div>
<div class="button" id="t2r11p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r11p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r11p3i"></div>
<div class="button" id="t2r11p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t2r11p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t2r11p4i"></div><div class="arrowd_yellow" style="left: 660px; top: 378px; height: 22px; width: 15px;" id="arrowd243"></div><div id="arrowrd244" class="arrowrd_yellow" style="left: 689px; top: 351px; height: 15px; width: 51px;"></div><div class="arrowd_yellow" style="left: 725px; top: 366px; height: 35px; width: 15px;" id="arrowd244"></div><div class="arrowd_yellow" style="left: 595px; top: 443px; height: 87px; width: 15px;" id="arrowd262"></div></td>
<td class="outerbg" id="tree3" width="300" height="480" valign="top" style="background-image: url(http://www.wowprovider.com/img/talent/bg/normal/druidRestoration.jpg); background-color: rgb(0, 0, 0);"><div class="button" id="t3r1p1" style="left: 812px; right: -100px; top: 201px; display: none;">
<div class="buttonnumber" id="t3r1p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r1p1i"></div>
<div class="button" id="t3r1p2" style="left: 877px; right: -100px; top: 201px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_nature_regeneration.png);">
<div class="buttonnumber" id="t3r1p2c" style="color: rgb(46, 255, 0);">0/5</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r1p2i" style="background-position: -56px 0px;"></div>
<div class="button" id="t3r1p3" style="left: 942px; right: -100px; top: 201px; opacity: 1; background-image: url(http://www.wowprovider.com/img/Spells/spell_holy_blessingofstamina.png);">
<div class="buttonnumber" id="t3r1p3c" style="color: rgb(46, 255, 0);">0/5</div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r1p3i" style="background-position: -56px 0px;"></div>
<div class="button" id="t3r1p4" style="left: 1007px; right: -100px; top: 201px; display: none;">
<div class="buttonnumber" id="t3r1p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r1p4i"></div>
<div class="button" id="t3r2p1" style="left: 812px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_healingtouch.png);">
<div class="buttonnumber" id="t3r2p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r2p1i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r2p2" style="left: 877px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_healingwavegreater.png);">
<div class="buttonnumber" id="t3r2p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r2p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r2p3" style="left: 942px; right: -100px; top: 266px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/ability_druid_enrage.png);">
<div class="buttonnumber" id="t3r2p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r2p3i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r2p4" style="left: 1007px; right: -100px; top: 266px; display: none;">
<div class="buttonnumber" id="t3r2p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r2p4i"></div>
<div class="button" id="t3r3p1" style="left: 812px; right: -100px; top: 331px; display: none;">
<div class="buttonnumber" id="t3r3p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r3p1i"></div>
<div class="button" id="t3r3p2" style="left: 877px; right: -100px; top: 331px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_frost_windwalkon.png);">
<div class="buttonnumber" id="t3r3p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r3p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r3p3" style="left: 942px; right: -100px; top: 331px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_insectswarm.png);">
<div class="buttonnumber" id="t3r3p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r3p3i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r3p4" style="left: 1007px; right: -100px; top: 331px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/ability_eyeoftheowl.png);">
<div class="buttonnumber" id="t3r3p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r3p4i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r4p1" style="left: 812px; right: -100px; top: 396px; display: none;">
<div class="buttonnumber" id="t3r4p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r4p1i"></div>
<div class="button" id="t3r4p2" style="left: 877px; right: -100px; top: 396px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_holy_elunesgrace.png);">
<div class="buttonnumber" id="t3r4p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r4p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r4p3" style="left: 942px; right: -100px; top: 396px; display: none;">
<div class="buttonnumber" id="t3r4p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r4p3i"></div>
<div class="button" id="t3r4p4" style="left: 1007px; right: -100px; top: 396px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_rejuvenation.png);">
<div class="buttonnumber" id="t3r4p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r4p4i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r5p1" style="left: 812px; right: -100px; top: 461px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_ravenform.png);">
<div class="buttonnumber" id="t3r5p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r5p1i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r5p2" style="left: 877px; right: -100px; top: 461px; display: none;">
<div class="buttonnumber" id="t3r5p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r5p2i"></div>
<div class="button" id="t3r5p3" style="left: 942px; right: -100px; top: 461px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_protectionformnature.png);">
<div class="buttonnumber" id="t3r5p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r5p3i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r5p4" style="left: 1007px; right: -100px; top: 461px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_tranquility.png);">
<div class="buttonnumber" id="t3r5p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r5p4i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r6p1" style="left: 812px; right: -100px; top: 526px; display: none;">
<div class="buttonnumber" id="t3r6p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r6p1i"></div>
<div class="button" id="t3r6p2" style="left: 877px; right: -100px; top: 526px; display: none;">
<div class="buttonnumber" id="t3r6p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r6p2i"></div>
<div class="button" id="t3r6p3" style="left: 942px; right: -100px; top: 526px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/spell_nature_resistnature.png);">
<div class="buttonnumber" id="t3r6p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r6p3i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r6p4" style="left: 1007px; right: -100px; top: 526px; display: none;">
<div class="buttonnumber" id="t3r6p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r6p4i"></div>
<div class="button" id="t3r7p1" style="left: 812px; right: -100px; top: 591px; display: none;">
<div class="buttonnumber" id="t3r7p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r7p1i"></div>
<div class="button" id="t3r7p2" style="left: 877px; right: -100px; top: 591px; opacity: 1; background-image: url(http://www.wowprovider.com/img/SpellsGrey/inv_relics_idolofrejuvenation.png);">
<div class="buttonnumber" id="t3r7p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r7p2i" style="background-position: 0px 0px;"></div>
<div class="button" id="t3r7p3" style="left: 942px; right: -100px; top: 591px; display: none;">
<div class="buttonnumber" id="t3r7p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r7p3i"></div>
<div class="button" id="t3r7p4" style="left: 1007px; right: -100px; top: 591px; display: none;">
<div class="buttonnumber" id="t3r7p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r7p4i"></div>
<div class="button" id="t3r8p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r8p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r8p1i"></div>
<div class="button" id="t3r8p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r8p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r8p2i"></div>
<div class="button" id="t3r8p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r8p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r8p3i"></div>
<div class="button" id="t3r8p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r8p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r8p4i"></div>
<div class="button" id="t3r9p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r9p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r9p1i"></div>
<div class="button" id="t3r9p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r9p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r9p2i"></div>
<div class="button" id="t3r9p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r9p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r9p3i"></div>
<div class="button" id="t3r9p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r9p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r9p4i"></div>
<div class="button" id="t3r10p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r10p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r10p1i"></div>
<div class="button" id="t3r10p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r10p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r10p2i"></div>
<div class="button" id="t3r10p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r10p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r10p3i"></div>
<div class="button" id="t3r10p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r10p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r10p4i"></div>
<div class="button" id="t3r11p1" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r11p1c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r11p1i"></div>
<div class="button" id="t3r11p2" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r11p2c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r11p2i"></div>
<div class="button" id="t3r11p3" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r11p3c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r11p3i"></div>
<div class="button" id="t3r11p4" style="left: -100px;right: -100px;">
<div class="buttonnumber" id="t3r11p4c"></div>
<img src="./api.php?call=files&cat=skilltree&id=spacer.gif" class="talenticon" alt="" id="t3r11p4i"></div><div class="arrowd" style="left: 960px; top: 378px; height: 87px; width: 15px;" id="arrowd353"></div><div class="arrowd" style="left: 830px; top: 313px; height: 152px; width: 15px;" id="arrowd351"></div><div class="arrowd" style="left: 895px; top: 443px; height: 152px; width: 15px;" id="arrowd372"></div></td>
</tr>
</table>
<div id="frame_content_toolbar" style="margin-top: 75px; height: 75px;"></div>
${skilltree}
<div id="frame_content_toolbar" style="padding-top: 115px; margin-top: 420px; height: 175px;"></div>

5
mojotrollz/path/PAPI.php Normal file
View File

@ -0,0 +1,5 @@
<?php
class PAPI extends \SYSTEM\PATH {
public static function getPath(){
return \SYSTEM\C_ROOT.'mojotrollz/api/'.\SYSTEM\C_SUBPATH;}
}