var url = '';
var scale_id = 0;

var arrScale = new Array(12)
arrScale[0] = "5000"
arrScale[1] = "10000"
arrScale[2] = "25000"
arrScale[3] = "50000"
arrScale[4] = "100000"
arrScale[5] = "200000"
arrScale[6] = "500000"
arrScale[7] = "1000000"
arrScale[8] = "2000000"
arrScale[9] = "4000000"
arrScale[10] = "10000000"
arrScale[11] = "20000000"
arrScale[12] = "40000000"

//---------------------------
function getArrayID(iSelect){
//---------------------------
	for (var i = 0; i<=arrScale.length; i++){
		if (iSelect == arrScale[i].toString()){
			scale_id = i;
			return scale_id;
		}
	}
}
//---------------------------
function mapZoom(inc){
//---------------------------
	var selZoom = document.getElementById('zoomSelect');
	if (selZoom == null) return false;	
	
	var imgMap = document.getElementById('multimap');
	if (imgMap == null) return false;
	
	if (inc == 1){
		getArrayID(selZoom.value);
		
		if (!(scale_id <= 0)){
			scale_id = scale_id - 1;
			scale = arrScale[scale_id];
			redrawSelect();
			redrawZoomRatings();
		}else{
			alert('You cannot go any closer');
		}
	}else if (inc == -1){
		getArrayID(selZoom.value);
		
		if (!(scale_id >= (arrScale.length - 1))){
			scale_id = scale_id + 1;
			scale = arrScale[scale_id];
			redrawSelect();
			redrawZoomRatings();
		}else{
			alert('You cannot go any further away');
		}
	}else{
		scale = selZoom.value;
		getArrayID(selZoom.value);
		redrawZoomRatings();
	}
	
	url = host + 'clients/map?client='+ client +'&f_client_id=' + clientid + '&scale='+ scale +'&width=' + width + '&height=' + height
	imgMap.src = url;
}
//---------------------------
function redrawSelect(){
//---------------------------
	var selZoom = document.getElementById('zoomSelect');
	if (selZoom == null) return false;	
	
	selZoom.selectedIndex = scale_id;
}
//---------------------------
function redrawZoomRatings(){
//---------------------------
	var selZoom = document.getElementById('zoomSelect');
	if (selZoom == null) return false;	
	
	for (var i = 0; i < arrScale.length; i++){
		var id = 'zoom' + arrScale[i];
		document.getElementById(id).src = '/static/images/multimap/'+ arrScale[i] +'.gif'
	}
	
	document.getElementById('zoom' + arrScale[scale_id]).src = '/static/images/multimap/'+ arrScale[scale_id] +'a.gif'
}
//---------------------------
function scaleBarMapZoom(scaleBarValue){
//---------------------------
	var selZoom = document.getElementById('zoomSelect');
	if (selZoom == null) return false;	
	
	var imgMap = document.getElementById('multimap');
	if (imgMap == null) return false;
		
	for (var i = 0; i<=arrScale.length - 1; i++){
		if (scaleBarValue == arrScale[i].toString()){
			scale_id = i;
		}
	}
	url = host + 'clients/map?client='+ client +'&f_client_id=' + clientid + '&scale='+ scaleBarValue +'&width=' + width + '&height=' + height;
	imgMap.src = url;
		
	redrawSelect();
	redrawZoomRatings();
}