// when the dom is ready...
$(function() {

    var $cols = $('colgroup');

    $('td').live('mouseover', function(){
        var i = $(this).prevAll('td').length;
        $(this).parent().addClass('hover')
        $($cols[i]).addClass('hover');
    
    }).live('mouseout', function(){
        var i = $(this).prevAll('td').length;
        $(this).parent().removeClass('hover');
        $($cols[i]).removeClass('hover');
    })
    
    $('table').mouseleave(function(){
        $cols.removeClass('hover');
    })

});