// Copyright 2007 Stan Gregory. All rights reserved.

/**
 * Iterates divs looking for those of class 'eventBlock'
 * of those it changes the CSS display based upon the current date and their ID.
 * I originally tried this using getElementsByName, but had problems with IE.
 */
function showEvents() {
	var DATE_REGEX = /^(\d\d\d\d)\-(\d\d)-(\d\d)$/;
	var divs=document.getElementsByTagName("div"); //getElementsByName("contest");
	var len = divs.length;
	var today = new Date();
	for (var i = 0; i < len; i++) {
		if (divs[i].className === 'eventBlock') {
			var contests=divs[i].getElementsByTagName("li");
			for (var j = 0; j < contests.length; j++){
				try {
					if (DATE_REGEX.test(contests[j].id)) {
						var dm;
						dm = DATE_REGEX.exec(contests[j].id)
						if (dm.length == 4) {
							var contestDate = new Date(parseInt(dm[1], 10), parseInt(dm[2], 10) - 1, parseInt(dm[3], 10));
							if (today <= contestDate) {
								contests[j].style.display='block';
							}
						}
					}
				} catch (e) {
alert(e);
				}
			}
		}
	}
}