<!--
*****************************
 DON'T change anything below
***************************** -->
<table id="viewer" cellspacing=0 cellpadding=0 border=0 align=center><tbody>
<tr>
 <td align="center">
  <table id="albumbx" border=0 width="100%"><tr>
   <td width="10"><a id="pAlb" onclick="prevAlb()" title="Previous Album"></a></td>
   <td align="center"><div id="tAlb"></div></td>
   <td width="10"><a id="nAlb" onclick="nxtAlb()" title="Next Album"></a></td>
  </tr></table>
 </td>
</tr>
<tr>
 <td><img id="pic" onclick="openImg()" border="0"></td>
</tr>
<tr>
 <td>
  <table id="controls" border=0 width="100%">
  <tbody><tr>
    <td align="center"><a id="sImg" onclick="start()" title="First image"></a></td>
    <td align="center"><a id="pImg" onclick="prev()" title="Previous image"></a></td>
    <td align="center"><a id="tShow" onclick="toggleShow()" title="Start/Stop Slideshow"></a></td>
    <td align="center"><a id="nImg" onclick="nxtImg()" title="Next image"></a></td>
    <td align="center"><a id="lImg" onclick="end()" title="Last image"></a></td>
    <td align="center"><div id="currNumber"></div></td>
    <td align="center" id="rImgBx" width=album:2><a id="rImg" onclick="rndImgToggle()" title="Toggle random image slide show"></a></td>
   </tr></tbody>
  </table>
 </td>
</tr>
<tr>
 <td align="center" id="description" wrap></td>
</tr>
</tbody></table>

<script language=javascript>
// ************************************
// sildeShowSpeed is time in milliseconds (ms)
// 3000 ms = 3 seconds
// ************************************
var slideShowSpeed = 3000;
var runSlideShow = false;
var randomImageSlideShow = false;
var hideControls = false;
var hideDescription = false;

var album = 1; // starting album
var picture = 1; // starting picture

var width = 750;
var height = 550;

// ************************************
// add images for each control button as follows
// firstImg = '<img src="IMAGE URL">';
// ************************************

var firstImg = 'First';
var prevImg = 'Prev';
var playImg = 'Play';
var pauseImg = 'Pause';
var nextImg = 'Next';
var lastImg = 'Last';
var rndImgOn = '';
var rndImgOff = '';

// ************************************
// To add another album, add: var albumx = new Array(["ALBUM NAME"]); then add the new album to the myAlbums array
// To add more images, add: albumx.push (["THUMBNAIL URL","IMAGE URL","DESCRIPTION TEXT"]);
// Thumbnail will be resized to fit the viewer and the image will open in a facebox window
// ************************************
myAlbumsRoot = "http://i298.photobucket.com/albums/mm260/Abmonk/Everquest/";

var album1 = new Array(["Depths of Darkhollow"]);
album1.push (["DoD/Grokui.jpg","DoD/Grokui.jpg","Grokui, the Slumbering Basilisk"]);
album1.push (["DoD/Shyra.jpg","DoD/Shyra.jpg","Matriarch Shyra"]);
album1.push (["DoD/Verok.jpg","DoD/Verok.jpg","Ritesmaster Verok"]);

var album2 = new Array(["Dragons of Norrath"]);
album2.push (["DoN/Jurek.jpg","DoN/Jurek.jpg","Jurek the Corrupted"]);
album2.push (["DoN/YarLir.jpg","DoN/YarLir.jpg","Yar'Lir"]);

var album3 = new Array(["Epics"]);
album3.push (["Epics/BRD15-Hsagra.jpg","Epics/BRD15-Hsagra.jpg","Bard 1.5 - Hsagra"]);
album3.push (["Epics/BRD15-Vesthons.jpg","Epics/BRD15-Vesthons.jpg","Bard 1.5 - Vesthons"]);
album3.push (["Epics/Oshiruk.jpg","Epics/Oshiruk.jpg","Bard 2.0 - Oshiruk"]);
album3.push (["Epics/BazuSmasher.jpg","Epics/BazuSmasher.jpg","Berserker 2.0 - Bazu Smasher"]);
album3.push (["Epics/ZordakRagefire.jpg","Epics/ZordakRagefire.jpg","Cleric 2.0 - Zordak Ragefire"]);
album3.push (["Epics/DRU20-Gorlakt.jpg","Epics/DRU20-Gorlakt.jpg","Druid 2.0 - Gorlakt"]);
album3.push (["Epics/ValdoonKelNovar.jpg","Epics/ValdoonKelNovar.jpg","Paladin 2.0 - Valdoon Kel Novar"]);
album3.push (["Epics/RemaltheBlack.jpg","Epics/RemaltheBlack.jpg","Paladin 2.0 - Remal the Black"]);
album3.push (["Epics/HerrianWarfrost.jpg","Epics/HerrianWarfrost.jpg","Ranger 2.0 - Herrian Warfrost"]);
album3.push (["Epics/ROG20-PolarKraken.jpg","Epics/ROG20-PolarKraken.jpg","Rogue 2.0 - Polar Kraken"]);
album3.push (["Epics/ROG20-Myrhee.jpg","Epics/ROG20-Myrhee.jpg","Rogue 2.0 - Myrhee the Flighty"]);
album3.push (["Epics/WAR20.jpg","Epics/WAR20.jpg","Warrior 2.0 - Korbuk Brimblade"]);
album3.push (["Epics/Vhalek.jpg","Epics/Vhalek.jpg","Wizard 2.0 - Lightningcaller Vhalek"]);

var album4 = new Array(["Gates of Discord"]);
album4.push (["GoD/KeeperoftheAlter.jpg","GoD/KeeperoftheAlter.jpg","Keeper of the Alter"]);
album4.push (["GoD/Pixxt.jpg","GoD/Pixxt.jpg","Pixxt Suir Mindrider"]);

var album10 = new Array(["Kunark to Luclin"]);
album10.push (["Pre%20PoP/AtenHaRa.jpg","Pre%20PoP/AtenHaRa.jpg","Aten Ha Ra"]);
album10.push (["Pre%20PoP/Bristlebane.jpg","Pre%20PoP/Bristlebane.jpg","Bristlebane"]);
album10.push (["Pre%20PoP/ssraemp.jpg","Pre%20PoP/ssraemp.jpg","Emperor Ssraeshza"]);

var album5 = new Array(["Lost Dungeons of Norrath"]);
album5.push (["LDoN/HiddenVale.jpg","LDoN/HiddenVale.jpg","Hidden Vale of Deceit"]);
album5.push (["LDoN/Laskuth.jpg","LDoN/Laskuth.jpg","Laskuth the Colossus"]);
album5.push (["LDoN/Marrow.jpg","LDoN/Marrow.jpg","Marrow"]);
album5.push (["LDoN/Quint.jpg","LDoN/Quint.jpg","Quintessence of Sand"]);

var album6 = new Array(["Legacy of Ykesha"]);
album6.push (["LoY/captainkrasnok.jpg","LoY/captainkrasnok.jpg","Captain Krasnok"]);

var album7 = new Array(["Omans of War"]);
album7.push (["OoW/Chailak.jpg","OoW/Chailak.jpg","Chailak"]);
album7.push (["OoW/Feratha.jpg","OoW/Feratha.jpg","Feratha"]);
album7.push (["OoW/Gazz.jpg","OoW/Gazz.jpg","Gazz the Gargantuan"]);
album7.push (["OoW/Hanvar2.jpg","OoW/Hanvar2.jpg","Hanvar"]);
album7.push (["OoW/Jekisia.jpg","OoW/Jekisia.jpg","Jekisia"]);
album7.push (["OoW/QueenPyrilonis.jpg","OoW/QueenPyrilonis.jpg","Queen Pyrilonis"]);
album7.push (["OoW/Adaptation.jpg","OoW/Adaptation.jpg","Trial of Adaptation"]);
album7.push (["OoW/Ture.jpg","OoW/Ture.jpg","Ture"]);

var album8 = new Array(["Plains of Power"]);
album8.push (["PoP/bert.jpg","PoP/bert.jpg","Bertoxxulous"]);
album8.push (["PoP/Coirnav.jpg","PoP/Coirnav.jpg","Coirnav"]);
album8.push (["PoP/fenninro.jpg","PoP/fenninro.jpg","Fennin Ro"]);
album8.push (["PoP/realrz.jpg","PoP/realrz.jpg","Rallos Zek"]);
album8.push (["PoP/solro.jpg","PoP/solro.jpg","Solusek Ro"]);
album8.push (["PoP/terristhule.jpg","PoP/terristhule.jpg","Terris Thule"]);
album8.push (["PoP/Xegony.jpg","PoP/Xegony.jpg","Xegony"]);

var album9 = new Array(["Prophecy of Ro"]);
album9.push (["PoR/Aryer.jpg","PoR/Aryer.jpg","Aryer the Warlord"]);
album9.push (["PoR/Ashenback.jpg","PoR/Ashenback.jpg","Ashenback"]);
album9.push (["PoR/Bartol.jpg","PoR/Bartol.jpg","Bartol the Cragmaker"]);
album9.push (["PoR/Ragewind.jpg","PoR/Ragewind.jpg","Ragewind"]);
album9.push (["PoR/Titanothon.jpg","PoR/Titanothon.jpg","Titanothon"]);
album9.push (["PoR/Trolgar.jpg","PoR/Trolgar.jpg","Trolgar the Tremendous"]);
album9.push (["PoR/Zomm.jpg","PoR/Zomm.jpg","Zomm the Seventh Born"]);

var album11 = new Array(["The Serpent's Spine"]);
album11.push (["TSS/ChiefUrgak.jpg","TSS/ChiefUrgak.jpg","Chief Urgak"]);
album11.push (["TSS/CordaganBoulderfist.jpg","TSS/CordaganBoulderfist.jpg","Cordagan Boulderfist"]);
album11.push (["TSS/Fiddleback.jpg","TSS/Fiddleback.jpg","Fiddleback"]);
album11.push (["TSS/Grenrik.jpg","TSS/Grenrik.jpg","Grenrik the Addled"]);
album11.push (["TSS/Mistwalker.jpg","TSS/Mistwalker.jpg","Mistwalker"]);
album11.push (["TSS/Oblivion.jpg","TSS/Oblivion.jpg","Oblivion"]);

var album99 = new Array(["Various Other Pictures"]);
album99.push (["Members/raidersdec07.jpg","Members/raidersdec07.jpg","December 2007"]);
album99.push (["Members/Hanvar.jpg","Members/Hanvar.jpg","March 2009"]);

var myAlbums = new Array(album1, album2, album3, album4, album10, album5, album6, album7, album8, album9, album11, album99);
</script>

<style type=text/css>
#viewer {
 border: #444444 2px solid;
 color: #ffffff;
 font-size:80%;
 font-family: verdana,arial;
 padding: 0px;
}
#pic {
 cursor: pointer;
}
#controls {
 background: #222222 url();
 border-top: #444444 2px solid;
 color: #ffffff;
 cursor: pointer;
}
#albumbx {
 background: #222222 url();
 border-top: #444444 2px solid;
 color: #ffffff;
 font-size:110%;
 font-family: verdana;
 padding: 0px 5px;
 cursor: pointer;
}
#sImg, #pImg, #tShow, #nImg, #lImg, #currNumber, #pAlb, #nAlb {
 font-size:90%;
 font-family: arial;
}
#description {
 background: #222222 url();
 color: #ffffff;
 border-top: #444444 2px solid;
 font-size:110%;
 font-family: verdana;
 padding: 2px 0px 2px 0px;
}
#rImg { display:block; }
</style>
<!--
*****************************
 DON'T change anything below
***************************** -->
<table id="viewer" cellspacing=0 cellpadding=0 border=0 align=center><tbody>
<tr>
 <td><img id="pic" onclick="openImg()" border="0"></td>
</tr>
<tr>
 <td align="center" id="description" wrap></td>
</tr>
<tr>
 <td>
  <table id="controls" border=0 width="100%">
  <tbody><tr>
    <td align="center"><a id="sImg" onclick="start()" title="First image"></a></td>
    <td align="center"><a id="pImg" onclick="prev()" title="Previous image"></a></td>
    <td align="center"><a id="tShow" onclick="toggleShow()" title="Start/Stop Slideshow"></a></td>
    <td align="center"><a id="nImg" onclick="nxtImg()" title="Next image"></a></td>
    <td align="center"><a id="lImg" onclick="end()" title="Last image"></a></td>
    <td align="center"><div id="currNumber"></div></td>
    <td align="center" id="rImgBx" width=album:2><a id="rImg" onclick="rndImgToggle()" title="Toggle random image slide show"></a></td>
   </tr></tbody>
  </table>
 </td>
</tr>
<tr>
 <td align="center">
  <table id="albumbx" border=0 width="100%"><tr>
   <td width="10"><a id="pAlb" onclick="prevAlb()" title="Previous Album"></a></td>
   <td align="center"><div id="tAlb"></div></td>
   <td width="10"><a id="nAlb" onclick="nxtAlb()" title="Next Album"></a></td>
  </tr></table>
 </td>
</tr>
</tbody></table>
<script language="javascript">
var c = myAlbums[album-1];
$(document).ready(function(){vwrsetup()})
function vwrsetup() {
 $('#pAlb').html(prevImg);
 $('#tAlb').html(c[0][0]);
 $('#nAlb').html(nextImg);
 $('#pic').attr("src",myAlbumsRoot+c[picture][0]).attr("width",width).attr("height",height);
 $('#sImg').html(firstImg);
 $('#pImg').html(prevImg);
 $('#nImg').html(nextImg);
 $('#lImg').html(lastImg);
 $('#description').attr("width",width);
 if (hideControls) $('#controls').css("display","none");
 if (hideDescription) $('#description').css("display","none");
 showing();
 changeButton();
 rndImgChange();
}
function prevAlb(){
 album--
 if(album < 1) album = myAlbums.length;
 c = myAlbums[album-1];
 picture = 1;
 $('#tAlb').html(c[0][0]);
 $('#pic').attr("src",myAlbumsRoot+c[picture][0]);
 showing();
}
function nxtAlb(){
 album++;
 if(album > myAlbums.length) album = 1;
 c = myAlbums[album-1];
 picture = 1;
 $('#tAlb').html(c[0][0]);
 $('#pic').attr("src",myAlbumsRoot+c[picture][0]);
 showing();
}
function prev(){
 picture--
 if(picture < 1) picture=c.length-1;
 $('#pic').attr("src",myAlbumsRoot+c[picture][0]);
 showing();
}
function nxtImg(){
 picture++;
 if(picture >= c.length) picture = 1;
 $('#pic').attr("src",myAlbumsRoot+c[picture][0]);
 showing();
}
function start(){
 $('#pic').attr("src",myAlbumsRoot+c[1][0]);
 picture = 1;
 showing();
}
function end(){
 $('#pic').attr("src",myAlbumsRoot+c[c.length-1][0]);
 picture = c.length-1;
 showing();
}
function randomImg(){
 picture = Math.floor( Math.random() * (c.length-1) ) + 1;
 $('#pic').attr("src",myAlbumsRoot+c[picture][0]);
 showing();
}
function rndImgToggle(){
 randomImageSlideShow = !randomImageSlideShow;
 rndImgChange();
}
function rndImgChange(){
 if (!hideControls) {
  var b = (randomImageSlideShow) ? rndImgOn : rndImgOff;
  $('#rImg').html(b);
 }
}
function showing() {
 if (!hideControls) {
  var a = (picture) + "/" + (c.length-1);
  $('#currNumber').html(a);
 }
 if (!hideDescription) {
  $('#description').html(c[picture][2]);
 }
}
function openImg() {
 runSlideShow = true;
 toggleShow();
 jQuery.facebox({ image: myAlbumsRoot+c[picture][1] })
}
function runShow(booln) {
 if (!booln && randomImageSlideShow && runSlideShow) randomImg();
 if (!booln && !randomImageSlideShow && runSlideShow) nxtImg();
 if (runSlideShow) setTimeout('runShow(false)', slideShowSpeed);
}
function toggleShow() {
 runSlideShow = !runSlideShow;
 changeButton();
}
function changeButton() {
 if (!hideControls) {
  var a = (runSlideShow) ? pauseImg : playImg;
  $('#tShow').html(a);
 }
 if (runSlideShow) runShow(true);
}
</script>