var SMALLMAP_PORT_IMAGE_SIZE = 3;
var LARGEMAP_PORT_IMAGE_SIZE = 5;
var POPUP_HEIGHT = 110;
var EDITABLE = false;


var lastSmallMapSelectedPort = -1;
var lastBigMapSelectedPort = -1;
var allports = new Array();
var allresources = new Array();
var nationcolors = new Array();

nationcolors['French'] = "blue";
nationcolors['English'] = "red";
nationcolors['Pirate'] = "black";
nationcolors['Spanish'] = "yellow";
nationcolors['Dutch'] = "orange";
var nationflags = new Array();
nationflags['French'] = "images/franceFlag.gif";
nationflags['English'] = "images/englandFlag.gif";
nationflags['Pirate'] = "images/pirateFlag.gif";
nationflags['Spanish'] = "images/spainFlag.gif";
nationflags['Dutch'] = "images/dutchFlag.jpg";


function startUpMap() {
	populatePorts();
	populateResources();
	addPortList();
	addResourceList();
}
function showMap() {
    document.getElementById('largemap').style.display = ''
    document.getElementById('dropPortList1').style.display = 'none'
}
function hideMap() {
    document.getElementById('largemap').style.display = 'none'
    document.getElementById('dropPortList1').style.display = ''
}
function showPortPopup(pID, map){
    var popupX, popupY
    if (map == 'smallmap') {
        popupX = allports[pID].x;
        popupY = allports[pID].y;
        if (popupX < 210) {
            popupX = allports[pID].x + 10;
        }
        else {
            popupX = allports[pID].x - 210;
        }
        if (popupY > (311 - POPUP_HEIGHT)) {
            popupY = 311 - POPUP_HEIGHT;
        }
    }
    else {
        popupX = (allports[pID].x / 100) * 140;
        popupY = (allports[pID].y / 100) * 140;
        if (popupX < 210) {
            popupX = ((allports[pID].x / 100) * 140) + 10;
        }
        else {
            popupX = ((allports[pID].x / 100) * 140) - 210;
        }
        if (popupY > (435 - POPUP_HEIGHT)) {
            popupY = 435 - POPUP_HEIGHT;
        }
    }
    document.getElementById('popup'+map).innerHTML = allports[pID].returnAsString();
    document.getElementById('popup'+map).style.left = popupX + "px";
	document.getElementById('popup'+map).style.top = popupY + "px";
	document.getElementById('popup'+map).style.display = '';
}
function hidePortPopup(map){
	document.getElementById('popup'+map).style.display = 'none'
}
function addPortList() {
            var portlist = '<strong>Select Port</strong><br />';
            //var noSelect = '<a href="javascript:deSelectAllSelected(\'outer\');hideDetailsPain();" class="links">--Deselect Port--</a><br />';
			for (x=0; x<allports.length; x++) {
            	//document.getElementById('dropPortList1').options.length = 0;
            	//document.getElementById('dropPortList2').options.length = 0;
            	document.getElementById('dropPortList1').options[document.getElementById('dropPortList1').options.length] = new Option(allports[x].portname,allports[x].portno);
            	document.getElementById('dropPortList2').options[document.getElementById('dropPortList2').options.length] = new Option(allports[x].portname,allports[x].portno);
            }
}
function addResourceList() {
            //var noSelect = '<a href="javascript:deSelectAllSelected(\'outer\');hideDetailsPain();" class="links">--Deselect Port--</a><br />';
            document.getElementById('dropresourcesSmall').options.length = 0;
            //document.getElementById('dropresourcesLarge').options.length = 0;
			for (x=0; x<allresources.length; x++) {
            	document.getElementById('dropresourcesSmall').options[document.getElementById('dropresourcesSmall').options.length] = new Option(allresources[x].name,allresources[x].resID);
            	//document.getElementById('dropresourcesLarge').options[document.getElementById('dropresourcesLarge').options.length] = new Option(allresources[x].name,allresources[x].resID);
            }
}
function selectPort(map, id) {
	if (map == "smallmap") {
		if (lastSmallMapSelectedPort != -1) {
			allports[lastSmallMapSelectedPort].deselected('smallmap', 'inner');
		}
		lastSmallMapSelectedPort = id;
		allports[id].selected('smallmap', 'inner');
		document.getElementById('dropPortList1').value = id;
	}
	else {
		if (lastBigMapSelectedPort != -1) {
			allports[lastBigMapSelectedPort].deselected('largemap', 'inner');
		}
		lastBigMapSelectedPort = id;
		allports[id].selected('largemap', 'inner');
		document.getElementById('dropPortList2').value = id;
	}
}
function selectPort1() {
	if (lastSmallMapSelectedPort != -1) {
		allports[lastSmallMapSelectedPort].deselected('smallmap', 'inner');
	}
	lastSmallMapSelectedPort = document.getElementById('dropPortList1').value;
	allports[document.getElementById('dropPortList1').value].selected('smallmap', 'inner');
}
function selectPort2() {
	if (lastBigMapSelectedPort != -1) {
		allports[lastBigMapSelectedPort].deselected('largemap', 'inner');
	}
	lastBigMapSelectedPort = document.getElementById('dropPortList2').value;
	allports[document.getElementById('dropPortList2').value].selected('largemap', 'inner');
}
function resourceSelected(map) {
	DeSelectAllPorts();
    var resId = document.getElementById('dropresourcesSmall').value;
	for (y=0; y<allports.length; y++) {
		if (allports[y].hasResource(resId)) {
			allports[y].selected('smallmap', 'outer');
		}
	}

}
function DeSelectAllPorts() {
	for (y=0; y<allports.length; y++) {
		if (allports[y].outerIsSelected) {
			allports[y].deselected('smallmap', 'outer');
		}
	}
}