$(document).ready(function(){

	col_names = Array('col_c', 'col_d');
	col_values = Array();
	
	for( i=0; i < col_names.length; i++ ){
		$('.'+col_names[i]+'').each( function(){
			if($(this).hasClass('selected_col')){ 
				col_values[i] = eval( $(this).attr('id').replace(''+col_names[i]+'_num_', '') ); 
			}
		});		
	}

	compare_and_style(col_names[0], col_names[1], col_values[0], col_values[1]);
	compare_and_style(col_names[2], col_names[3], col_values[2], col_values[3]);
		
});

function compare_and_style(name_a, name_b, value_a, value_b){

	large_value = (value_a > value_b)? value_a : value_b;
	small_value = (value_a > value_b)? value_b : value_a;
	
	for( i = large_value; i >= small_value; i-- ){
		
		$('#'+name_a+'_num_'+i).css('border-right', '2px solid #0daae4');
		$('#'+name_b+'_num_'+i).css('border-left', '2px solid #0daae4');
		
	}

}