/**
 * @author christopher
 */
var Debug = {
	wrapperDiv: 0,
	skips: "_INVALID_KEy_",
	
	block_sizes: function() {
		if(BrowserDetect.browser == "Explorer") { return; }
		
		var X_offset = getElement(this.wrapperDiv).offsetLeft;
		var Y_offset = getElement(this.wrapperDiv).offsetTop;
		
		
		///we really need to recurse to do this properly...
		var blocks = getElement("wrap").getElementsByTagName("div");
		var blockCount = blocks.length;
		/// it seems that blocks is a reference to the child node list... duh!
		for(var i=0;i<blockCount;i++) {
			var b = blocks[i];
			if(!b.id) { continue; }
			if(this.skips.indexOf(b.id) !== -1) { continue; }
			
			var d = FilledElement(
				"div",
				b.offsetWidth + "x" + b.offsetHeight +"<br/>" + b.id
			);
			 
			b.appendChild(d);
			d.className = "DBG_size_box";
			d.style.left = (b.offsetLeft) + "px";
			d.style.top = (b.offsetTop) + "px";
			
			
		}
	}
	
	
	
	
	
}

//proxy
function debug_ShowSizes() {
	Debug.block_sizes();
}