//////////////////////////////////////////
// scripts.js
/////////////////////////////////////////

// map parameters
var nW0, nH0, nX0, nY0;
var nX, nY, nH, nW, sH, sW;
var nome_variavel = 'POPULATION';
var label = "";
var style;
var offset = 0.015;
var svgobj_muni;
var svgdoc_muni;
var txtmuni;

var road_width, label_size; 

var nome_var_selec;

///////////////////////////Variaveis para o Label ///////////////////

var svgMMdoc;		// Variable as a reference to the svg document in <div ... name="mainMap".. (GN_DPFi... .svg)
var svgMMrootElem;
var gnStyle;

//Test for an info Label, that follows the mouse
var accessInfoLabel;
var svgLabelRoot;
var svgInfoLabel;
var svgInfoLabelText;
var gnIsActive = true;

//////////////////////////FIM   Variaveis para o Label //////////////

function getViewBox() {
	var doc = getSVGDoc();
	var element;

	var vBox = "0 " + doc.getDocumentElement().getAttribute("viewBox") + " 0";
  	var vBoxArray = eval("new Array(" + vBox.replace(/(\s|,)+/g, ",") + ");");
	nX0 = vBoxArray[1];
	nY0 = vBoxArray[2];
	nW0 = vBoxArray[3];
	nH0 = vBoxArray[4];
	

	var reg_gov = doc.getElementById("reg_gov").getStyle();
	road_width = parseInt(reg_gov.getPropertyValue("stroke-width"));
	
	var labelStyle = doc.getElementById("labels").getStyle();
	label_size = parseInt(labelStyle.getPropertyValue("font-size"));
}

function getMapInfo() {
	var svgElement = svgFile1.getSVGDocument().getDocumentElement();
	var vBox = "0 " + svgElement.getAttribute("viewBox") + " 0";
	var vBoxArray = eval("new Array(" + vBox.replace(/(\s|,)+/g, ",") + ");");
	nX = vBoxArray[1];
	nY = vBoxArray[2];
	nH = vBoxArray[3];
	nW = vBoxArray[4];
	sH = parseFloat(svgElement.getAttribute("width"));
	sW = parseFloat(svgElement.getAttribute("height"));
}

function frmt(expr, decplaces) {
	var str = expr.toString();
	var i = str.indexOf('.');
	return (i<0) ? expr : str.substring(0, Number(i) + Number(decplaces) + 1);
}


var dragTarget;
var dtX, dtY;

function on_drag_begin(event) {
	if (!event.getAltKey()) return;
	dtX = event.getScreenX();
	dtY = event.getScreenY();
	dragTarget = event.target;
	event.preventDefault();
}

function on_drag_end(event) {
	if (dragTarget==null) return;
	var x = parseFloat(dragTarget.getAttribute('x'));
	var y = parseFloat(dragTarget.getAttribute('y'));
	x += (event.getScreenX()-dtX)*(nW/sW);
	y += (event.getScreenY()-dtY)*(nH/sH);
	dragTarget.setAttribute('x', frmt(x, 2));
	dragTarget.setAttribute('y', frmt(y, 2));
	dragTarget = null;
	event.preventDefault();
}

function on_lb_slider_change(value) {
	var doc = getSVGDoc();
	var labelStyle;
	labelStyle = doc.getElementById("labels").getStyle();
	labelStyle.setProperty("font-size", label_size*value);
}

function on_rd_slider_change(value) {
	var doc = getSVGDoc();
	var reg_gov = doc.getElementById("reg_gov").getStyle();
	reg_gov.setProperty("stroke-width", road_width*value);
}

function setLabelColor(value) {
	var doc = getSVGDoc();
	var labelStyle = doc.getElementById("labels").getStyle();
	labelStyle.setProperty("fill",value);
}

function queryMaps() {
	query_maps(event.srcElement.value);
}

var winCpicker;

function customColors() {
	//winCpicker = window.open('cpicker.jsp','cpicker','toolbar=0,directories=0,menu=0,scrollbars=0,status=1,top=50,left=50,width=280,height=940,menubar=0');
	window.showModalDialog('cpicker.jsp', window,'dialogLeft=50,dialogTop=50,dialogWidth=50,help=no,resizable=no,status=yes');
}

function loadColors1() {
	colorSchemes[activeScheme].writeToPicker( winCpicker.document.cpicker.getSVGDocument() );
	winCpicker.focus();
}

function loadColors() {
	colorSchemes[activeScheme].writeToPicker( winCpicker.document.cpicker.getSVGDocument() );
	var option = winCpicker.document.getElementById('cs_select')[0];
	for( var i=0; i<colorSchemes.length; i++) {
		if (colorSchemes[i].sys<0) continue;
		newOption = option.cloneNode(true);
		newOption.value=colorSchemes[i].sys;
		newOption.innerText = colorSchemes[i].name;
		option.parentElement.appendChild(newOption);
	}
	winCpicker.focus();
}
 
function saveColors() {
	var newScheme = new ColorScheme(null, new Array(11), null, null, -1);
	newScheme.name = winCpicker.document.getElementById('cs_name').value;
	newScheme.readFromPicker(winCpicker.document.cpicker.getSVGDocument());
	// send to server
	saveColorSceme(newScheme);
	
	/*
	var index = colorSchemes.length;
	colorSchemes[index] = newScheme;
	activeScheme = index;
	winCpicker.close();
	update_cs_controls();
	colorit();
	*/
}

function update_cs_controls() {
	var control = document.getElementById('colorchoice');
	var option = control.options[0];
	for (var i = control.options.length; i>=0; i--) {
		control.options.remove(i);
	}
	for (var i=0; i<colorSchemes.length; i++) {
		var newOption = option.cloneNode();
		newOption.selected = (activeScheme==i);
		newOption.value = i;
		newOption.text = colorSchemes[i].name;
		control.options.add(newOption);
	}
}

function buildColorData(win)
{
	for (i=0; i<colorSchemes.length; i++)
	{
		win.document.write("<option value ="+ i + ">" + colorSchemes[i].name + "</option>");
	}
}



// event handler
function changeColorScheme(evt) {
	activeScheme = parseInt(evt.srcElement.value);
	colorit();
}

////////////////////////////////////////
// legend functions
///////////////////////////////////////

var NUM_LEGEND_ELEMENTS = 10;


function setLegendElementsVisible( legendDoc, numElements, flag )
{

	var legendObj;
	var legendStyle;
	
	if (flag)
	{
		for (i = 0; i < numElements; i++) 
		{
			legendObj = legendDoc.getElementById("lval"+i);
			legendStyle = legendObj.getStyle();
			legendStyle.setProperty('visibility','visible');		
		}
		legendObj = legendDoc.getElementById("nodata");
		legendStyle = legendObj.getStyle();
		legendStyle.setProperty('visibility','visible');		

	} else {
		for (i = 0; i < numElements; i++) 
		{
			legendObj = legendDoc.getElementById("lval"+i);
			legendStyle = legendObj.getStyle();
			legendStyle.setProperty('visibility','hidden');		
		}
		legendObj = legendDoc.getElementById("nodata");
		legendStyle = legendObj.getStyle();
		legendStyle.setProperty('visibility','hidden');		
	}
} // end setLegendElementsVisible( )


function setLegendHeadline(legenddoc, dsn) 
{
	legendObj = legenddoc.getElementById("headline");
    legendObj = legendObj.getFirstChild();
    legendObj.setData (mdb.getMeta(dsn).description);
} // end setLegendHeadline

function clearRegionLabels(svgdoc)
{
	var labelIndex = 0;
	for (myId in mdb.index) {
		//set the label text to the vmap values
		regionObj = svgdoc.getElementById('rl' + labelIndex);
		if (regionObj==null) continue;
		regionObj = regionObj.getFirstChild();
		regionObj.setData("" );
		labelIndex++;
	}
}// end clearRegionLabels

function setNoDataColor( legendDoc, color ) {
	var legendObj;
	var legendStyle;
	
	legendObj = legendDoc.getElementById("nodataVal");
	legendStyle = legendObj.getStyle();
	legendStyle.setProperty('fill',color);
}// end setNoDataColor( )

function setDataColor( legendDoc, index, color, label) {
	//alert('label -> ' + label)
	var labelObj = legendDoc.getElementById("textVal"+index).getFirstChild();
	if (label!=null) labelObj.setData(label); else labelObj.setData("");
	var legendStyle = legendDoc.getElementById("val"+index).getStyle();
	legendStyle.setProperty('fill',color);
}

function getSVGDoc() {
	return svgFile1.getSVGDocument();
}


var svgObj;
var svgStyle;
var svgdoc;
var groupnode;
var legendObj;
var legendStyle;
var legenddoc;
var svgvaldoc;
var svgdistrictObj;
var svgsubdistrictObj;
var svgvalObj;
var svgoverviewdoc;
var pluginPixWidth;
var pluginPixHeight;
var svgRect;
var svgMainViewport;
var width;
var height;
var polycolor;

function init() {
	svgdoc = getSVGDoc();
	svgMainViewport = svgdoc.getDocumentElement();
	
	//pega a referência para o svgoverview.svg and its objects
	svgoverviewdoc = svgOverview.getSVGDocument();
	overviewViewport = svgoverviewdoc.getDocumentElement()		;		
	pluginPixWidth = overviewViewport.getAttribute("width");
	pluginPixHeight = overviewViewport.getAttribute("height");

	svgOverview.width = pluginPixWidth;
	svgOverview.height = pluginPixHeight;
	
	svgRect = svgoverviewdoc.getElementById("rectForPlace");

	//reference to draggable rectangle and viewport
	getMapInfo();
	getViewBox();
	
	//toggleSVGElements('labels', checkboxForm.labelsCheck.checked);
	toggleSVGElements('reg_gov', checkboxForm.reg_govCheck.checked);
	toggleSVGElements('shields', checkboxForm.shieldsCheck.checked);
///////INICIO LABEL/////////////////////////////////////////////////
	
	svgMMdoc = svgFile1.getSVGDocument();
	
	
	svgMMrootElem = svgMMdoc.getElementById("root");
	
	
	
	gnStyle = svgMMdoc.getElementById('reg_gov').getStyle();
	
	accessInfoLabel = document.all.infoLabelLay;
	
	svgInfoLabel = infoLabel.getSVGDocument();
	
	svgLabelRoot= svgInfoLabel.getElementById("labelRoot");
	
	svgInfoLabelText = svgInfoLabel.getElementById("label");
	
	svgInfoLabelText = svgInfoLabelText.getFirstChild();
	
	
	setFollowingLabelEvents();
	

///////FIM LABEL/////////////////////////////////////////////////
	
}

//////////////INICIO LABEL //////////////////////////////////////////

function setFollowingLabelEvents(){
	
	
        var setFollowIt =svgMMdoc.getElementById('reg_gov').setAttribute("onmousemove","followIt(evt)");
       
        /*
        var setStopFollowIt = svgMMrootElem.setAttribute('onmouseout','stopFollowIt(evt)');
        */
        
        
        }

function showAdmin(id,evt) {
	
	var myreg;
	
	
	if(evt){
		

		theCircle = evt.getTarget();
		theCircleStyle = theCircle.getStyle();
		theCircleStyle.setProperty('fill','blue');
		theCircleStyle.setProperty('fill-opacity','0.4');
		theCircleStyle.setProperty('stroke','white');
		theCircleStyle.setProperty('stroke-width','5');
	}
	
        //id stammt aus svg path --> e.g. 'K001' ACHTUNG: FALLS IDS CHARACTERS SIND, DANN MUSS IN SVG-EVENT ' GESETZT WERDEN!!!!!!
        myreg = id;  
        //alert('id....' + id);
        
        findLocation(myreg);
        
        nome_muni = dados_mundist[foundLocation][1] ;
        nome_dist = dados_mundist[foundLocation][2] ;


	var stringLength = nome_dist.length + 10;
	
	var infoLabelWidth = stringLength*8.3 ;	

	
	
		
	infoLabel.setAttribute("width",infoLabelWidth);		
	svgLabelRoot.setAttribute("width",infoLabelWidth);		
	
  	//var text = gnname + '  aaa ' + fullValue;
  	var text = nome_dist;
  	
  	svgInfoLabelText.setData(text);
  	
  	
//--------end new      
        
        svgMMObj = svgMMdoc.getElementById(id)
        svgMMStyle = svgMMObj.getStyle()

        svgMMStyle.setProperty('fill-opacity','0.3')


}


function emptyAdmin(evt) {


        svgMMStyle.setProperty('fill-opacity','1');

}

        
function followIt(evt) {
	
	//alert('incio followIt 1....');
	

	var x = evt.getClientX();
	var y = evt.getClientY();
	
	var ebene = accessInfoLabel.style;
	
	//alert('ebene ...' + ebene );
	
	
	ebene.visibility = "visible";
	
	
	if(x>600){
		if(x>700){ebene.left = x -100;}
		else{ebene.left = x -40;}
	}	
	else {ebene.left = x +100;}
	
	
	if(y<25){ebene.top = y+50;}
	else {ebene.top = y+20;}
	
	window.status = 'valor de ebene.left...' + ebene.left + '  ebene.top...' + ebene.top;
	//alert('valor de ebene.left...' + ebene.left + '  ebene.top...' + ebene.top);
		     	
     	if(!gnIsActive){
     		//alert('Entrou no gnIsActive..');
		ebene.visibility = "hidden";
	}
     		
}

function stopFollowIt(evt){
	
	var ebene = accessInfoLabel.style;
	
	//alert('ebene' + ebene);
	
	ebene.visibility = "hidden";	
	
	

} 
/////////////FIM LABEL //////////////////////////////////////////////

/////////////INICIO DA PESQUISA ID EM VETOR /////////////////////////
function findLocation(myreg){

	for (var i=0; i<dados_mundist.length; i++){
		if (myreg == dados_mundist[i][0]){
			foundLocation = i;
			return foundLocation;
		}
	}
}

/////////////FIM DA PESQUISA ID EM VETOR ////////////////////////////



//Vars that determine the size and default attr of all maps
var pressed = 0;

function buildThemeData(win)
{
	for (dsn in mdb.data)
	{
		win.document.write("<option value=\"" + dsn + "\" " + ((dsn==init_dsn) ? "selected" : "") + " >" + mdb.getMeta(dsn).description + "</option>");
	}
}

function buildUserEditableThemeData(win)
{
		
	for (dsn in mdb.data)
	{
		if (  (mdb.getMeta(dsn).dataType == "userData") && (mdb.getMeta(dsn).themeType != "color_only") )
		{
//			alert("<option value=\"" + dsn + "\">" + mdb.getMeta(dsn).description);
			win.document.write("<option value=\"" + dsn + "\">" + mdb.getMeta(dsn).description );
		}
	}
}

function buildUserThemeData(win)
{
		
	for (dsn in mdb.data)
	{
		if (  (mdb.getMeta(dsn).dataType == "userData") )
		{
//			alert("<option value=\"" + dsn + "\">" + mdb.getMeta(dsn).description);
			win.document.write("<option value=\"" + dsn + "\">" + mdb.getMeta(dsn).description );
		}
	}
}



//for sorting numerical arrays
function compareNumbers(a, b) {
   return a - b
}

function select_map() {
	window.top.location.assign(event.srcElement.value);
}

///////////////////////////////////////////
// theming functions
//////////////////////////////////////////
// these values are used so that the person can change their thresholds on a map - if they want.
var  lastTheme = "dummy";
var  lastDSN = "dummy";
var  lastValues = new Array;
var  lastThresholds = new Array;
var  useUserThresholds = false;

		
function colorit() {
// this is a proxy intended to route 5 types of thematic shading.
//
// The 5 types of thematic shading are:
// by Count - attempt to put the same number of states into each bucket, 
//				legend contains "<threshold"
// by Range - automatically divide the range of values into equal thresholds, then theme across the thresholds.
//				legend contains "<=threshold"
// by User_Range - let the user defined the thresholds, then theme across the thresholds.
//			  	legend contains "<=threshold".  User Range is "by_range" with a flag set on where to get the thresholds.
//				
// by Value - let the user specify a mapping of descrete numeric values - to the color map, theme across the descrete values
//				legend contains the  text description related to the descrete values 
// by Color - like by Value, but - with more than 10 breaks allowed, and set region labels in the SVG.
////////////////////////////////////////////////////////////
// by Value and color_only do not allow count and range to be set 
//				- so we manage the enablement of those radio buttons here.
////////////////////////////////////////////////////////////
// lastTheme is used to manage USER_RANGE.  The user must have executed a "range" query first, before USER_RANGE.

	colorStaticElements(colorSchemes[activeScheme]);

	// get the data we are theming
	//aqui alterado com sucesso
	var dsn = selectThemeForm.myVar.value;
	
	//var dsn = nome_variavel;
	//alert('dsn vale - > ' + dsn);
	nome_var_selec = dsn;
	
	
	if (mdb.getMeta(dsn).themeType == 'value' )
	{
		document.forms["themeType"].elements["count"].disabled = true;
		document.forms["themeType"].elements["range"].disabled = true;
		useUserThresholds = false;
		colorit_by_value(dsn);
		lastTheme = 'value';
		
	}  else if ( mdb.getMeta(dsn).themeType == 'color_only' ){
	
			// need to implement color_only
			document.forms["themeType"].elements["count"].disabled = true;
			document.forms["themeType"].elements["range"].disabled = true;
			lastTheme = 'color_only';
			useUserThresholds = false;
			colorit_by_color_only(dsn);

	} else if (themeType.count.checked == true) { // check the HTML form
		
		document.forms["themeType"].elements["count"].disabled = false;
		document.forms["themeType"].elements["range"].disabled = false;
		document.forms["themeType"].elements["count"].checked = true;

		useUserThresholds = false;

		colorit_by_count(dsn);
		lastTheme = 'count';

	} else { // default-Range
		document.forms["themeType"].elements["count"].disabled = false;
		document.forms["themeType"].elements["range"].disabled = false;
		document.forms["themeType"].elements["range"].checked = true;
		
		colorit_by_range(dsn);
		lastTheme = 'range';
		lastDSN = dsn;
	}
	
	//toggleLabels(checkboxForm.labelsCheck.checked);
	
} // end function color_it()

function colorStaticElements(scheme) {
	// paint roads and labels
	var doc = getSVGDoc();
	var reg_gov = doc.getElementById("reg_gov").getStyle();
	reg_gov.setProperty("stroke","#8C0000");
	//var labelStyle = doc.getElementById("labels").getStyle();
	//labelStyle.setProperty("fill",scheme.label_color);
}

function colorit_by_color_only(dsn) {

	alert('aqui');

	var index = mdb.index;
	var data = mdb.getDataSet(dsn);
	var vmap = mdb.getMeta(dsn).vmap;
	
	var unique = new Array();
	for (ix in index) {
		var i = index[ix];
		try {
			var value = vmap[data[i]];
			if (value==null) continue;
			/*
			var count = unique[data[i]];
			count = (count!=null) ? count+1 : 1;
			*/
			unique[data[i]] = 0; //count;
		} catch (e) {
		}
	}
	
	var uniqueCnt = 0;
	for (key in unique) {
		uniqueCnt++;
		//unique[key] = Math.floor(unique[key]/2);
	}
	
	var colors = colorSchemes[activeScheme].getColors(uniqueCnt);

	var svgdoc = getSVGDoc();
	var nodataColor = colors[0];
	for (ix in index) {
		var svgStyle = svgdoc.getElementById(ix).getStyle();
		svgStyle.setProperty('fill', nodataColor);
		try {
			var svgLabel = svgdoc.getElementById('rl' + index[ix]).getFirstChild();
			svgLabel.setData('');
		} catch (e) {}
	}

	var color = 1;
	for (key in unique) {
		for (ix in index) {
			var i = index[ix];
			if (key!=data[i]) continue;
			var svgStyle = svgdoc.getElementById(ix).getStyle();
			svgStyle.setProperty('fill', colors[color]);
			// !!!!!!
			/*
			if (unique[key]==0) {
				try {
					var svgLabel = svgdoc.getElementById('rl' + index[ix]).getFirstChild();
					svgLabel.setData(vmap[data[i]]);
				} catch (e) {}
			}
			unique[key]--;
			*/
			if (unique[key]==0) {
				try {
					var svgLabel = svgdoc.getElementById('rl' + index[ix]).getFirstChild();
					svgLabel.setData(vmap[data[i]]);
					unique[key] = 1;
				} catch (e) {}
			}
		}
		color++; if (color>=colors.length) color=1;
	}
	
	var legenddoc = svgFile2.getSVGDocument();
	setLegendHeadline(legenddoc, dsn);
	setLegendElementsVisible( legenddoc, NUM_LEGEND_ELEMENTS, false );

}


function colorit_by_value(dsn) {

	//alert('Colorindo por faixa de valores');
	//alert('Cororindo por faixa');

	var index = mdb.index;
	var data = mdb.getDataSet(dsn);
	var vmap = mdb.getMeta(dsn).vmap;
	
	var unique = new Array();
	for (ix in index) {
		var i = index[ix];
		try {
			var value = vmap[data[i]];
			if (value==null) continue;
			unique[data[i]] = value;
		} catch (e) {
		}
	}
	
	var uniqueCnt = 0;
	for (key in unique) {
		uniqueCnt++;
	}
	
	if (uniqueCnt>10) {
		alert('Operation not supportes for more than 10 unique groups');
		return;
	}
	
	var colors = colorSchemes[activeScheme].getColors(uniqueCnt);

	var svgdoc = getSVGDoc();
	var nodataColor = colors[0];
	for (ix in index) {
		var svgStyle = svgdoc.getElementById(ix).getStyle();
		svgStyle.setProperty('fill', nodataColor);
	}

	var color = 1;
	for (key in unique) {
		for (ix in index) {
			var i = index[ix];
			if (key!=data[i]) continue;
			var svgStyle = svgdoc.getElementById(ix).getStyle();
			svgStyle.setProperty('fill', colors[color]);
		}
		color++; if (color>=colors.length) color=1;
	}
	
	var legenddoc = svgFile2.getSVGDocument();
	setLegendHeadline(legenddoc, dsn);
	setLegendElementsVisible( legenddoc, NUM_LEGEND_ELEMENTS, false );
	
	setNoDataColor(legenddoc,colors[0]); 
	
	var i = 0;
	for (key in unique) {
		//set the label text
		legendObj = legenddoc.getElementById("textVal"+i);
		legendObj = legendObj.getFirstChild();
		legendObj.setData(unique[key]);	
		
		//set the color bar	
		legendObj = legenddoc.getElementById("val"+i);
		legendStyle = legendObj.getStyle();
		legendStyle.setProperty('fill',colors[i+1]);
		
		i++;
	}

	//turn the legend back on
	setLegendElementsVisible(legenddoc, i, true );
	
} // end colorit_by_value()

//Loads Help Window
function ShowHelp(strUrl) {
	window.open(strUrl, "Help", "location=no,toolbar=no,menubar=no,status=yes,scrollbars=yes,resizable=yes,top=0,left=0,width=700,height=400");
}


function colorit_by_count(dsn) { // dsn == data to theme
		
	var myArray = new Array(); // temp place to hold the data
	var myThresholds = new Array(); // temp place to hold the thresholds
	
	
	//grab the current map svg
	svgdoc =getSVGDoc();

	window.status = "determinando a quantidade de valores ...";
	
	// figure out how many tiles we are doing.
	var nrClasses = selectClassesForm.myClass.value
	
	
	// select numeric values
	var ds1 = mdb.getDataSet(dsn);
	var v = new Array();
	var j=0;
	for (var i=0; i<ds1.length; i++) {
		if (isNaN(ds1[i])) continue;
		v[j] = ds1[i];
		j++;
	}
	
	// sort
	v.sort(num_sf_2);
	//alert('Cororindo por faixa');
	// select unique values
	var uv = new Array();
	var f;
	var j=0;
	for (var i=0; i<v.length; i++) {
		var val = v[i];
		if (f==val) continue;
		f = val; uv[j] = val;
		j++;
	}

	// build histogram
	var uf = new Array(uv.length);
	for (var j=0; j<uv.length; j++) uf[j]=0;

	for (var i=0; i<v.length; i++) {
		var val = v[i];
		for (var j=uv.length-1; j>=0; j--) {
			if (uv[j]<val) break;
			uf[j]++;
		}
	}
	delete v;
	
	// use less classes if dataset hasn't sufficient unique values;
	if (nrClasses>uv.length) nrClasses = uv.length;

	// check if we have sufficient colors for shading (color[0] is reserved for nodata)
	var colors = colorSchemes[activeScheme].getColors(nrClasses);
	if (nrClasses>colors.length-1) nrClasses = colors.length-1;
	
	var thresholds = null;
	if (nrClasses>0) {
		thresholds = new Array(nrClasses-1);
		if (nrClasses<2) {
			thresholds[0] = uv[0];
		} else if (nrClasses==uv.length) {
			for (var i=0; i<nrClasses-1; i++) thresholds[i] = uv[i];
		} else {
			var delta = uf[uf.length-1]/nrClasses;
			//alert('delta -> ' + delta);
			var j=0; var k;
			for (var i=0; i<nrClasses-1; i++) {
				while (uf[j]<(i+1)*delta) j++;
				if (j==k) j++;
				thresholds[i] = uv[j];
				//alert('uv[' + j + '] -> ' + uv[j]);
				k = j;
			}
		}
	}

	window.status = "pintando o mapa ...";

	for (myId in mdb.index) {
		myValue = mdb.getValue(dsn, myId);
		svgObj = svgdoc.getElementById(myId);
		svgStyle = svgObj.getStyle();
		var color;
		if (isNaN(myValue)) {
			color = colors[0];
		} else if (myValue<=thresholds[0]) {
			color = colors[1];
		} else {
			for (var j=thresholds.length-1; j>=0; j--) {
				if (myValue>thresholds[j]) {
					color = colors[j+2]; break;
				}
			}
		}
		svgStyle.setProperty('fill', color);
	}

	//set legend
	window.status = "atualizando a legenda do mapa ...";
	legenddoc = svgFile2.getSVGDocument();

	//get/set the title on the legend window 
	setLegendHeadline(legenddoc, dsn);

	//make legend elements invisible
	setLegendElementsVisible( legenddoc, NUM_LEGEND_ELEMENTS, false );
	
	// set the nodata color
	setNoDataColor(legenddoc, colors[0]);
	for (i=0; i < nrClasses-1; i++) {
		setDataColor(legenddoc, i, colors[i+1], "<="+thresholds[i]);
	}
	if (nrClasses>1) setDataColor(legenddoc, thresholds.length, colors[nrClasses], ">"+thresholds[thresholds.length-1]);
	else if (nrClasses==1) setDataColor(legenddoc, 0, colors[1], thresholds[0]);
	
	//turn the legend on again
	setLegendElementsVisible( legenddoc,nrClasses, true );

	window.status = "Completo, temas por quantidade com " + nrClasses +" cores";
} // end colorit_by_count() 

////////////////////////////////////////////////////////////////////////////

function round(number,X) {
	// rounds number to X decimal places, defaults to 2
	X = (!X ? 2 : X);
	return Math.round(number*Math.pow(10,X))/Math.pow(10,X);
	}
////////////////////////////////////////////////////////////////////////////

function colorit_by_range(dsn) {
	//by range
	var myArray = new Array();
	var myThresholds = new Array();
	//alert('Aqui...');
	
	svgdoc =getSVGDoc();
	
	window.status = "determinando a quantidade de valores por faixa...";
	
	//get the data and sort it for quantile calculation
	nrClasses = selectClassesForm.myClass.value
	
	// Get the data
	//mdb.copyDataSet(dsn, myArray);
	var ds1 = mdb.getDataSet(dsn);
	var myArray = new Array();
	var j=0;
	for (var i=0; i<ds1.length; i++) {
		if (isNaN(ds1[i])) continue;
		myArray[j] = ds1[i];
		j++;
	}

	// sort the data
	myArray.sort(num_sf_2);
	
	// get quantil values - by range.
	// get the min and max, then find the data values within that range that 
	// are equidistant from each other.
	// then select the array elements based on that.
	
	window.status = "finished sort quantile values ...";
	// If the shading type is Colorize it
	// Now - find how many unique values there are
	// wtf is "ids"
	
	var unique_counter =1;
	var  unique_values = new Array;
	unique_values[0] = myArray[0];
	lastValues[0] = myArray[0];
	
	for (i=1; i<myArray.length; i++) {
		if (unique_values[unique_counter-1] != myArray[i] ) {
			unique_values[unique_counter] = myArray[i]; 
			lastValues[unique_counter] = myArray[i]; 
			unique_counter++;
		}
	}
	
	
	if (useUserThresholds == true)  // The user set thresholds through the GUI so use those.
	{
		
		if (nrClasses >=unique_values.length)  // look to see if the array has less unique values that asked for...
		{
			nrClasses = unique_values.length;
		}
	
		for (i=0; i<lastThresholds.length; i++)
		{
			myThresholds[i]= lastThresholds[i]; // use the last thresholds
		}
	
	} else {  // otherwise calculate new thresholds
	
	if (nrClasses >=unique_values.length)  // look to see if the array has less unique values that asked for...
	{   // if so, use the uniques as thresholds
		nrClasses = unique_values.length;
		for (i=0; i<unique_values.length; i++)
		{
			myThresholds[i]= unique_values[i]; // use the unique values as thresholds
			lastThresholds[i]= unique_values[i]; // use the unique values as thresholds
		}
		lastThresholds.length = myThresholds.length;
	
	} else { // otherwise calculate the new thresholds
	
		// break the range of values into equal chunks
		threshold =  (myArray[myArray.length-1] - myArray[0]) / nrClasses;
		
		myThreshold = threshold;
		var num_01 = myThreshold
		//alert('num_01 : ' + num_01);
		
		
		myThreshold = round(num_01,2);
		
		//alert('myThreshold : ' + myThreshold);
		
		
		//myThresholds[0] = myArray[0] + Math.round(myThreshold);
		//lastThresholds[0] = myArray[0] + Math.round(myThreshold);
		myThresholds[0] = myArray[0] + myThreshold;
		lastThresholds[0] = myArray[0] + myThreshold;
		
		
		//alert('myArray[0] -> ' + myArray[0] + ' myThreshold -> ' + myThreshold + ' myThresholds[0] -> ' + myThresholds[0] + ' lastThresholds[0] -> ' + lastThresholds[0]);
		
		for (i = 1; i < nrClasses -1; i++) {
			myThresholds[i] = round(myThresholds[i-1]  + myThreshold,2);
			lastThresholds[i] = round(myThresholds[i-1]  + myThreshold,2);
			//alert('myThresholds[' + i + '] ' + myThresholds[i] + ' lastThresholds[' + i + '] ' + lastThresholds[i]);
		}
			myThresholds[i] = myArray[myArray.length - 1];
			lastThresholds[i] = myArray[myArray.length - 1];
			lastThresholds.length = myThresholds.length;
	}
	
	}
	
	if (myArray.length ==0) nrClasses=0;
	
	//set array with color-values
	
	window.status = "colocando cores por valor ...";
	var myColors =  colorSchemes[activeScheme].getColors(nrClasses);
	
	//color it
	window.status = "pintado o mapa ...";
	
	
	for (myId in mdb.index) {
		myValue = mdb.getValue(dsn, myId);
		svgObj = svgdoc.getElementById(myId);
		svgStyle = svgObj.getStyle();
		if (isNaN(myValue)) {
			svgStyle.setProperty('fill',myColors[0]);
		} else {
			for (j = myColors.length -2; j >0 ; j--) {
				if ((myValue <= myThresholds[j]) && myValue> (myThresholds[j-1]) )  {
					svgStyle.setProperty('fill',myColors[j+1]);
					break;
				} else if (j==1) {
					svgStyle.setProperty('fill',myColors[1]);
					break;
				}
			}
		}
	}
	
	//set legend
	window.status = "atuzalizando a legenda do mapa ...";
	legenddoc = svgFile2.getSVGDocument();
	
	//get/set the title on the legend window 
	setLegendHeadline(legenddoc, dsn);
	
	
	// set ALL the legend labels to be invisible to clean-up from the last state
	setLegendElementsVisible( legenddoc, NUM_LEGEND_ELEMENTS, false );
	
	
	// set the nodata color
	setNoDataColor(legenddoc,myColors[0]);
	
	// set the legend colors
	for (i = 0; i < nrClasses; i++) {
		legendObj = legenddoc.getElementById("textVal"+i).getFirstChild();
		if (i!=nrClasses-1) legendObj.setData("<= "+myThresholds[i]); else legendObj.setData("> "+myThresholds[i-1]); 
		legendObj = legenddoc.getElementById("val"+i);
		legendStyle = legendObj.getStyle();
		legendStyle.setProperty('fill',myColors[i+1]);
	}
	
	// set the active legend labels to be visible 
	setLegendElementsVisible( legenddoc, nrClasses, true );
	
	window.status = "Completado, temas por faixa com "+ nrClasses +" única cor";

} // colorit_by_range()



// used to turn on/off the map layers
function toggleSVGElements(id,checkVal) {
    var svgStyle = getSVGDoc().getElementById(id).getStyle();
	if (checkVal) {
		svgStyle.setProperty('visibility','visible');
	} else {
		svgStyle.setProperty('visibility','hidden');
	}
} 

function toggleInGroup(id1,id2,checkVal) {
	var childNodes = getSVGDoc().getElementById(id1).childNodes;
	for (var i=0; i<childNodes.length; i++) {
		var node = childNodes.item(i);
		try {
			if (node.tagName!='g') continue;
			var vis = ((node.id==id2) && checkVal) ? 'visible' : 'hidden';
			node.style.setProperty('visibility', vis);
		} catch (e) {}
	}
} 

function toggleLabels(checkVal) {
	//alterado aqui
	//var dsn = selectThemeForm.myVar.value;
	var dsn = nome_variavel;
	var target = (mdb.getMeta(dsn).themeType == 'color_only' ) ? 'rl' : 'gl';
	toggleInGroup('labels', target, checkVal);
}

//highlights on mouse over
function showDistrict(evt) {	

	
	//incio alteração
	svgdoc = evt.getTarget() != null ? evt.getTarget().getOwnerDocument() : null;
	svgroot = svgdoc.getDocumentElement();
	
	//alert("svgdoc : " + svgdoc);
	


	
	//initialize cursor parameters
	var vbox = (svgroot.getAttribute("viewBox")).split(' ');
	
	x0 = parseFloat(vbox[0]);
	y0 = parseFloat(vbox[1]);
	vboxW = parseFloat(vbox[2]);
	vboxH = parseFloat(vbox[3]);
	
	//alert("x0 : " + x0 + " y0 : " + y0+ " vboxW : " + vboxW+ " vboxH : " + vboxH);
	//alert("vbox : " + vbox);
	
	svgW = parseFloat(svgroot.getAttribute("width"));
	svgH = parseFloat(svgroot.getAttribute("height"));
	//alert("svgW : " + svgW + " svgH : " + svgH);
	// initialize label text
	
	
	var data = svgdoc.createTextNode(" ");
	var text = svgdoc.createElement("text");
	alert("text : " + text);
	
	text.setAttribute("transform","translate("+ x0 + "," + y0 + ")");
	
	text.setAttribute("style", "fill:#2d8c30;font-size:4600;");
	
	text.setAttribute("teste", "label");
	text.appendChild(data);
	svgroot.appendChild(text);
	
	/*
	var idObj = evt.target;
	while (idObj.id.length ==0 && idObj!=null) {
		alert("Passou aqui");
		idObj = idObj.getParentNode();
	}
	alert("idObj.id ->" + idObj.id);
	svgStyle = idObj.getStyle();
	polycolor = svgStyle.getPropertyValue("fill"); //get PropertyValue, store orginial color
	svgStyle.setProperty("fill","url(#Gradient)"); //set PropertyValue, generate gardient highlight
	*/
	
	

	//
}


function on_load(e){

	svgdoc = e.getTarget() != null ? e.getTarget().getOwnerDocument() : null;
	svgroot = svgdoc.getDocumentElement();
	
	//inicializa os parâmentro do cursor
	var vbox = (svgroot.getAttribute("viewBox")).split(' ');
	x0 = parseFloat(vbox[0]);
	y0 = parseFloat(vbox[1]);
	vboxW = parseFloat(vbox[2]);
	vboxH = parseFloat(vbox[3]);
	svgW = parseFloat(svgroot.getAttribute("width"));
	svgH = parseFloat(svgroot.getAttribute("height"));
	// initialize label text
	var data = svgdoc.createTextNode(" ");
	var text = svgdoc.createElement("text");
	text.setAttribute("transform","translate("+ x0 + "," + y0 + ")");
	text.setAttribute("style", "fill:#2d8c30;font-size:4600;");
	text.setAttribute("id", "label");
	text.appendChild(data);
	//alert("text : " + text);
	svgroot.appendChild(text);

}


// mouse_over
function over(e,muni3) {
	target = e.currentTarget;
	var id = target.id;
	var id2 = muni3;
	if (id!="") {
		//var X = x0 + offset +(e.getClientX() - svgroot.currentTranslate.x)*(vboxW/(svgW*svgroot.currentScale));
		var X = x0 + 7000 + e.getClientX();
		
		//var Y = y0 - offset + (e.getClientY() - svgroot.currentTranslate.y)*(vboxH/(svgH*svgroot.currentScale));
		var Y = y0 + 7000 ;
		label =  svgdoc.getElementById("label");
		label.setAttribute("transform","translate("+ X + "," + Y + ")");
		label.getFirstChild().setData(id + "Y : " + Y);
		var svgstyle = e.currentTarget.getStyle();
		style = svgstyle.getPropertyValue('fill');
		svgstyle.setProperty ('fill','#ffcc99');
	}
}


function out(e) {
	//rollover label off
	var label =  svgdoc.getElementById("label");
	label.getFirstChild().setData(" ");
	var svgstyle = e.currentTarget.getStyle();
	svgstyle.setProperty ('fill',style);
	////////////////////
	//var data_view2 = document.data_view.getSVGDocument();
	//data_view2.getElementById('nome_muni').getFirstChild().setData('');
	
}
function DoOnMouseMove(e) {
	var X = x0 + (e.getClientX() - svgroot.currentTranslate.x)*(vboxW/(svgW*svgroot.currentScale));
		var Y = y0 - offset + (e.getClientY() - svgroot.currentTranslate.y)*(vboxH/(svgH*svgroot.currentScale));
	//label =  svgdoc.getElementById("label");
	label.setAttribute("transform","translate("+ X + "," + Y + ")");
}

//restores on mouse out.
function emptyDistrict(evt) {
	svgStyle.setProperty("fill", polycolor);	//set PropertyValue, restore original color
}
	
function showDetailData(evt) {
	var idObj = evt.target;
	while (idObj.id.length ==0 && idObj!=null) {
		idObj = idObj.getParentNode();
	}
	dataWindow=open("","","toolbar=0,directories=0,menu=0,scrollbars=0,location=0,resizable=1,status=0,top=50,left=50,width=300,height=200,menubar=0,dependent=1,hotkeys=0");
	escreveDetalhedosDados(idObj.id);
}


function escreveDetalhedosDados(id) {
	myreg = id;
        findLocation(myreg);
        
        var nomemuni = dados_mundist[foundLocation][1] ;
        var nomedist = dados_mundist[foundLocation][2] ;
        var val ;
        val = mdb.getValue(nome_var_selec, id);
        //var geoid = dados_mundist[foundLocation][0] ;
        var geoid = val ;
	

	dataWindow.document.open();
	//dataWindow.document.write("<HTML><HEAD><TITLE>Informações");
	dataWindow.document.write("<HTML><HEAD><TITLE>Informações");
	dataWindow.document.write("</TITLE><link rel=stylesheet type='text/css' href='styles.css'></HEAD>");
	dataWindow.document.write("<BODY bgcolor='#FFFFFF' marginheight='0' marginwidth='0' topmargin='0' leftmargin='0'>");
	dataWindow.document.write("<h4>Informações</h4><table>");
	dataWindow.document.write("<tr><td >Nome: " + nomemuni + " </td></tr>");
	dataWindow.document.write("<tr><td ></td></tr>");
	dataWindow.document.write("<tr><td >Valor da variável : " + val + " </td></tr>");
	
	dataWindow.document.write("</table></BODY></HTML>");
	dataWindow.document.close();


}


function zoomIt() {
		
	window.status = "zoom do mapa - espere um momento por favor ...";

	if (document.all) {
		zoomVal = parseFloat(selectZoomVal.myZoomSelect.value)
	}
	else {
		zoomVal = parseFloat(document.overviewZoom.document.selectZoomVal.myZoomSelect.options[document.overviewZoom.document.selectZoomVal.myZoomSelect.options.selectedIndex].value)
	}

	//get values from draggable rectangle
	xulcorner = parseFloat(svgRect.getAttribute("x"));
	yulcorner = parseFloat(svgRect.getAttribute("y"));
	width = parseFloat(svgRect.getAttribute("width"));
	height = parseFloat(svgRect.getAttribute("height"));
	
	//calcs
	xcenter = xulcorner + width / 2;
	ycenter = yulcorner + height / 2;
	xnulcorner = xcenter - nW0 / 2 * (100/zoomVal);
	ynulcorner = ycenter - nH0 / 2 * (100/zoomVal);
	nWidth = nW0 * (100/zoomVal);
	nHeight = nH0 * (100/zoomVal);

	if (zoomVal == 100) {
		xnulcorner = nX0
		ynulcorner = nY0
	}		
	//set values of draggable rectangle
	svgRect.setAttribute("x",xnulcorner);
	svgRect.setAttribute("y",ynulcorner);
	svgRect.setAttribute("width",nWidth);
	svgRect.setAttribute("height",nHeight);
	
	//set viewport of main map
	newViewport = xnulcorner + " " + ynulcorner + " " + nWidth + " " + nHeight;
	svgMainViewport.setAttribute("viewBox",newViewport);
	
	getMapInfo();
	
	window.status = "... done";
}

function beginPan(evt) {
	pressed = 1;
	width = parseFloat(svgRect.getAttribute("width"));
	height = parseFloat(svgRect.getAttribute("height"));
	evtX = parseFloat(evt.getClientX());
	evtY = parseFloat(evt.getClientY());
	rectUlXCorner = parseFloat(svgRect.getAttribute("x"));
	rectUlYCorner = parseFloat(svgRect.getAttribute("y"));	
	//alert("evtX="+evtX+", evtY="+evtY);
}
function doPan(evt) {
	if (pressed == 1) {
		newEvtX = parseFloat(evt.getClientX());
		newEvtY = parseFloat(evt.getClientY());
		toMoveX = rectUlXCorner + (newEvtX - evtX) * nW0 / pluginPixWidth;
		toMoveY = rectUlYCorner + (newEvtY - evtY) * nH0 / pluginPixHeight;
		
		//restrict to borders of overviewmap
		if (toMoveX < nX0) {
			svgRect.setAttribute("x",nX0);
		}
		else if ((toMoveX + width) > (nX0 + nW0)) {
			svgRect.setAttribute("x",nX0 + nW0 - width);				
		}
		else {
			svgRect.setAttribute("x",toMoveX);			
		}
		if (toMoveY < nY0) {
			svgRect.setAttribute("y",nY0);
		}
		else if ((toMoveY + height) > (nY0 + nH0)) {
			svgRect.setAttribute("y",nY0 + nH0 - height);
		}				
		else {
			svgRect.setAttribute("y",toMoveY);
		}
		
		evtX = newEvtX;
		evtY = newEvtY;
		rectUlXCorner = parseFloat(svgRect.getAttribute("x"));
		rectUlYCorner = parseFloat(svgRect.getAttribute("y"));	
	}	
}

function endPan(evt) {
	window.status = "panning map - please be patient ...";
	pressed = 0;
	//set viewport of main map
	xulcorner = parseFloat(svgRect.getAttribute("x"));
	yulcorner = parseFloat(svgRect.getAttribute("y"));
	width = parseFloat(svgRect.getAttribute("width"));
	height = parseFloat(svgRect.getAttribute("height"));
	newViewport = xulcorner + " " + yulcorner + " " + width + " " + height;
	svgMainViewport.setAttribute("viewBox", newViewport);
	window.status = "... done";
}

function groupgeographies() {
	dataWindow=open("grupload.jsp?id_map="+map_id,"gr_upload","toolbar=0,directories=0,menu=0,scrollbars=1,location=0,resizable=0,status=0,top=50,left=50,width=450,height=430,menubar=0,dependent=1,hotkeys=0");
	dataWindow.focus();
}


function printmaps() {
	dataWindow=open("print.jsp?id_map="+map_id,"print","toolbar=0,directories=0,menu=0,scrollbars=1,location=0,resizable=1,status=1,top=50,left=50,width=670,height=600,menubar=1,dependent=1,hotkeys=0");
	dataWindow.focus();
}

function viewdata() {
	dataWindow=open("","","toolbar=0,directories=0,menu=0,scrollbars=1,location=0,resizable=0,status=0,top=50,left=50,width=400,height=500,menubar=0,dependent=1,hotkeys=0");
	dataWindow.opener = this.window;
	dataWindow.document.write("<HTML><HEAD><TITLE>Custom Mapping System");
	dataWindow.document.write("</TITLE><link rel=stylesheet type='text/css' href='styles.css'></HEAD>");
	
	
	var dsn = selectThemeForm.myVar.value;
		
	dataWindow.document.write("<BODY bgcolor='#FFFFFF' marginheight='0' marginwidth='0' topmargin='0' leftmargin='0' onBlur='window.close()'>");
	dataWindow.document.write("<TABLE cellspacing=0 cellpadding=6 BORDER=1 BGCOLOR='#004080' height='100%' width='100%'>");
	dataWindow.document.write("<TR><TD height=25 background='images/page_bg.gif'COLSPAN=2 valign='middle' align='left'><b class='window'>&nbsp; View Data</b></TD></TR>");
	dataWindow.document.write("<TR><TD valign='top'>");
	dataWindow.document.write("<TABLE Width='100%' cellspacing=5 bgcolor='#F8F4F8' border=0>");
	dataWindow.document.write("<form method='POST' name='selectThemeForm'>\n");
	dataWindow.document.write("<TR><TD colspan=3 align='center' valign='bottom'><font class='big'>"+ mdb.getMeta(dsn).description +"</font><br></br></td></tr> ");
	dataWindow.document.write("<TR><TD WIDTH='50%' ALIGN='center' bgcolor='darkred'><b><font color='white'>"+mdb.getMeta('i0').description+"</b></TD>\n");
//	dataWindow.document.write("<TD WIDTH='33%' ALIGN='center' bgcolor='darkred'><b><font color='white'>"+mdb.getMeta('i1').description+"</b></TD>\n");
	dataWindow.document.write("<TD WIDTH='50%' ALIGN='center' bgcolor='darkred'><b><font color='white'>Value</b></TD>\n");

	var tempArray = new Array();
	var newArray = new Array();
	var origArray = new Array();
	var stringFlag = false;
	mdb.copyIdDataSet('i0', tempArray); // get the ID on which to sort
	
	for (var i=0; i< tempArray.length; i++ )
	{
		origArray[i]=tempArray[i];   // unsorted copy of the original

	}
	
	// sort and build the x-ref array based on the type of geo-label (text or numeric)
	if (  mdb.getMeta('i0').dataType == "integer") 
	{
		tempArray.sort(num_sf);
		for (var i=0; i< tempArray.length; i++ )
		{
			newArray[eval(origArray[i])]=i;	// as number
		}

	} else {
		tempArray.sort(cis_sf);
		stringFlag = true;
		for (var i=0; i< tempArray.length; i++ )
		{
			newArray[origArray[i]]=i; // as string
		}

	}
	
	var myArray = mdb.getDataSet(dsn); 
	var myArray2 = new Array();
	var localIndex = 0;
	var lastGeoLabel = "";

	mdb.copyIdDataSet('i1', myArray2); 

	for ( i in mdb.index) {
		if ( lastGeoLabel != tempArray[localIndex]) {
			dataWindow.document.write("<TR><TD WIDTH='50%' ALIGN='left' bgcolor='#F8F4F8'>");
			dataWindow.document.write("<b>\n"+ tempArray[localIndex] + "</b></TD>");
			
			if (mdb.getMeta(dsn).themeType == 'value' ) {
				dataWindow.document.write("<TD ALIGN='left' bgcolor='#F8F4F8'><b>" 
				+ mdb.getMappedValueFromData(dsn, myArray[newArray[tempArray[localIndex]]])
				+ "</b></TD></TR>");
			} else {
				var val = myArray[newArray[tempArray[localIndex]]]
				dataWindow.document.write("<TD ALIGN='left' bgcolor='#F8F4F8'><b>"
				+ (isNaN(val) ? "No Data" : val) + "</b></TD></TR>");
			}
			lastGeoLabel = tempArray[localIndex];
		}
		localIndex++;
	}
	dataWindow.document.write("</form>\n");
	dataWindow.document.write("</TABLE>");
	dataWindow.document.write("</TD></TR>");
	dataWindow.document.write("</TABLE>");
	dataWindow.document.write("</BODY></HTML>");
} // end viewdata()

function changeprofile() {
	dataWindow=open("uedit.jsp","edit_profile","toolbar=0,directories=0,menu=0,scrollbars=0,location=0,resizable=0,status=0,top=50,left=50,width=420,height=390,menubar=0,dependent=1,hotkeys=0");
	dataWindow.focus();
}


function setthresh() {
	
	if (lastTheme != 'range' )
	{
	
		alert("Sorry, but you must select 'By Range' before setting your own thresholds");
	} else {

		var height; 
		height = (lastThresholds.length * 40) + 250; 
		
		dataWindow=open("","","toolbar=0,directories=0,menu=0,scrollbars=1,location=0,resizable=0,status=0,top=50,left=50,width=400,height="+height+",menubar=0,dependent=1,hotkeys=0");
		dataWindow.opener = this.window;
		dataWindow.document.write("<HTML><HEAD><TITLE>Custom Mapping System");
		dataWindow.document.write("</TITLE><link rel=stylesheet type='text/css' href='styles.css'>");
		
		dataWindow.document.write("\n<Script> \n");
		dataWindow.document.write("\n\nfunction compareNumbers(a, b) { return a - b }\n\n");

		dataWindow.document.write("function setNewThresholdValues(form)\n{\n ");
		
		dataWindow.document.write("var tempArray = new Array(); \n");
		dataWindow.document.write("for (var i = 0; i<form.elements.length-1; i++){\n");
		dataWindow.document.write("	if (isNaN(form.elements[i].value) ){alert('You have entered null data or non-numeric data: ' + form.elements[i].value + '. Please enter numeric data only.');\n event.returnValue=false;return;}\n");

		dataWindow.document.write("tempArray[i] = form.elements[i].value;}\n\n");
		dataWindow.document.write("tempArray.sort(compareNumbers);\n");
		dataWindow.document.write("for (var i = 0; i<form.elements.length-1; i++){\n");
		dataWindow.document.write(" if (tempArray[i] != form.elements[i].value) {alert('You must enter threshold data in ascending order.'); \n event.returnValue=false;return;}\n");
		dataWindow.document.write("}\n");

		dataWindow.document.write("for (var i = 0; i<form.elements.length-1; i++) \n{\n");
		dataWindow.document.write("    opener.lastThresholds[i]=form.elements[i].value;\n}\n");
		dataWindow.document.write("opener.useUserThresholds = true;\n")
    
		dataWindow.document.write("opener.colorit();opener.useUserThresholds = false;close();}\n</script>\n");
		dataWindow.document.write("</HEAD>");
		
		dataWindow.document.write("<BODY bgcolor='#FFFFFF' marginheight='0' marginwidth='0' topmargin='0' leftmargin='0' >");
		dataWindow.document.write("<TABLE cellspacing=0 cellpadding=6 BORDER=1 BGCOLOR='#004080' height='100%' width='100%'>");
		dataWindow.document.write("<TR><TD background='images/page_bg.gif'COLSPAN=2 valign='middle' align='left'><b class='window'>&nbsp; Set Threshold Values</b></TD></TR>");
		dataWindow.document.write("<TR><TD VALIGN='TOP'>");
		dataWindow.document.write("<TABLE cellspacing=0 cellpadding=6 BORDER=0 WIDTH='100%' bgcolor='#004080'>");
		dataWindow.document.write("<TR><TD COLSPAN=2 class='whitetext' AlIGN='LEFT' bgcolor='#004080'>You may alter the values that determine the thematic shading thresholds below.  Click <b class='yellow'>Apply New Thresholds</b> to apply the new thresholds.<br></br></TD></TR>");
		dataWindow.document.write("<TR><TD WIDTH='50%' ALIGN='center' bgcolor='#800000'><font color='white'>Minimum Value In Data Set:</TD><TD ALIGN='center' bgcolor='800000'><font color='white'>Maximum Value in Data Set:</td></TR>");
		dataWindow.document.write("<TR><TD ALIGN='center' bgcolor='#800000'><b><font color='white'>"+ lastValues[0] +"</b></TD><TD ALIGN='center' bgcolor='800000'><b><font color='white'>"+ lastValues[lastValues.length-1] +"</b></td></TR>");
		dataWindow.document.write("\n\n<form name='setNewThresholds' method='POST' onsubmit='setNewThresholdValues(this);' >");

		for (i = 0; i < lastThresholds.length-1; i++) {
			dataWindow.document.write("\n<TR><td align='right' bgcolor='#F8F4F8'><b>Threshold #"+ [i+1] +":</b></td><TD align=left bgcolor='#F8F4F8'><input name='thresh_values"+ [i] +"' size='5' value='"+ lastThresholds[i] + "'></TD></TR>");
		}
		dataWindow.document.write("\n<TR><TD COLSPAN=2 height='30' valign='TOP' align='center' bgcolor='#F8F4F8'><br></br><input type='submit' name='button' value='Apply New Thresholds'   ></TD></TR>");
		
		dataWindow.document.write("\n</form>\n\n");
	
		dataWindow.document.write("</TABLE>");
		dataWindow.document.write("</TABLE>");
		dataWindow.document.write("</BODY></HTML>");
		
	}


}