var dataDiv;
	var dataTable;
	var dataTableBody;
	var offsetEl;
	var myWidth = 0; myHeight = 0;
	var clientY, clientX
		
	function docSize(){
		if(typeof(window.innerWidth) == 'number'){
			//non ie
			myWidth = window.innerWidth
			myHeight = window.innerHeight
		}else if(document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)){
			//id 6+ in standard mode
			myWidth = document.documentElement.clientWidth;
			myHeight = document.documentElement.clientHeight;
		}else if(document.body && (document.body.clientWidth || document.body.clientHeight)){
			//ie 4 compatible
			myWidth = document.body.clientWidth;
			myHeight = document.body.clientHeight;
		}		
	}
		
	function intiVars(){
		dataTableBody = document.getElementById("settingsDataBody")
		dataTable = document.getElementById("settingsData")
		dataDiv = document.getElementById("setingsPopup")
	}
		
	function createSettings(element,e){
		intiVars();
		createXMLHttpRequest();
		offsetEl = element;
		e = e || event
		clientY = e.clientY
		clientX = e.clientX
			
		var url = "/oc2/data/settings.asp";
			
		xmlHttp.open("GET", url, true);
		xmlHttp.onreadystatechange = callback;
		xmlHttp.send(null)
	}
					
	function callback(){
		if(xmlHttp.readystate == 4){
			if(xmlHttp.status == 200){
				setupTable();
			}else{
				alert(xmlHttp.status)
			}
		}
	}
		
	function setupTable(){
		clearData();
			
		var row = document.createElement("tr")
		var cell = document.createElement("td")
		var textNode = document.createTextNode("Settings");
			
		cell.setAttribute("bgColor", "#efefef");
		cell.setAttribute("border", "0");
		cell.setAttribute("align", "left");
		cell.setAttribute("width", "190");
		var h2 = document.createElement("h2");
		h2.style.margin="0";
		h2.style.font="bolder 14px Arial";
		h2.appendChild(textNode)
		cell.appendChild(h2)
		row.appendChild(cell)
			
		cell = document.createElement("td")
		cell.setAttribute("bgColor", "#ff0000");
		cell.setAttribute("align", "center");
		cell.setAttribute("width", "10");
		cell.style.cursor="pointer";
		cell.onclick = function(){clearData();};
			
		textNode = document.createTextNode("X")
		var span = document.createElement("span")
		span.style.font="bolder 14px Arial";
		span.style.color="White";
		span.appendChild(textNode)
		cell.appendChild(span)
		row.appendChild(cell)
			
		dataTableBody.appendChild(row)
		setupCells()
		setOffsets()
			
	}
		
	function setupCells(){
		var row 
		var cells
		var xmlDoc = xmlHttp.responseXML;
		removeWhitespaceNodes(xmlDoc);
		var allSets = xmlDoc.getElementsByTagName("setting")
		var currentSets = null;
			
		for(var i = 0; i < allSets.length; i++){
			row = document.createElement("tr");
			currentSets = allSets[i];
			cells = createCell(currentSets);
			row.appendChild(cells)
			dataTableBody.appendChild(row)
		}				
	}
		
	function createCell(sets){
		var cell
		cell = document.createElement("td");
		cell.setAttribute("bgColor", "#ffffff");
		cell.setAttribute("colSpan", "2");
			
		textNode = sets.childNodes[0].childNodes[0].nodeValue;
		var input = document.createElement("input");
		input.setAttribute("type",textNode);
		textNode = sets.childNodes[1].childNodes[0].nodeValue;
		input.setAttribute("name",textNode);
		textNode = sets.childNodes[2].childNodes[0].nodeValue;
		input.setAttribute("value",textNode);
			
		var tips = document.createTextNode(sets.childNodes[5].childNodes[0].nodeValue);
		input.onmouseover = function(){toolTip(tips,event);};
		input.onmouseout = function(){clearTips();};
		cell.appendChild(input);
			
		textNode = document.createTextNode(sets.childNodes[4].childNodes[0].nodeValue);
		cell.appendChild(textNode);
			
		return cell
	}
		
	function setOffsets(){
		var left = clientX
		var top = clientY
		dataDiv.style.border = "solid 1px white";
		dataDiv.style.left = left
		dataDiv.style.top = top
	}
		
	function clearData(){
		var ind = dataTableBody.childNodes.length;
		for(var i = ind - 1; i >= 0; i--){
			dataTableBody.removeChild(dataTableBody.childNodes[i]);
		}
		dataDiv.style.border = "none";
	}