// Returns viewport dims.
//
//
function getViewportDims() {
    var viewportDims = {};
    // The more standards compliant browsers (mozilla/netscape/opera/IE7) use
    // window.innerWidth and window.innerHeight:
    if (typeof window.innerWidth != 'undefined') {
        viewportDims.width = window.innerWidth,
        viewportDims.height = window.innerHeight
    }
    // IE6 in standards compliant mode (i.e. with a valid doctype as
    // the first line in the document):
    else if (typeof document.documentElement != 'undefined' && typeof document.documentElement.clientWidth != 'undefined' && document.documentElement.clientWidth != 0) {
        viewportDims.width = document.documentElement.clientWidth,
        viewportDims.height = document.documentElement.clientHeight
    } else {
        // Older versions of IE:
        viewportDims.width = document.getElementsByTagName('body')[0].clientWidth,
        viewportDims.height = document.getElementsByTagName('body')[0].clientHeight
    }
    return viewportDims;
}

// Listens to table, adds hover class to rows and columns.
// Dependent upon JQuery.
//
function tableListen() {
    // When the dom is ready:
    jQuery(function() {
        var i = 0;
        jQuery("colgroup").each(function() {
            i++;
            jQuery(this).attr("id", "col"+i);
        });
        var totalCols = i;
        i = 1;
        jQuery("td").each(function() {
            jQuery(this).attr("rel", "col"+i);
            i++;
            if (i > totalCols) { i = 1; }
        });
        jQuery("td").hover(function() {
            jQuery(this).parent().addClass("hover");
//            var curCol = jQuery(this).attr("rel");
//            jQuery("#"+curCol).addClass("hover");
        }, function() {
            jQuery(this).parent().removeClass("hover");
//            var curCol = jQuery(this).attr("rel");
//            jQuery("#"+curCol).removeClass("hover");
        });
    });
}