﻿var ZebraTable = {
    bgcolor: '',
    classname: '',
    stripe: function(el) {
        if (!$(el)) return;
        var rows = $(el).getElementsByTagName('tr');
        for (var i = 1, len = rows.length; i < len; i++) {
            if (i % 2 == 0) rows[i].className = 'alt';
            Event.add(rows[i], 'mouseover', function() { ZebraTable.mouseover(this); });
            Event.add(rows[i], 'mouseout', function() { ZebraTable.mouseout(this); });
        }
    },
    mouseover: function(row) {
        this.bgcolor = row.style.backgroundColor;
        this.classname = row.className;
        addClassName(row, 'over');
    },
    mouseout: function(row) {
        removeClassName(row, 'over');
        addClassName(row, this.classname);
        row.style.backgroundColor = this.bgcolor;
    }
}

