// ==UserScript==
// @name Voorash Inline Tier Charts with LoD Camp Maps
// @namespace voorash__editedByDusan
// @description This will provide an inline tier chart for DotD on Armor games
// @include http://armorgames.com/dawn-of-the-dragons-game/13509
// @include http://www.27thdimension.com/dotd/tierChartsStandalone.html
// @require http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js
// @version 1.5
// @grant none
// ==/UserScript==
var lowTiers = "<img src='http://www.27thdimension.com/dotd/tierData/lowTiers.png'>";
//var lowTiers = "<img src='http://i.imgur.com/9qJ1EAL.png'>";
var highTiers = "<img src='http://www.27thdimension.com/dotd/tierData/highTiers.jpg'>";
var guildTiers = "<img src='http://www.27thdimension.com/dotd/tierData/guildTiers.jpg'>";
var campTiers = "<img src='http://www.27thdimension.com/dotd/tierData/campTiers.jpg'>";
///////ADDED
var BoBMap = "<img src='http://i.imgur.com/PTOWiPd.png'>";
var MaMMap = "<img src='http://i.imgur.com/wBixh5w.png'>";
var GDMap = "<img src='http://i.imgur.com/EsXDmVH.png'>";
var GoCMap = "<img src='http://i.imgur.com/2G6f96E.png'>";
var FWMap = "<img src='http://i.imgur.com/4rUYcBO.png'>";
///////ADDED
// Create Tier Divs
var gameCanvas = document.getElementById('gamearea');
var lowTierDiv = document.createElement('div');
lowTierDiv.setAttribute('id','voorashLowTierDiv');
lowTierDiv.innerHTML = lowTiers;
var highTierDiv = document.createElement('div');
highTierDiv.setAttribute('id','highTierDiv');
highTierDiv.innerHTML = highTiers;
var guildTierDiv = document.createElement('div');
guildTierDiv.setAttribute('id','guildTierDiv');
guildTierDiv.innerHTML = guildTiers;
var campTierDiv = document.createElement('div');
campTierDiv.setAttribute('id','campTierDiv');
campTierDiv.innerHTML = campTiers;
///////////ADDED
var BobMapDiv = document.createElement('div');
BobMapDiv.setAttribute('id','BobMapDiv');
BobMapDiv.innerHTML = BoBMap;
var MaMMapDiv = document.createElement('div');
MaMMapDiv.setAttribute('id','MaMMapDiv');
MaMMapDiv.innerHTML = MaMMap;
var GDMapDiv = document.createElement('div');
GDMapDiv.setAttribute('id','GDMapDiv');
GDMapDiv.innerHTML = GDMap;
var GoCMapDiv = document.createElement('div');
GoCMapDiv.setAttribute('id','GoCMapDiv');
GoCMapDiv.innerHTML = GoCMap;
var FWMapDiv = document.createElement('div');
FWMapDiv.setAttribute('id','FWMapDiv');
FWMapDiv.innerHTML = FWMap;
//////////ADDED
// Create button divs
var voorashLowTierButtonDiv = document.createElement('div');
voorashLowTierButtonDiv.setAttribute('id','voorashLowTierButtonDiv');
voorashLowTierButtonDiv.innerHTML = 'Z1-Z9';
var voorashHighTierButtonDiv = document.createElement('div');
voorashHighTierButtonDiv.setAttribute('id','voorashHighTierButtonDiv');
voorashHighTierButtonDiv.innerHTML = 'Z10+';
var voorashGuildTierButtonDiv = document.createElement('div');
voorashGuildTierButtonDiv.setAttribute('id','voorashGuildTierButtonDiv');
voorashGuildTierButtonDiv.innerHTML = 'Guild';
var voorashCampTierButtonDiv = document.createElement('div');
voorashCampTierButtonDiv.setAttribute('id','voorashCampTierButtonDiv');
voorashCampTierButtonDiv.innerHTML = 'Camp';
////////ADDED
var LoDBoBMapTierButtonDiv = document.createElement('div');
LoDBoBMapTierButtonDiv.setAttribute('id','LoDBoBMapTierButtonDiv');
LoDBoBMapTierButtonDiv.innerHTML = 'BoBMap';
var LoDMaMMapTierButtonDiv = document.createElement('div');
LoDMaMMapTierButtonDiv.setAttribute('id','LoDMaMMapTierButtonDiv');
LoDMaMMapTierButtonDiv.innerHTML = 'MaMMap';
var LoDGDMapTierButtonDiv = document.createElement('div');
LoDGDMapTierButtonDiv.setAttribute('id','LoDGDMapTierButtonDiv');
LoDGDMapTierButtonDiv.innerHTML = 'GDMap';
var LoDGoCMapTierButtonDiv = document.createElement('div');
LoDGoCMapTierButtonDiv.setAttribute('id','LoDGoCMapTierButtonDiv');
LoDGoCMapTierButtonDiv.innerHTML = 'GoCMap';
var LoDFWMapTierButtonDiv = document.createElement('div');
LoDFWMapTierButtonDiv.setAttribute('id','LoDFWMapTierButtonDiv');
LoDFWMapTierButtonDiv.innerHTML = 'FWMap';
////////ADDED
gameCanvas.appendChild(lowTierDiv);
gameCanvas.appendChild(highTierDiv);
gameCanvas.appendChild(guildTierDiv);
gameCanvas.appendChild(campTierDiv);
////////ADDED
gameCanvas.appendChild(BobMapDiv);
gameCanvas.appendChild(MaMMapDiv);
gameCanvas.appendChild(GDMapDiv);
gameCanvas.appendChild(GoCMapDiv);
gameCanvas.appendChild(FWMapDiv);
///////ADDED
gameCanvas.appendChild(voorashLowTierButtonDiv);
gameCanvas.appendChild(voorashHighTierButtonDiv);
gameCanvas.appendChild(voorashGuildTierButtonDiv);
gameCanvas.appendChild(voorashCampTierButtonDiv);
////////ADDED
gameCanvas.appendChild(LoDBoBMapTierButtonDiv);
gameCanvas.appendChild(LoDMaMMapTierButtonDiv);
gameCanvas.appendChild(LoDGDMapTierButtonDiv);
gameCanvas.appendChild(LoDGoCMapTierButtonDiv);
gameCanvas.appendChild(LoDFWMapTierButtonDiv);
///////ADDED
$("#voorashLowTierDiv").css({"position":"fixed","top":"0px","left":"0px","z-index":"100000","background-color":"white"});
$("#voorashLowTierDiv").hide();
$("#highTierDiv").css({"position":"fixed","top":"0px","left":"0px","z-index":"100000","background-color":"white"});
$("#highTierDiv").hide();
$("#guildTierDiv").css({"position":"fixed","top":"0px","left":"0px","z-index":"100000","background-color":"white"});
$("#guildTierDiv").hide();
$("#campTierDiv").css({"position":"fixed","top":"0px","left":"0px","z-index":"100000","background-color":"white"});
$("#campTierDiv").hide();
/////////////ADDED
$("#BobMapDiv").css({"position":"fixed","top":"0px","left":"0px","z-index":"100000","background-color":"white"});
$("#BobMapDiv").hide();
$("#MaMMapDiv").css({"position":"fixed","top":"0px","left":"0px","z-index":"100000","background-color":"white"});
$("#MaMMapDiv").hide();
$("#GDMapDiv").css({"position":"fixed","top":"0px","left":"0px","z-index":"100000","background-color":"white"});
$("#GDMapDiv").hide();
$("#GoCMapDiv").css({"position":"fixed","top":"0px","left":"0px","z-index":"100000","background-color":"white"});
$("#GoCMapDiv").hide();
$("#FWMapDiv").css({"position":"fixed","top":"0px","left":"0px","z-index":"100000","background-color":"white"});
$("#FWMapDiv").hide();
////////////ADDED
var divWidth = "60px";
$("#voorashLowTierButtonDiv").css({"position":"fixed","top":"0px","left":"0px","width":divWidth,"border": "1px solid", "z-index":"99","background-color":"white"});
$("#voorashLowTierButtonDiv").show();
$("#voorashHighTierButtonDiv").css({"position":"fixed","top":"20px","left":"0px","width":divWidth,"border": "1px solid","z-index":"99","background-color":"white"});
$("#voorashHighTierButtonDiv").show();
$("#voorashGuildTierButtonDiv").css({"position":"fixed","top":"40px","left":"0px","width":divWidth,"border": "1px solid","z-index":"99","background-color":"white"});
$("#voorashGuildTierButtonDiv").show();
$("#voorashCampTierButtonDiv").css({"position":"fixed","top":"60px","left":"0px","width":divWidth,"border": "1px solid","z-index":"99","background-color":"white"});
$("#voorashCampTierButtonDiv").show();
//////////ADDED
$("#LoDBoBMapTierButtonDiv").css({"position":"fixed","top":"80px","left":"0px","width":divWidth,"border": "1px solid","z-index":"99","background-color":"white"});
$("#LoDBoBMapTierButtonDiv").show();
$("#LoDMaMMapTierButtonDiv").css({"position":"fixed","top":"100px","left":"0px","width":divWidth,"border": "1px solid","z-index":"99","background-color":"white"});
$("#LoDMaMMapTierButtonDiv").show();
$("#LoDGDMapTierButtonDiv").css({"position":"fixed","top":"120px","left":"0px","width":divWidth,"border": "1px solid","z-index":"99","background-color":"white"});
$("#LoDGDMapTierButtonDiv").show();
$("#LoDGoCMapTierButtonDiv").css({"position":"fixed","top":"140px","left":"0px","width":divWidth,"border": "1px solid","z-index":"99","background-color":"white"});
$("#LoDGoCMapTierButtonDiv").show();
$("#LoDFWMapTierButtonDiv").css({"position":"fixed","top":"160px","left":"0px","width":divWidth,"border": "1px solid","z-index":"99","background-color":"white"});
$("#LoDFWMapTierButtonDiv").show();
//////////ADDED
////////////////////////////
////////////////////////////
////////////////////////////
// Low Tier Div Show and Hide
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#voorashLowTierDiv\", \"click\", function() {$(\"#voorashLowTierDiv\").hide();});";
$("head").append( script );
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#voorashLowTierButtonDiv\", \"click\", function() {$(\"#voorashLowTierDiv\").show();});";
$("head").append( script );
// High Tier Div Show and Hide
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#highTierDiv\", \"click\", function() {$(\"#highTierDiv\").hide();});";
$("head").append( script );
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#voorashHighTierButtonDiv\", \"click\", function() {$(\"#highTierDiv\").show();});";
$("head").append( script );
// Guild Tier Div Show and Hide
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#guildTierDiv\", \"click\", function() {$(\"#guildTierDiv\").hide();});";
$("head").append( script );
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#voorashGuildTierButtonDiv\", \"click\", function() {$(\"#guildTierDiv\").show();});";
$("head").append( script );
// Camp Tier Div Show and Hide
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#campTierDiv\", \"click\", function() {$(\"#campTierDiv\").hide();});";
$("head").append( script );
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#voorashCampTierButtonDiv\", \"click\", function() {$(\"#campTierDiv\").show();});";
$("head").append( script );
///LoD BoB Map Show and Hide
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#BobMapDiv\", \"click\", function() {$(\"#BobMapDiv\").hide();});";
$("head").append( script );
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#LoDBoBMapTierButtonDiv\", \"click\", function() {$(\"#BobMapDiv\").show();});";
$("head").append( script );
//LoD MaM Map Show and Hide
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#MaMMapDiv\", \"click\", function() {$(\"#MaMMapDiv\").hide();});";
$("head").append( script );
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#LoDMaMMapTierButtonDiv\", \"click\", function() {$(\"#MaMMapDiv\").show();});";
$("head").append( script );
//LoD GD Map Show and Hide
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#GDMapDiv\", \"click\", function() {$(\"#GDMapDiv\").hide();});";
$("head").append( script );
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#LoDGDMapTierButtonDiv\", \"click\", function() {$(\"#GDMapDiv\").show();});";
$("head").append( script );
//LoD GoC Map Show and Hide
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#GoCMapDiv\", \"click\", function() {$(\"#GoCMapDiv\").hide();});";
$("head").append( script );
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#LoDGoCMapTierButtonDiv\", \"click\", function() {$(\"#GoCMapDiv\").show();});";
$("head").append( script );
//LoD FW Map Show and Hide
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#FWMapDiv\", \"click\", function() {$(\"#FWMapDiv\").hide();});";
$("head").append( script );
var script = document.createElement( 'script' );
script.type = 'text/javascript';
script.text = "$(document).delegate(\"#LoDFWMapTierButtonDiv\", \"click\", function() {$(\"#FWMapDiv\").show();});";
$("head").append( script );
