/* Javascript to dynamically enable/disable the left rail so as to
   allow the content table to center in large browser areas. This
   code watches and responds to the onResize event. The left outter
   rail must be named/ID'd as 'outterrail_left'.                     */

        window.onresize = dynamic_left_rail;

        function f_clientWidth() {
                return f_filterResults (
                        window.innerWidth ? window.innerWidth : 0,
                        document.documentElement ? document.documentElement.clientWidth : 0,
                        document.body ? document.body.clientWidth : 0
                );
        }
        function f_clientHeight() {
                return f_filterResults (
                        window.innerHeight ? window.innerHeight : 0,
                        document.documentElement ? document.documentElement.clientHeight : 0,
                        document.body ? document.body.clientHeight : 0
                );
        }
        function f_filterResults(n_win, n_docel, n_body) {
                var n_result = n_win ? n_win : 0;
                if (n_docel && (!n_result || (n_result > n_docel)))
                        n_result = n_docel;
                return n_body && (!n_result || (n_result > n_body)) ? n_body : n_result;
        }
        function dynamic_left_rail() {
                var height, width;

                height = f_clientHeight();
                width = f_clientWidth();

                if(width < 1100) {
                        // Hide the left rail
                        document.getElementById('outterrail_left').style.display = "none";
                }
                else {
                        // Show the left rail
                        document.getElementById('outterrail_left').style.display = "block";
                }
        }