// ==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
// @downloadURL 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 );