//Set number of columns here
var numberOfColumns = 4;

$(document).ready(function() {
    jQuery(document).bind('keydown', 'alt+shift+g', function(evt) {

    if ($('#nsDesignGridOuter').length > 0) {
        $('#nsDesignGridOuter').fadeOut(function() { $('#nsDesignGridOuter').remove(); $('#nsDesignGridStyle').remove(); });

        }
        else {

            //Add Css
            $('head').append('<link id="nsDesignGridStyle" rel="stylesheet" href="/themes/win/designgrid/jquery.ns.designgrid.css" type="text/css" media="screen" />');

            var gridHtml = '<div id="nsDesignGridOuter"><div id="nsDesignGrid"><ol>';

            var i = 0;
            for (i = 0; i < numberOfColumns; i++) {
               gridHtml = gridHtml + '<li></li>';
            }

            gridHtml = gridHtml + '</ol></div></div>';

            //Add html for the grid att the bottom of the page
            $('body').append(gridHtml);
        }

    });
});