$(document).ready(function() {
blueBox = $('#drawcontainer');
gridInit = function(size) {
var i = 0;
var padding = 20;
if(typeof newGridSize != 'undefined') {
padding = 320/newGridSize;
}
while(i < size) {
var j = 0;
blueBox.append($('
').css("padding", padding).addClass('box'));
while(j < size - 1) {
blueBox.last().append($('
').css("padding", padding).addClass('box'));
j++;
}
blueBox.append($('
'));
i++;
}
blueBox.find($('div')).on('mouseenter', function() {
$(this).addClass('hover');
});
}
gridInit(16);
});
newGrid = function() {
newGridSize = prompt('What size grid do you want?');
$('.box').remove();
gridInit(newGridSize);
}