// JavaScript Document

function createRollovers(){
	var sections = 4;
	for (a=1; a<=sections; a++){
		// columns
		var counter = a;
		var row = $$('.status_' + a);
		for (b=0; b<row.length; b++){
			row[b].addEvent('mouseover', function(counter){
				$('block_' + counter).className = 'contract_block_active_' + counter;
				var internal_row = $$('.status_' + counter);
				var new_class_name = 'status_over_' + counter;
				for (c=0; c<internal_row.length; c++){
					internal_row[c].className = new_class_name;
				}
			}.pass(counter, row));
			row[b].addEvent('mouseout', function(counter){
				$('block_' + counter).className = 'contract_block_' + counter;
				var internal_row = $$('.status_over_' + counter);
				var new_class_name = 'status_' + counter;
				for (c=0; c<internal_row.length; c++){
					internal_row[c].className = new_class_name;
				}
			}.pass(counter));
		}
		// sections
		$('block_' + a).addEvent('mouseover', function(counter){
			var row = $$('.status_' + counter);
			var new_class_name = 'status_over_' + counter;
			for (c=0; c<row.length; c++){
				row[c].className = new_class_name;
			}
		}.pass(counter));
		$('block_' + a).addEvent('mouseout', function(counter){
			var row = $$('.status_over_' + counter);
			var new_class_name = 'status_' + counter;
			for (c=0; c<row.length; c++){
				row[c].className = new_class_name;
			}
		}.pass(counter));
	}
	
}

window.addEvent('load', function(){
	createRollovers();
});