/*
    Change style for the even table rows (background color).
    It's necessary for browsers that doesn't support CSS3 :nth-child(N) selector (IE7, IE8, Firefox 3.4-).
*/

var dynamicClassName = 'design_table';
var staticClassName = 'ote_normal';
var bColor = '#DCE0EB';

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function processPage() {
      // tables on dynamic pages
      highlightRows(dynamicClassName);  
      // tables on static pages
      highlightRows(staticClassName);
}

function highlightRows(class_name){
        var elems = getElementsByClass(class_name, null, '*');
        for(var i=0; i < elems.length; i++){
                // for each table
                var tbs = elems[i].getElementsByTagName('tbody');
                for(var t=0; t < tbs.length; t++){
                        // for each row in table
                        var rows = tbs[t].getElementsByTagName('tr');
                        for(var r=0; r < rows.length; r++){
                                if(r % 2 == 1){
                                    rows[r].style.backgroundColor = bColor;
                                }
                        }
                }
        }
}

// Firefox
if (window.addEventListener){
    window.addEventListener("load", processPage, false);
}
// IE
else if (window.attachEvent){
    window.attachEvent("onload", processPage);
}
// other browsers
else{
    window.onload=function() {
        processPage();
    };
}