window.changeTag = true;
var oriTableName = "SpTbl_table";
var oddClass = "spDg_tr_row_zebra_0";
var evenClass = "spDg_tr_row_zebra_1";
var overOddClass = "spDg_tr_row_zebraover_0";
var overEvenClass = "spDg_tr_row_zebraover_1";
var clickClass = "spDg_tr_row_zebraclick_0";

var oriTable = null;
var oldOverClass = null;
var oldClickClass = null;

var clickElement = null;

/**
 * 自动扫描表格，描绘奇偶行的颜色
 * oriTable：目标表格 oddClass：奇数行的css样式 evenClass：偶数行的css样式
 */
function SpTbl_setRowColor()
{
    SpTbl_resetTableColor();
	var row
    for(var i=1; i<oriTable.rows.length; i++)
    {
		oriTable.rows[i].attachEvent("onmouseover",SpTbl_setOverColor);
		oriTable.rows[i].attachEvent("onmouseout",SpTbl_setOutColor); 
		oriTable.rows[i].attachEvent("onclick",SpTbl_setClickColor); 

        if(i % 2 == 0)
			oriTable.rows[i].className = evenClass;			
        else
            oriTable.rows[i].className = oddClass;
    }
}

/**
 * 自动扫描表格，描绘奇偶列的颜色
 * oriTable：目标表格 oddClass：奇数列的css样式 evenClass：偶数列的css样式
 */
function SpTbl_setColColor()
{
    SpTbl_resetTableColor();
    for(var i=1; i<oriTable.rows.length; i++)
    {   
        for(var j=0; j<oriTable.rows[i].cells.length; j++)
        {
            if(j % 2 == 0)
                oriTable.rows[i].cells[j].className = evenClass;
            else
                oriTable.rows[i].cells[j].className = oddClass;
        }
    }
}

/**
 * 得到触发事件的行对象
 */
function SpTbl_getEventTr(eventElement){
	if(eventElement.tagName == 'TR'){
		return eventElement;
	}
		
	eventElement = SpTbl_getEventTr(eventElement.parentElement);
	return eventElement;
}

/**
 * 设置鼠标点击时的样式
 */
function SpTbl_setClickColor()
{
	var eventElement = SpTbl_getEventTr(event.srcElement);

	clickElement = eventElement;

	for(var i=1; i<oriTable.rows.length; i++)
    {
        if(oriTable.rows[i].className == clickClass){
			oriTable.rows[i].className = oldClickClass;
		}
    }

	oldClickClass = oldOverClass;
	eventElement.className = clickClass;	
}

/**
 * 设置鼠标滚动入时的样式
 */
function SpTbl_setOverColor()
{
	var eventElement = SpTbl_getEventTr(event.srcElement);
	if(eventElement != clickElement){
		oldOverClass = eventElement.className;
		if(oldOverClass == oddClass)
			eventElement.className = overOddClass;
		else
			eventElement.className = overEvenClass;
	}
}

/**
 * 设置鼠标滚出时的样式
 */
function SpTbl_setOutColor()
{
	var eventElement = SpTbl_getEventTr(event.srcElement);

	if(eventElement != clickElement){
		eventElement.className = oldOverClass;
	}
}

/**
 * 清空所有tr和td的样式
 */
function SpTbl_resetTableColor()
{
    for(var i=1; i<oriTable.rows.length; i++)
    {   
        oriTable.rows[i].className = "";
        for(var j=0; j<oriTable.rows[i].cells.length; j++)
            oriTable.rows[i].cells[j].className = "";
    }   
}
/**
 * 初始化表格样式
 */
function SpTbl_init()
{
	oriTable = document.getElementById(oriTableName);
	SpTbl_setRowColor();
}
/**
 * 转换表格行列样式
 */
function SpTbl_change()
{
    if(changeTag)
    {
        SpTbl_setColColor(document.all.oriTable);        
        changeTag = false;
    }
    else	
    {
        SpTbl_setRowColor(document.all.oriTable);
        changeTag = true;
    }
}