// JavaScript Document
var xRayRow;
var xRayCells;
var xRayCount = 0;
function getCells(row) {
	xRayCells = new Array();
	for (var i = 0; i<row.cells.length; i++) {
		xRayCells.push(row.cells[i].innerHTML);
	}
	
}

function addXray() {
//IE will not let me set the entire row innerHTML, it has to be done cell by cell.
//Firefox will do either
	xRayCount++
	var xrayTable = document.getElementById("xrayTable")
	var numXRays = xRayCount;//	xrayTable.rows.length
	var x = xrayTable.insertRow(xrayTable.rows.length)

	for (var i = 0; i<xRayCells.length; i++) {
		newCell = x.insertCell(i)
		newCell.innerHTML = xRayCells[i].replace(/000/g, numXRays);
	}
	
	var monthName = "xrayMonth"+numXRays
	var yearName = "xrayYear"+numXRays
	var dayName = "xrayDay"+numXRays
	var delName = "xrayDel-"+numXRays
	
	if (document.getElementById(monthName)) document.getElementById(monthName).onchange = function() {updateDayList(monthName, "xrayDay"+numXRays, yearName)}
	if (document.getElementById(yearName)) document.getElementById(yearName).onchange = function() {updateDayList(monthName, dayName, yearName)}
	updateDayList(monthName, dayName, yearName)
	setBlankDate(monthName, dayName, yearName)
	if (document.getElementById(delName)) document.getElementById(delName).onclick = function() {removeXRay(x); return false}

	setTableStyle() 
}


function removeXRay(row) {	
	var xrayTable = document.getElementById("xrayTable")
	xrayTable.deleteRow(row.rowIndex)
	setTableStyle() 
}

function setTableStyle() {
	var xrayTable = document.getElementById("xrayTable")
	var rows = xrayTable.getElementsByTagName("tr");  
	for(i = 1; i < rows.length; i++){          
		if (i % 2 == 0) { 
			//even
			setClass(rows[i], "even")
		} else {
			//odd	
			setClass(rows[i], "odd")
		}
	}	
}

function clearTable() {
	var xrayTable = document.getElementById("xrayTable")
	var rows = xrayTable.getElementsByTagName("tr");  

	for(i = rows.length-1; i >0; i--){  
		document.getElementById("xrayTable").deleteRow(rows[i].rowIndex)
	}
}

function getNumberOfXrays() {
	//var xrayTable = document.getElementById("xrayTable")
	//var rows = xrayTable.getElementsByTagName("tr");  
	return xRayCount	//rows.length-1	
}