/*
* Griddy - Simple Gridy Overlay
* Copyright 2010 Monjurul Dolon, http://mdolon.com/
* Released under the MIT, BSD, and GPL Licenses.
* More information: http://devgrow.com/griddy-overlay
*/
$.fn.griddy = function(options) {
this.css('position','relative');
var defaults = { rows: 10, rowheight: 0, rowgutter: 20, columns: 4, columnwidth: 0, columngutter: 20, color: '#ccc', opacity: 30 };
var opts = $.extend(defaults, options); var o = $.meta ? $.extend({}, opts, $$.data()) : opts;
var width = this.width(); var height = $(document).height();
if(o.columnwidth == 0)
o.columnwidth = Math.floor(width - ((o.columns-1)*o.columngutter))/o.columns;
if(o.rowheight == 0)
o.rowheight = Math.floor(height - ((o.rows-1)*o.rowgutter))/o.rows;
this.prepend("");
if(o.columns != 0){
for ( var i = 0; i < o.columns; i++ ) { // columns
if(i!=0) $('.griddy-r').append("");
$('.griddy-r',this).append("");
}
}
if(o.rows != 0){
for ( var i = 0; i < o.rows; i++ ) { // rows
if(i!=0) $('.griddy-columns').append("");
$('.griddy-columns',this).append("");
}
}
$('body').prepend("Toggle Griddy");
};