<style type="text/css">
.tooltip, .preview, .screenshot { cursor:pointer; }
#tooltip, #tooltip2, #preview, #screenshot {
 color:#dddddd;
 background:#222222;
 border: 1px solid #333333;
 padding:5px;
 display:none;
 opacity: 0.9;
 filter: alpha(opacity=90);
 text-align:left;
}
</style>
<script src="http://www.axiomfiles.com/Files/258012/tooltip.js" type="text/javascript"></script>

• I started out by changing the code around and was going to have the new instance system display three values (0/0/5) - Normal/Heroic/Total Bosses. But then Bob_Laublaw comes along and makes a suggestion that makes so much more sense LOL. Thanks man!


• So all that is changed/added in this version are the variables for the new instance - YAY!! Oh and I made some temporary instance icons.


• I've included the entire code here, with all boss and instance statuses cleared... if you already have everything set then just copy the updated section below into your code (remove the Azjol-Nerub raid variable as well)

// VAULT OF ARCHAVON
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/VoA.gif"]
,["Vault of Archavon", "(10 Man)", "(25 Man)"]
,["Archavon the Stone Watcher", "", ""]
,["Emalon the Storm Watcher", "", ""]
,["Kolaron the Flame Watcher", "", ""]
]);

// TRIAL OF THE CRUSADER
wowWotLK.push([
["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Crusader.gif"]
,["Trial of the Crusader", "(10 Man)", "(25 Man)"]
,["Northrend Beasts", "", ""]
,["Lord Jaraxxus", "", ""]
,["Faction Champions", "", ""]
,["Twin Val'kyr", "", ""]
,["Anub'arak", "", ""]
]);

// TRIAL OF THE GRAND CRUSADER
wowWotLK.push([
["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/GrandCrusader.gif"]
,["Trial of the Grand Crusader", "(10 Heroic)", "(25 Heroic)"]
,["Northrend Beasts", "", ""]
,["Lord Jaraxxus", "", ""]
,["Faction Champions", "", ""]
,["Twin Val'kyr", "", ""]
,["Anub'arak", "", ""]
]);

// ONYXIA
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/onx.gif"]
,["Onyxia", "(10 Heroic)", "(25 Heroic)"]
,["Onyxia", "", ""]
]);

<style type="text/css">
/* Progression box */
#progBox { font-size:90%; color:#ffffff; text-align:center; padding:4px; }
#progBox tr, #progSelect { cursor:pointer; }

/* Instance name text */
.instance { color:#cccccc; font-size: 10pt; }

/* Instance image and image cell */
.instanceImgCell { width:30px; }
.instance img { vertical-align: middle; border:0px; }

/* bosses killed "(5/6)" in the progression box */
.bossCount { color:#cccccc; vertical-align:middle; }

/* Tooltip styles */
#dhtmltooltip table { color:#ffffff; }
.tooltipHeader { color:#0080ff; font-weight:bold; vertical-align:top; }
.killedBoss { color:#888888; text-decoration:line-through; }
.toKillBoss { color:#dddddd; text-decoration:none; }
.killedText { color:#ff0000; }
.attemptedBoss { color: #00ff00; }

.hide { display: none; }
.show { display: inline; }
</style>
<div style="text-align:center">
<span id="progSelect">
<img  src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-1.png"title="World of Warcraft" onclick="pickExp(wowOrig);">
<img  src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-2.png"title="The Burning Crusade" onclick="pickExp(wowTBC);">
<img  src="http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/wow-3.png"title="Wrath of the Lich King" onclick="pickExp(wowWotLK);">
</span>
<div id="progBox"></div>
</div>

<script type="text/javascript">
var wowOrig = new Array();
var wowTBC = new Array();
var wowWotLK = new Array();

// Tooltip width and progression icon size
var tooltipWidth = 300;
var tooltipBossWidth = 250;
var tooltipKilledWidth = 80;
var iconHeight = 30;
var iconWidth = 30;

// Text in progression box and tooltip, see CSS for color
var raidingKeyWord = "No|closed";
var bossKilledKeyWord = "Killed";
var bossAttemptedKeyWord = "Attempted|%";

// The displayed count will default to 10 man bosses until the instance is 100% completed,
// it will then switch to the 25 man boss count. If either of the variables below are true,
// the count will start and display only that progression.
var ignore10manCount = false;
var ignore25manCount = false;

// The 10 man or 25 man column can be hidden using the variables below, these variables
// will override the ignore10manCount and ignore25manCount variables above
var hide10manColumn = false;
var hide25manColumn = false;

// Setting this to true will show ALL rows, even if you have never been there
// setting it to false will hide rows with nothing entered into the boss variables
var showAllRows = true;

// Setting this to true will only hide the selector bar, but you can ignore or delete the
// variables below for wowOrig or wowTBC or wowWotLK if they aren't selected by the defaultWoW below
var hideExpansionSelector = false;

// Default displayed progression: choose "wowOrig", "wowTBC" or "wowWotLK"
var defaultWoW = wowWotLK;

/*
 Boss Information
 ********************************************
- Each progression variable is set up as follows:
   progress.push ([
    ["Thumbnail Image URL"]
   ,["Instance Name", "Instance Status"]
   ,["Instance Boss #1", "Boss #1 Status"]
   ,["Instance Boss #2", "Boss #2 Status"]
   ,   ...
   ,["Last Instance Boss", "Last Boss Status"]
   ]);
 ******************************************** */

/* ********************************************
   Original WoW
   ******************************************** */
// Zul'Gurub
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/zg.gif"]
,["Zul'Gurub", ""]
,["High Priestess Jeklik (Bat)", ""]
,["High Priest Venoxis (Snake)", ""]
,["High Priestess Mar'li (Spider)", ""]
,["High Priest Thekal (Tiger)", ""]
,["High Priestess Arlokk (Panther)", ""]
,["Hakkar the Soulflayer", ""]
,["Bloodlord Mandokir", ""]
,["Jin'do the Hexxer", ""]
,["Gahz'ranka", ""]
,["Edge of Madness", ""]
]);

// AQ20
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aq20.gif"]
,["Ruins of Ahn'Qiraj", ""]
,["Kurinnaxx", ""]
,["General Rajaxx", ""]
,["Moam", ""]
,["Buru the Gorger", ""]
,["Ayamiss the Hunter", ""]
,["Ossirian the Unscarred", ""]
]);

// Onyxia
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/onx.gif"]
,["Onyxia", ""]
,["Onyxia", ""]
]);

// Molten Core
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/mc.gif"]
,["Molten Core", ""]
,["Lucifron", ""]
,["Magmadar", ""]
,["Gehennas", ""]
,["Garr", ""]
,["Baron Geddon", ""]
,["Shazzrah", ""]
,["Sulfuron Harbinger", ""]
,["Golemagg the Incinerator", ""]
,["Majordomo Executus", ""]
,["Ragnaros", ""]
]);

// Black Wing Lair
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/bwl.gif"]
,["Black Wing Lair", ""]
,["Razorgore the Untamed", ""]
,["Vaelastrasz", ""]
,["Broodlord Lashlayer", ""]
,["Firemaw", ""]
,["Ebonroc", ""]
,["Flamegor", ""]
,["Chromaggus", ""]
,["Nefarian", ""]
]);

// AQ40
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/aq40.gif"]
,["Temple of Ahn'Qiraj", ""]
,["The Prophet Skeram", ""]
,["Vem, Yaul and Kri", ""]
,["Battleguard Sartura", ""]
,["Fankriss the Unyeilding", ""]
,["Viscidus", ""]
,["Princess Huhuran", ""]
,["The Twin Emperors", ""]
,["Ouro the Sandworm", ""]
,["C'Thun", ""]
]);

// Nax
wowOrig.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/nax.gif"]
,["Naxxramas", ""]
,["AW:Patrchwerk", ""]
,["AW:Grobbulus", ""]
,["AW:Gluth", ""]
,["AW:Thaddius", ""]
,["PW:Noth the Plaguebringer", ""]
,["PW:Heigan the Unclean", ""]
,["PW:Loatheb", ""]
,["SW:Anub'Rekhan", ""]
,["SW:Grand Widow Faerlina", ""]
,["SW:Maexxna", ""]
,["DW:Instructor Razuvious", ""]
,["DW:Gothik the Harvester", ""]
,["DW:The Four Horsemen", ""]
,["FL:Sapphiron", ""]
,["KC:Kel'Thuzad", ""]
]);

/* ********************************************
   The Burning Crusade
   ******************************************** */
// KARAZHAN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Kar.gif"]
,["Karazhan", ""]
,["Animal Boss", ""]
,["Attumen the Huntsman", ""]
,["Moroes", ""]
,["Maiden of Virtue", ""]
,["Opera Event", ""]
,["Nightbane", ""]
,["The Curator", ""]
,["Shade of Aran", ""]
,["Terestian Illhoof", ""]
,["Netherspite", ""]
,["Chess Event", ""]
,["Prince Malchezaar", ""]
]);

// ZUL'AMAN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/ZA.gif"]
,["Zul'Aman", ""]
,["Nalorakk", ""]
,["Akil'Zon", ""]
,["Jan'Alai", ""]
,["Halazzi", ""]
,["Malacrass", ""]
,["Zul'jin", ""]
]);

// DOOM LORD KAZZAK
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DLK.gif"]
,["Doom Lord Kazzak", ""]
,["Doom Lord Kazzak", ""]
]);

// DOOMWALKER
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/DW.gif"]
,["Doomwalker", ""]
,["Doomwalker", ""]
]);

// GRUUL'S LAIR
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/GL.gif"]
,["Gruul's Lair", ""]
,["High King Maulgar", ""]
,["Gruul", ""]
]);

// MAGTHERIDON'S LAIR
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Mag.gif"]
,["Magtheridon's Lair", ""]
,["Magtheridon", ""]
]);

// SERPENTSHRINE CAVERN
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SSC.gif"]
,["Serpentshrine Cavern", ""]
,["Lurker", ""]
,["Hydross", ""]
,["Morogrim", ""]
,["Leotheras", ""]
,["Karathress", ""]
,["Lady Vashj", ""]
]);

// THE EYE, TEMPEST KEEP
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/TK.gif"]
,["The Eye", ""]
,["Void Reaver", ""]
,["Al'ar", ""]
,["Solarian", ""]
,["Kael'thas", ""]
]);

// BATTLE FOR MOUNT HYJAL
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/MH.gif"]
,["Battle for Mount Hyjal", ""]
,["Rage Winterchill", ""]
,["Anetheron", ""]
,["Kaz'rogal", ""]
,["Azgalor", ""]
,["Archimonde", ""]
]);

// BLACK TEMPLE
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/BT.gif"]
,["Black Temple", ""]
,["High Warlord Naj'entus", ""]
,["Supremus", ""]
,["Shade of Akama", ""]
,["Teron Gorefiend", ""]
,["Gurtogg Bloodboil", ""]
,["Reliquary of Souls", ""]
,["Mother Shahraz", ""]
,["The Illidari Council", ""]
,["Illidan Stormrage", ""]
]);

// SUNWELL PLATEAU
wowTBC.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/SP.gif"]
,["Sunwell Plateau", ""]
,["Kalecgos", ""]
,["Brutallus", ""]
,["Felmyst", ""]
,["Eredar Twins", ""]
,["M'uru", ""]
,["Kil'jaeden", ""]
]);

/* ********************************************
   Wrath of the Lich King
   ******************************************** */
// NAXXRAMAS II
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Nax2.gif"]
,["Naxxramas II", "(10 man)", "(25 man)"]
,["AW:Patchwerk", "", ""]
,["AW:Grobbulus", "", ""]
,["AW:Gluth", "", ""]
,["AW:Thaddius", "", ""]
,["PW:Noth the Plaguebringer", "", ""]
,["PW:Heigan the Unclean", "", ""]
,["PW:Loatheb", "", ""]
,["SW:Anub'Rekhan", "", ""]
,["SW:Grand Widow Faerlina", "", ""]
,["SW:Maexxna", "", ""]
,["DW:Instructor Razuvious", "", ""]
,["DW:Gothik the Harvester", "", ""]
,["DW:The Four Horsemen", "", ""]
,["FL:Sapphiron", "", ""]
,["KC:Kel'Thuzad", "", ""]
]);

// VAULT OF ARCHAVON
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/VoA.gif"]
,["Vault of Archavon", "(10 man)", "(25 man)"]
,["Archavon the Stone Watcher", "", ""]
,["Emalon the Storm Watcher", "", ""]
,["Kolaron the Flame Watcher", "", ""]
]);

// CHAMBER OF ASPECTS - OBSIDIAN SANCTUM
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/OS.gif"]
,["Chamber of Aspects", "(10 man)", "(25 man)"]
,["Sartharion the Onyx Guardian", "", ""]
,["Sartharion + 1 Drake", "", ""]
,["Sartharion + 2 Drakes", "", ""]
,["Sartharion + 3 Drakes", "", ""]
]);

// THE EYE OF ETERNITY
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/EoE.gif"]
,["The Eye of Eternity", "(10 man)", "(25 man)"]
,["Malygos", "", ""]
]);

// ULDUAR
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/ulduar.gif"]
,["Ulduar", "(10 man)", "(25 man)"]
,["Flame Leviathan", "", ""]
,["Ignis the Furnace Master", "", ""]
,["Razorscale", "", ""]
,["XT-002 Deconstructor", "", ""]
,["The Iron Council", "", ""]
,["Kologarn", "", ""]
,["Auriya", "", ""]
,["Mimiron", "", ""]
,["Watcher Freya", "", ""]
,["Watcher Thorim", "", ""]
,["Watcher Hodir", "", ""]
,["General Vezax", "", ""]
,["Yogg-Saron", "", ""]
,["Algalon the Observer", "", ""]
]);

// TRIAL OF THE CRUSADER
wowWotLK.push([
["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Crusader.gif"]
,["Trial of the Crusader", "(10 Man)", "(25 Man)"]
,["Northrend Beasts", "", ""]
,["Lord Jaraxxus", "", ""]
,["Faction Champions", "", ""]
,["Twin Val'kyr", "", ""]
,["Anub'arak", "", ""]
]);

// TRIAL OF THE GRAND CRUSADER
wowWotLK.push([
["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/GrandCrusader.gif"]
,["Trial of the Grand Crusader", "(10 Heroic)", "(25 Heroic)"]
,["Northrend Beasts", "", ""]
,["Lord Jaraxxus", "", ""]
,["Faction Champions", "", ""]
,["Twin Val'kyr", "", ""]
,["Anub'arak", "", ""]
]);

// ONYXIA
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/onx.gif"]
,["Onyxia", "(10 Heroic)", "(25 Heroic)"]
,["Onyxia", "", ""]
]);

// ICECROWN CITADEL
wowWotLK.push ([
 ["http://i201.photobucket.com/albums/aa236/Mottie1/testsite/icons/Unk-10.gif"]
,["Icecrown Citadel", "(10 man)<br>-closed-", "(25 man)<br>-closed-"]
,["-unknown-", "", ""]
,["The Lich King", "", ""]
]);

// ******************************************************
// Don't change anything below this line
// ******************************************************
pickExp(defaultWoW);
function pickExp(ex) {
 if (String(top.name).substring(0,4) == "Edit") { return; }
 if (hideExpansionSelector) $('#progSelect').css('display','none');
 var tmp;
 var sQ = "&#92;&#39;";
 var pb = "<center><table class=progBox border=0 width='100%'><tbody>";
 raidClassic = (ex[0][1][0].match("Zul'Gurub|Karazhan")) ? true : false;
 if (hide10manColumn && !raidClassic){ ignore10manCount=true; ignore25manCount=false; }
 if (hide25manColumn){ ignore25manCount=true; ignore10manCount=false; }
 for (var inst=0; inst < ex.length; inst++) {
  var killed10 = 0;
  var killed25 = 0;
  pb += "<tr =\"hideddrivetip()\"";
  if (!showAllRows&&(ex[inst][1][1].match(raidingKeyWord)||(ex[inst][1][1].replace(/\(10 man\)/,'')==""&&ex[inst][2][1]==""))) pb += " class=hide";
  pb += " =\"ddrivetip('<table><tr><td  class=tooltipHeader width=" + tooltipBossWidth + "px>" + ex[inst][1][0].replace(/\'/g,sQ);
  pb += (hide10manColumn&&!raidClassic) ? "" : "</td><td  align=center valign=top nowrap width=" + tooltipKilledWidth + "px>" + ex[inst][1][1].replace(/\'/g,sQ);
  pb += (raidClassic||hide25manColumn) ? "" : "</td><td  align=center  valign=top nowrap width=" + tooltipKilledWidth + "px>" + ex[inst][1][2].replace(/\'/g,sQ);
  pb += "</td></tr>";
  for (var boss=2; boss<(ex[inst].length); boss++) {
   pb += "<tr><td";
   var tmp2 = " class=killedBoss";
   var boss10 = (ex[inst][boss][1].match(bossKilledKeyWord)) ? true : false;
   if (boss10) killed10++;
   if (!raidClassic){
    var boss25 = (ex[inst][boss][2].match(bossKilledKeyWord)) ? true : false;
    if (boss25) killed25++;
   }
   if ( raidClassic || hide25manColumn ) {
    pb += (boss10) ? tmp2 : "";
   } else {
    tmp = (boss10&&boss25) ? tmp2 : "";
    if (hide10manColumn&&boss25||hide25manColumn&&boss10) tmp = tmp2;
    if (ignore10manCount&&boss25||ignore25manCount&&boss10) tmp = tmp2;
    pb += tmp;
   }
   pb += ">" + ex[inst][boss][0].replace(/\'/g,sQ) + "</td>";
   if (raidClassic||!hide10manColumn){
    pb += "<td align=center";
    pb += (boss10) ? " class=killedText" : "";
    pb += (ex[inst][boss][1].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";
    pb += ">" + ex[inst][boss][1] + "</td>";
   }
   if (!raidClassic&&!hide25manColumn){
    pb += "<td align=center";
    pb += (boss25) ? " class=killedText" : "";
    pb += (ex[inst][boss][2].match(bossAttemptedKeyWord)) ? " class=attemptedBoss" : "";
    pb += ">" + ex[inst][boss][2] +"</td>";
   }
   pb += "</tr>";
  }
  pb += "</table>', '', '" + (tooltipBossWidth + tooltipKilledWidth) + "');\" >"
  pb += "<td><img src=\"" + ex[inst][0] + "\" height=\"" + iconHeight + "\" width=\"" + iconWidth;
  pb += "\"></td><td class=\"instance\">" + ex[inst][1][0] + "</td><td class=bossCount>(";
  tmp = (raidClassic||!ignore10manCount||ignore25manCount) ? killed10 : killed25;
  if (!raidClassic&&(killed10 == ex[inst].length-2)&&!ignore25manCount) tmp = killed25;
  pb += tmp + "/" + (ex[inst].length-2) + ")</td></tr>";
 }
 pb += "</table>";
 $('#progBox').html(pb);
}
</script>

• Please refer to the previous customizing instructions, since I'm too lazy to type it all up again LOL