/*

	^ requires brin.js
	^ requires menu.js
	^ requires jquery library ($.prepend method at least)

*/

function displayTitleIndex(index)
{

	regionName.innerHTML = strings[index];
	menus[defaultStringIndex].dimBackground();
	menus[index].lightBackground();

}


$("#right_sidebar").prepend("<div id='minimap'></div>");
var display = document.getElementById("minimap");

var map = BaseObject();
map.root.style.position = "absolute";
map.root.style.top = "30px";

map.showIn(display);

map.onrollout = function()
{
	displayTitleIndex(defaultStringIndex);
	menus[defaultStringIndex].lightBackground();
};


var divisions = new Array();
divisions[0] = 110;
divisions[1] = 170;
divisions[2] = 255;


var mnu = Menu(menuAmerica, divisions[0], 0, displayTitleIndex);
mnu.showIn(map.root);


var mnu2 = Menu(menuEurope, divisions[1] - divisions[0], divisions[0], displayTitleIndex);
mnu2.showIn(map.root);
var mnu3 = Menu(menuAsia, divisions[2] - divisions[1], divisions[1], displayTitleIndex);
mnu3.showIn(map.root);

var menus = new Array();
menus[0] = mnu;
menus[1] = mnu2;
menus[2] = mnu3;
menus[defaultStringIndex].isDefault = true;
menus[defaultStringIndex].lightBackground();

var instructions = document.createElement("div");
instructions.style.backgroundImage = "url(/img/mapTitle.png)";
instructions.style.position = "absolute";
instructions.style.width = "134px";
instructions.style.height = "16px";
display.appendChild(instructions);

var regionName = document.createElement("div");
regionName.style.zIndex = "200";
regionName.style.fontFamily = "Arial, Helvetica";
regionName.style.fontSize = "14px";
regionName.style.fontStyle = "italic";
regionName.style.color = "#9aae35";
regionName.style.position = "absolute";
regionName.style.top = "20px";
regionName.innerHTML = strings[defaultStringIndex];
display.appendChild(regionName);