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

$(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/ns-turquoise/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);
        }

    });
});