# agartha tab

<!-- TOP FORUM -->
<script type="text/javascript" src="http://ffmagazine.forumfree.net/bored/r/r.min.js"></script>
<script type="text/javascript" src="http://ffmagazine.forumfree.net/ial32/header.js"></script>
<script type="text/javascript" src="http://ffmagazine.forumfree.net/ial32/libraries.js"></script>
<script type="text/javascript" src="http://ffmagazine.forumfree.net/bored/bored.js"></script>
<script type="text/javascript">
var fastLife = {
active: true,
image: 'http://dumpshare.net/images/318o6KQsX4.png'
}
</script>
<script type="text/javascript" src="http://ffx.forumfree.net/flexlex/easyslide/"></script>

<!-- TAB -->

<script type="text/javascript">
cov0=new Image();
cov1=new Image();
cov2=new Image();
cov3=new Image();
cov4=new Image();
cov5=new Image();
cov6=new Image();
cov7=new Image();
cov8=new Image();
cov9=new Image();



cov0.src="http://i.imgur.com/f4uC8zE.png";
cov1.src="http://i.imgur.com/9vXWpWt.png";
cov2.src="http://i.imgur.com/aWYyXFH.png";
cov3.src="http://i.imgur.com/Bm3BSz6.png";
cov4.src="http://i.imgur.com/AtalglT.png";
cov5.src="http://i.imgur.com/DVFxdpG.png";
cov6.src="http://i.imgur.com/DVFxdpG.png";
cov7.src="http://placehold.it/35x38";
cov8.src="http://i.imgur.com/DVFxdpG.png";
cov9.src="http://placehold.it/35x38";
</script>

<div id="slideshow">

<!-- Radio do not touch -->
<input checked="checked" type="radio" name="pan" id="pan1">
<input type="radio" name="pan" id="pan2">
<input type="radio" name="pan" id="pan3">
<input type="radio" name="pan" id="pan4">
<div id="slides">
<div id="mask">
<div class="slide_content">
<!-- end radio -->

<div class="pannello" id="p1"> <!-- Pannello 1 -->
<table align="center" width="auto" height="90px" style="background: transparent" valign="center">
<tr valign="center">
<td width="100px" title="fast links" align="left">
<div class="fastl">
<a href="xx" class="fastl"><i class="fa fa-info-circle"></i> Q&A</a>
<a href="xx" class="fastl"><i class="fa fa-gears"></i> guides</a>
<a href="xx" class="fastl"><i class="fa fa-folder-open"></i> archive</a>
<a href="xx" class="fastl"><i class="fa fa-exclamation-circle"></i> support</a>
</div>
</td>
<td width="150px" title="staff" valign="center" align="center">
<div style="display: block; padding: 4px; margin: 0 0 3px 0; font-family: 'Raleway', sans-serif; font-size: 15px; color: #be6012; text-transform: uppercase; letter-spacing: 0.1px"><i class="fa fa-users"></i> staff</div>
<div class="staffscont"><a onMouseover="document.roll.src=cov1.src" onMouseout="document.roll.src=cov0.src" href="x" class="staffs"><img src="http://placehold.it/45x45"></a><a onMouseover="document.roll.src=cov2.src" onMouseout="document.roll.src=cov0.src" href="x" class="staffs"><img src="http://placehold.it/45x45"></a><a onMouseover="document.roll.src=cov3.src" onMouseout="document.roll.src=cov0.src" href="x" class="staffs"><img src="http://placehold.it/45x45"></a><a onMouseover="document.roll.src=cov4.src" onMouseout="document.roll.src=cov0.src" href="x" class="staffs"><img src="http://placehold.it/45x45"></a></div></td>
<td width="300px" title="trama">
<div style="display: block; padding: 4px; border-bottom: #24476b solid 1px; margin: 0 0 3px 0; font-family: 'Raleway', sans-serif; font-size: 15px; color: #be6012; text-transform: uppercase; letter-spacing: 0.1px">Gaia's Chronicles <i class="fa fa-eye"></i> <a href="x">read more</a></div><div style="overflow: auto; padding: 5px; font-family: Tahoma, sans-serif; font-size: 11px; line-height: 170%; height: 114px; text-align: justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse volutpat ex at laoreet porttitor. Morbi pellentesque orci ut arcu imperdiet sagittis. Vivamus metus diam, bibendum sed luctus vitae, fermentum ut massa. Aliquam vestibulum varius lacus facilisis efficitur. Vivamus dapibus arcu vitae turpis gravida, ut consequat leo imperdiet. Sed ut enim quam. Proin tincidunt purus non ipsum laoreet, at dapibus nibh tincidunt. Nam nunc felis, vestibulum faucibus ipsum sit amet, varius pharetra nisl. Sed pulvinar lacus at lacus facilisis, a rutrum nunc bibendum. Integer maximus lectus vitae tincidunt tincidunt. Suspendisse nunc felis, egestas at lectus hendrerit, tincidunt rhoncus odio. Sed pharetra cursus tellus, in interdum ex ultricies in. Fusce gravida odio non lectus mollis cursus.</div></td>
<td title="contattaci / staffer in-depth">
<div style="margin-top: 15px; width: 250px; height: 79px; border: 2px solid #361e3d"><img src="http://i.imgur.com/f4uC8zE.png" name="roll"></div><div class="readmore"><a href="x"><i class="fa fa-comment"></i> contact us</a></div></td>
</tr>
</table>
</div>

<div class="pannello" id="p2"> <!-- Pannello 2 -->
<table align="center" width="auto" height="90px" style="background: transparent" valign="center">
<tr valign="center">
<td width="100px" title="fast links" valign="center" align="left">
<div class="regsl">
<a href="xx" class="regsl"><i class="fa fa-cog"></i> factions</a>
<a href="xx" class="regsl"><i class="fa fa-bullseye"></i> abilities</a>
<a href="xx" class="regsl"><i class="fa fa-code"></i> codes</a>
<a href="xx" class="regsl"><i class="fa fa-star"></i> tutorial</a>
<a href="xx" class="regsl"><i class="fa fa-comments"></i> rank list</a>
</div>
</td>
<td title="fazioni" width="80%"><div data-slide="height:adapt; effect:flyin{right,continue}; duration: 500ms; autoslide: none; buttons: buttons; style: class{ezfacs}">
<div data-label="Index">
<img src="http://i.imgur.com/H8L9dXD.png">
<div class="linkibricki"><a href="x"><i class="fa fa-info"></i> fazioni</a> <a href="x"><i class="fa fa-info"></i> regolamento</a> <i class="fa fa-info"></i> slider di fazione</div>
</div>
<div data-label="Illuminati">
<img src="http://i.imgur.com/rMlU8Cn.png">
<div class="lumies"><a href="x" ><i class="fa fa-plus"></i> illuminati</a> / <i class="fa fa-building"></i> The Labyrinth / <i class="fa fa-bullseye"></i> New York</div>
</div>
<div data-label="Templari">
<img src="http://i.imgur.com/N270zmJ.png">
<div class="temps"><a href="x"><i class="fa fa-plus"></i> templari</a> / <i class="fa fa-building"></i> Temple Hall / <i class="fa fa-bullseye"></i> Londra</div>
</div>
<div data-label="Dragone">
<img src="http://i.imgur.com/AgGw4Pn.png">
<div class="drac"><a href="x"><i class="fa fa-plus"></i> dragone</a> / <i class="fa fa-building"></i> Il Dojang / <i class="fa fa-bullseye"></i> Seoul</div>
</div>
<div data-label="Concilio">
<img src="http://i.imgur.com/61Zkrpr.png">
<div class="thief"><a href="x"><i class="fa fa-plus"></i> concilio</a> / <i class="fa fa-building"></i> The Sunken Library / <i class="fa fa-bullseye"></i> Venezia</div>
</div>
</div></td>
<td title="npc">
<div style="display: block; padding: 4px; margin: 0 0 3px 0; font-family: 'Raleway', sans-serif; font-size: 15px; color: #be6012; text-transform: uppercase; letter-spacing: 0.1px"><i class="fa fa-users"></i> PNG Fazione</div>
<a onMouseover="document.roll1.src=cov6.src" onMouseout="document.roll1.src=cov5.src" href="x" class="facsmin"><img src="http://placehold.it/35x38"></a> <a onMouseover="document.roll1.src=cov7.src" onMouseout="document.roll1.src=cov5.src" href="x" class="facsmin"><img src="http://placehold.it/35x38"></a> <a onMouseover="document.roll1.src=cov8.src" onMouseout="document.roll1.src=cov5.src" href="x" class="facsmin"><img src="http://placehold.it/35x38"></a> <a onMouseover="document.roll1.src=cov9.src" onMouseout="document.roll1.src=cov5.src" href="x" class="facsmin"><img src="http://placehold.it/35x38"></a>
<div style="margin-top: 15px; width: 250px; height: 50px; border: 2px solid #361e3d"><img src="http://i.imgur.com/DVFxdpG.png" name="roll1"></div></td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="active">
<label for="pan1">fast links</label>
<label for="pan2">gdr specs</label>
</div>


</div>

<! -- BOTTOM forum -->
<!--single spoiler opener-->
<script type="text/javascript" src="http://ffmagazine.forumfree.net/others/singlespoiler.js"></script>
<!--always at the end select all snipped-->
<script type="text/javascript">//Personalizzazioni per gli script IAL32
var codeSelect = {
"active": 0,
"text": "select all"
};</script>
<script type="text/javascript" src="http://ffmagazine.forumfree.net/ial32/scripts.js"></script>
<script type="text/javascript" src="http://ffx.forumfree.net/flexlex/tagsystem"></script>
<!-- jslider -->
<!-- [INIZIO] JSLIDER -->
<script type="text/Javascript">
/* ---------------------------*/
// SCRIPT JSLIDER 2.0sp
// SLASH'
// PIXEL GRAPHIC STUDIO v3
/* ---------------------------*/
/* NUMERO PANNELLI AUMENTATE/DIMINUITE IN BASE AL NUMERO DEI PANNELLI */
 var last = 3;
/* NON MODIFICARE */
 var first = 1;
 var current = 3;
 var slider = document.getElementById('jslider');
 var timeout;
var running=true;
 function nextTab() {
 if(running)
 {
 object = document.getElementById('slide' + current);
 object.checked=false;
 if (current == last) { current = 1; }
 else { current++ }
 object = document.getElementById('slide' + current);
 object.checked=true;
 }
 timeout = setTimeout('nextTab()', 3500);
 }
 slider.onmouseover = function(){
 clearTimeout( timeout );
 }
 slider.onmouseout = function nextTab() {
timeout = setTimeout('nextTab()', 3500)
 }
</script>
<script type="text/Javascript"> nextTab() </script>
<!-- [FINE] JSLIDER -->
<script type="text/javascript">PixelSimpleHtmlSlideManager.loaded();</script>