/* Release: 1.0 2009-03-07 */

/*
 * Copyright (c) Andrée Hansson (peolanha AT gmail DOT com)
 * MIT License - http://www.opensource.org/licenses/mit-license.php
 *
 * Idea loosely based on JASH, http://billyreisinger.com/jash/
 */
 var gridderUrl="http://960gridder.keep.se/releases/1.0/";if(typeof(window.jQuery)=="undefined"){elObj=document.createElement("script");elObj.type="text/javascript";elObj.src=gridderUrl+"jquery.js";document.body.appendChild(elObj)}if(typeof(window.gObj)=="undefined"){var gObj={center:"checked",gColor:"#EEEEEE",gColumns:12,gEnabled:"checked",gOpacity:0.35,gWidth:10,pColor:"#C0C0C0",pEnabled:"checked",pHeight:15,pOffset:0,pOpacity:0.55,size:960}}function Gridder(){jQuery('<link rel="stylesheet" type="text/css" href="'+gridderUrl+'jquery.gridder.css" media="all" />').appendTo("head");window.gObj.height=jQuery(document).height();this.setup=function(){jQuery('<div id="g-setup"></div>').appendTo("body");jQuery("#g-setup").css("top",jQuery(window).scrollTop());jQuery('<p id="g-title" class="clearfix"> 				<span id="g-name">jQuery 960 Gridder</span> 				<span id="g-show-hide">SHOW</span></p> 			<h6>Gutter Settings</h6> 			<div class="clearfix"> 				<label for="g-color">Color</label> 				<input id="g-color" value="'+window.gObj.gColor+'" /></div> 			<div class="clearfix"> 				<label for="g-columns">Columns</label> 				<input id="g-columns" value="'+window.gObj.gColumns+'" /></div> 			<div class="clearfix"> 				<label for="g-width">Width (Single)</label> 				<input id="g-width" value="'+window.gObj.gWidth+'" /></div> 			<div class="clearfix"> 				<label for="g-opacity">Opacity (float)</label> 				<input id="g-opacity" value="'+window.gObj.gOpacity+'" /></div> 			<h6>Paragraph Settings</h6> 			<div class="clearfix"> 				<label for="p-color">Color</label> 				<input id="p-color" value="'+window.gObj.pColor+'" /></div> 			<div class="clearfix"> 				<label for="p-height">Height (Single)</label> 				<input id="p-height" value="'+window.gObj.pHeight+'" /></div> 			<div class="clearfix"> 				<label for="p-offset">Offset</label> 				<input id="p-offset" value="'+window.gObj.pOffset+'" /></div> 			<div class="clearfix"> 				<label for="p-opacity">Opacity (float)</label> 				<input id="p-opacity" value="'+window.gObj.pOpacity+'" /></div> 			<h6>Misc. Settings</h6> 			<div class="clearfix"> 				<label for="m-g-enabled">Enable Gutters</label> 				<input id="m-g-enabled" type="checkbox" checked="checked" /></div> 			<div class="clearfix"> 			<label for="m-p-enabled">Enable Paragraphs</label> 			<input id="m-p-enabled" type="checkbox" checked="checked" /></div> 			<div class="clearfix"> 				<label for="m-center">Center Grid</label> 				<input id="m-center" type="checkbox" checked="checked" /></div> 			<a style="display: block;" id="g-submit" href="javascript:void(0);">Update Grid</a> 		').appendTo("#g-setup");if(window.gObj.gEnabled!="checked"){jQuery("#m-g-enabled").removeAttr("checked")}if(window.gObj.pEnabled!="checked"){jQuery("#m-p-enabled").removeAttr("checked")}if(window.gObj.center!="checked"){jQuery("#m-center").removeAttr("checked")}jQuery("#g-show-hide").click(function(){window.gridder.switcher()});window.gridder.switcher();jQuery("#g-submit").click(function(){window.gObj.center=(jQuery("#m-center").is(":checked"))?"checked":"";window.gObj.gColor=jQuery("#g-color").val();window.gObj.gColumns=parseInt(jQuery("#g-columns").val(),10);window.gObj.gEnabled=(jQuery("#m-g-enabled").is(":checked"))?"checked":"";window.gObj.gOpacity=jQuery("#g-opacity").val();window.gObj.gWidth=parseInt(jQuery("#g-width").val(),10);window.gObj.pColor=jQuery("#p-color").val();window.gObj.pEnabled=(jQuery("#m-p-enabled").is(":checked"))?"checked":"";window.gObj.pHeight=parseInt(jQuery("#p-height").val(),10);window.gObj.pOffset=parseInt(jQuery("#p-offset").val(),10);window.gObj.pOpacity=jQuery("#p-opacity").val();window.gridder.switcher();window.gridder.run()})};this.switcher=function(){if(jQuery("#g-color").is(":visible")){jQuery("#g-show-hide").text("SHOW");jQuery("#g-setup").animate({height:22},300);jQuery("#g-setup *").hide();jQuery("#g-title, #g-title *").show()}else{jQuery("#g-setup").animate({height:326},300);jQuery("#g-show-hide").text("HIDE");jQuery("#g-setup *").show()}};this.run=function(){if(jQuery("#g-grid")!=""){jQuery("#g-grid, #g-grid *").remove()}jQuery('<div id="g-grid"></div>').appendTo("body").css("width",window.gObj.size);if(window.gObj.center=="checked"){jQuery("#g-grid").css({left:"50%",marginLeft:-((window.gObj.size/2)+window.gObj.gWidth)})}if(window.gObj.gEnabled=="checked"){for(i=0;i<=window.gObj.gColumns;i++){jQuery('<div class="g-vertical"></div>').appendTo("#g-grid").css({left:((window.gObj.size/window.gObj.gColumns)*i),height:window.gObj.height,width:(window.gObj.gWidth*2),backgroundColor:window.gObj.gColor,opacity:window.gObj.gOpacity})}}if(window.gObj.pEnabled=="checked"){horColumns=((window.gObj.height-window.gObj.pOffset)/window.gObj.pHeight);for(i=0;i<=horColumns;i++){jQuery('<div class="g-horizontal"></div>').appendTo("#g-grid").css({top:((window.gObj.height/horColumns)*i)+window.gObj.pOffset,left:"50%",marginLeft:-(window.gObj.size/2),height:1,width:(window.gObj.size+(window.gObj.gWidth*2)),backgroundColor:window.gObj.pColor,opacity:window.gObj.pOpacity})}}};jQuery(window).scroll(function(){jQuery("#g-setup").css("top",jQuery(window).scrollTop())})}initNewGridder=function(){window.gridder=new Gridder();window.gridder.setup();window.gridder.run()};if(typeof(window.gridder)=="undefined"){if(typeof(jQuery)=="undefined"){setTimeout(function(){initNewGridder()},150)}else{initNewGridder()}}else{window.gridder.switcher()};