

var firstrowoffset = 1; // first data row start at
var tablename = 'cplist'; // table name
var lastrowoffset = 19; // footer row
var usecss = false; // use css
var rowclass = 'ewTableRow'; // row class
var rowaltclass = 'ewTableAltRow'; // row alternate class
var rowmoverclass = 'ewTableHighlightRow'; // row mouse over class
var rowselectedclass = 'ewTableSelectRow'; // row selected class
var roweditclass = 'ewTableEditRow'; // row edit class
var rowcolor = '#FFFFFF'; // row color
var rowaltcolor = '#FFFFFF'; // row alternate color
var rowmovercolor = '#FFCCFF'; // row mouse over color
var rowselectedcolor = '#CCFFFF'; // row selected color
var roweditcolor = '#FFFF99'; // row edit color



function cp_mouseover(row) {
	row.mover = true; // mouse over

	if (!row.selected) {
	//row.style.backgroundColor = rowmovercolor;
		if (usecss)
			row.className = rowmoverclass;
		else
			row.style.backgroundColor = rowmovercolor;
	}
}

// Set mouse out color
function cp_mouseout(row) {
	row.mover = false; // mouse out
	if (!row.selected) {
		cp_setcolor(row);
	}
}

// Set row color
function cp_setcolor(row) {
	if (row.selected) {
		if (usecss)
			row.className = rowselectedclass;
		else
			row.style.backgroundColor = rowselectedcolor;
	}
	else if (row.edit) {
		if (usecss)
			row.className = roweditclass;
		else
			row.style.backgroundColor = roweditcolor;
	}
	else if ((row.rowIndex-firstrowoffset)%2) {
		if (usecss)
			row.className = rowaltclass;
		else
			row.style.backgroundColor = rowaltcolor;
	}
	else {
		if (usecss)
			row.className = rowclass;
		else
			row.style.backgroundColor = rowcolor;
	}
}

// Set selected row color
function cp_click(row) {
//	if (row.deleteclicked)
//		row.deleteclicked = false; // reset delete button/checkbox clicked
//	else {
		var bselected = row.selected;
		cp_clearselected(); // clear all other selected rows
		if (!row.deleterow) row.selected = !bselected; // toggle
		cp_setcolor(row);		
//	}
}

function cp_clearselected() {
	var table = document.getElementById(tablename);
	for (var i = firstrowoffset; i < (table.rows.length - lastrowoffset); i++) {
		var thisrow = table.rows[i];
		//if (thisrow.selected && !thisrow.deleterow) {
			thisrow.selected = false;
			cp_setcolor(thisrow);
		//}
	}
}


