function _initGrid() {
	var d=getCookie('guides')==1?"block":"none";
	document.write('<style type="text/css"> .row_ { position: fixed; '+
				'z-index: 999; left: 0; display: '+d+'; width: 100%;' +
				'border-top: 1px dashed; }' +
				'* html .row_ {position: absolute; }');
	document.write('.column_ { position: fixed; '+
				'z-index: 999; top: 0; display: '+d+'; height: 100%;' +
				'border-right: 1px dashed; }' +
				'* html .column_ {position: absolute; } </style>');	
}

function _columns(a, unit, color) {
    for (var i = 0, l = a.length; i < l; i++) {
    	if (a[i][1] == null)
    	{
    		a[i][1] = 0;
    	}
    	if (unit == null)
    	{
    		unit = '%';
    	}
    	if (color == null)
    	{
    		color = '#4affff';
    	}
        document.write('<span class="column_" style="left: ' + a[i][0] + unit + '; margin-left: ' + a[i][1]+ 'px; border-color: ' + color + ';"></span>');
    }
}

function _rows(a, unit, color) {
    for (var i = 0, l = a.length; i < l; i++) {
    	if (a[i][1] == null)
    	{
    		a[i][1] = 0;
    	}
    	if (unit == null)
    	{
    		unit = '%';
    	}
    	if (color == null)
    	{
    		color = '#4affff';
    	}
        document.write('<span class="row_" style="top: ' + a[i][0] + unit + '; margin-top: ' + a[i][1]+ 'px; border-color: ' + color + ';"></span>');
    }
}


function setCookie(c_name,value,expiredays)
{
	var exdate=new Date();
	exdate.setDate(exdate.getDate()+expiredays);
	document.cookie=c_name+ "=" +escape(value)+
	((expiredays==null) ? "" : ";expires="+exdate.toGMTString()+";path=/");
}

function getCookie(c_name)
{
	if (document.cookie.length>0)
	  {
	  c_start=document.cookie.indexOf(c_name + "=");
	  if (c_start!=-1)
	    { 
	    c_start=c_start + c_name.length+1; 
	    c_end=document.cookie.indexOf(";",c_start);
	    if (c_end==-1) c_end=document.cookie.length;
	    return unescape(document.cookie.substring(c_start,c_end));
	    } 
	  }
	return "";
}


_initGrid();

var isCtrl = false; 
$(document).keyup(function (e) { 
	if(e.which == 17) isCtrl=false; }).keydown(function (e) { 
		if(e.which == 17) isCtrl= isCtrl? false: true; 
		if( (e.which == 59 || e.which == 186 ) && isCtrl == true) { 
			$(".row_").each(function(){ $(this).toggle(); })
   			$(".column_").each(function(){ $(this).toggle(); })   		   	
   			setCookie('guides',getCookie('guides')!=1?1:0,7);			
		}
	}); 


//_columns([[51], [178], [225], [491]], 'px', 'red');
//_columns([[440]], 'px', '#f2a997');
//_rows([[43], [109], [149]], 'px', 'red')
//_rows([[55], [72], [82], [106]], 'px', '#f2a997');

//_columns([[20], [-20]], 'px', 'blue');
//_rows([[192], [211], [246], [266], [301]], 'px', '#b5b5fa');


//_rows([[20], [20+50], [20+190], [20+675]], 'px', 'blue');
_rows([[50,-340],[50,255],[50,10]], '%', 'blue');
_rows([[50,-165],[50,110],[50,228]], '%', 'silver');
//_columns([[150],[150+150]], 'px', 'blue');

_columns([[50,-5],[50,5],[50,-595-5],[50,595+5]], '%', 'red');