').appendTo('body');
// Populate setup input boxes with the default values
for (var i in me.settings) {
if (jQuery('#g-setup-' + i).length !== 0) {
if (jQuery('#g-setup-' + i).parent().is('.input-check')) {
jQuery('#g-setup-' + i).attr('checked', 'checked');
}
else {
jQuery('#g-setup-' + i).val(me.settings[i]);
}
}
}
// Hook the show/hide text to toggle
jQuery('#g-setup').css('top', jQuery(window).scrollTop());
jQuery('#g-setup .switch a').click(function () {
me.toggleSetupWindow();
});
// Hook "normal" input boxes to update values
jQuery('#g-setup input').keyup(function () {
me.setVariable(jQuery(this).attr('id'), jQuery(this).val());
});
// Hook checkboxes to update values
jQuery('#g-setup .input-check input').click(function () {
me.setVariable(jQuery(this).attr('id'), jQuery(this).attr('checked'));
});
// Hook keypresses, used to know when a user pressed the right combo
jQuery().keydown(function (e) {
if (jQuery.inArray(e.which, me.settings.pressedKeys) === -1) {
me.settings.pressedKeys.push(e.which);
}
});
jQuery(window).scroll(function () {
jQuery('#g-setup').css('top', jQuery().scrollTop());
});
}
// We're checking if CTRL+ALT and one of toggle keys has been pressed
jQuery().keyup(function (e) {
// CTRL + ALT is pressed
if (jQuery.inArray(17, me.settings.pressedKeys) !== -1 &&
jQuery.inArray(18, me.settings.pressedKeys) !== -1) {
// 'Z' pressed, toggle gutters
if (jQuery.inArray(90, me.settings.pressedKeys) !== -1) {
me.setVariable('gEnabled', !me.settings.gEnabled);
}
// 'X' pressed, toggle paragraphs
else if (jQuery.inArray(88, me.settings.pressedKeys) !== -1) {
me.setVariable('pEnabled', !me.settings.pEnabled);
}
// 'C' pressed, toggle both
else if (jQuery.inArray(67, me.settings.pressedKeys) !== -1) {
me.setVariable({
gEnabled : !me.settings.gEnabled,
pEnabled : !me.settings.pEnabled
});
}
}
// Remove this key from the keys that are pressed
var splicePos = jQuery.inArray(e.which, me.settings.pressedKeys);
me.settings.pressedKeys.splice(splicePos, splicePos);
});
};
/* This method will set a variable to the object, this should ALWAYS be used
* AFTER 960 Gridder has been implemented to the website. For example to
* interact and change values from the website itself.
*/
me.setVariable = function () {
// Check if it's an object or 'normal' values passed to this method
if (typeof(arguments[0]) === "object") {
for (var i in arguments[0]) {
me._setVariable(i, arguments[0][i]);
}
}
else {
me._setVariable(arguments[0], arguments[1]);
}
me.createGrid();
};
// Internal method to actually set a value to a variable
me._setVariable = function (variable, value) {
// Trim 'g-setup-' from the variable name (passed by GUI methods)
variable = variable.replace(/g-setup-/, '');
// First, set the grid objects values
if (isNaN(parseInt(value, 10)) || parseInt(value, 10) === 0) {
me.settings[variable] = value;
}
else {
me.settings[variable] = parseInt(value, 10);
}
// Secondly, set the GUI to the new value
if (value === true) {
jQuery('#g-setup-' + variable).attr('checked', 'checked');
}
else if (value === false) {
jQuery('#g-setup-' + variable).removeAttr('checked');
}
else {
jQuery('#g-setup-' + variable).val(value);
}
};
/* This method should switch between open/close of the setup window.
* This is an own method call because of versatile use. You can use this
* to toggle the setup window when you are heavy developing a website,
* just add window.grid.toggleSetupWindow(); after the initiation.
*/
me.toggleSetupWindow = function () {
if (jQuery('#g-setup-content').is(':visible')) {
jQuery('#g-setup .switch a').fadeOut('fast', function () {
jQuery(this).text('Show').fadeIn('fast');
});
jQuery('#g-setup-content').slideUp();
}
else {
jQuery('#g-setup .switch a').fadeOut('fast', function () {
jQuery(this).text('Hide').fadeIn('fast');
});
jQuery('#g-setup-content').slideDown();
}
};
/* Main method, at least visually. It'll create (and remove existing)
* grid on the website.
*/
me.createGrid = function () {
/* This makes sure that all flash and/or other embedded content
* doesn't block our scripts menu or grid.
*/
jQuery('embed').each(function () {
if (me.settings.fixFlash) {
jQuery(this).attr('wmode', 'transparent');
}
else {
jQuery(this).removeAttr('wmode');
}
/* We need to remove the HTML and let the browser re-render it
* Instead of .clone(), which does not work on IE on