//interaction and setup for agents page
var holder;// ref to holder div
var select;// ref to select menu
var selectedAgent; //what agent has been selected from the map or dropdown menu
var amountAgents = 0;// the amount of divs within the holder
var agentsDivs = new Array();
var linkCreated = false;

setSelected = function(){
	selectedAgent = this.target;
	displayAgentDetails();
	return false;
}

setSelected_dd = function(){
	selectedAgent = select.value;
	displayAgentDetails();
}

closeWindow = function(){
	holder.style['display'] = "none";
}


displayAgentDetails = function(){
    if(selectedAgent){
	holder.style['display'] = "block";
	//hide all divs in holder
	for(var i=0;i<amountAgents;i++){
			_temp = document.getElementById(agentsDivs[i]);
			_temp.style['display'] = 'none';
	}
	//show selected
	document.getElementById("ag_" + selectedAgent).style['display'] = "block";
	
	//render close button
	if(!linkCreated){
		var _c = document.createElement('a');
		_c.innerHTML = "x close window";
		_c.onclick = closeWindow;
		_c.style['cursor'] = 'pointer';
		_c.style['margin'] = '0 0 10px 0';
		holder.insertBefore(_c,document.getElementById('ag_n_america'));
		linkCreated = true;
	}
    }
}


setUpElements = function(){
	//hide holding div
	holder = document.getElementById('hidden_holder');
	holder.style['display'] = "none";
	//set amount of agetns
	_l = holder.childNodes.length;
	for(var i=0;i<_l;i++) if (holder.childNodes[i].nodeType == "1") {
		agentsDivs[agentsDivs.length] = holder.childNodes[i].id;
		amountAgents++;
	}
	//set up actions;
	select = document.getElementById('country_select');
	select.onchange = setSelected_dd;
	//actions for map click
	var _t = document.getElementById('map_n_america');
	_t.target = "n_america";
	_t.onclick = setSelected;
	//
	var _t = document.getElementById('map_s_america');
	_t.target = "s_america";
	_t.onclick = setSelected;
	//
	var _t = document.getElementById('map_europe');
	_t.target = "europe";
	_t.onclick = setSelected;
	//
	var _t = document.getElementById('map_middleEast');
	_t.target = "middleEast";
	_t.onclick = setSelected;
	//
	var _t = document.getElementById('map_asia');
	_t.target = "asia";
	_t.onclick = setSelected;
	//
	var _t = document.getElementById('map_seAsia');
	_t.target = "seAsia";
	_t.onclick = setSelected;
	//
	var _t = document.getElementById('map_africa');
	_t.target = "africa";
	_t.onclick = setSelected;
}

addLoadEvent(setUpElements);