Object.extend(Wizzle,
	{
	box: function(para){
		
		var paraObj = {
			top:true,
			right:true,
			bottom:true,
			left:true,
			className: 'box'
		}
		
		Object.extend(paraObj,para)
		
		var tbl = document.createElement('table')
		tbl.className = paraObj.className
		tbl.cellSpacing = 0
		tbl.cellPadding = 0
		var tbody = document.createElement('tbody')
		tbl.appendChild(tbody)
		var tr
		var td
		if(paraObj.top){
			tr = document.createElement('tr')
			if(paraObj.left){
				td = document.createElement('td')
				td.className = "tl"
				tr.appendChild(td)
			}
			td = document.createElement('td')
			td.className = "t"
			tr.appendChild(td)
			if(paraObj.right){
				td = document.createElement('td')
				td.className = "tr"
				tr.appendChild(td)
			}
			tbody.appendChild(tr)
		}
		tr = document.createElement('tr')
		if(paraObj.left){
			td = document.createElement('td')
			td.className = "l"
			tr.appendChild(td)
		}
		td = document.createElement('td')
		td.className = "c"
		
		//add content
		if(paraObj.dataString)td.innerHTML = paraObj.dataString
		
		if(paraObj.dataElement){
			var box = $(paraObj.dataElement)
			box.style.display = "block"
			td.appendChild(box)
		}
		
		tr.appendChild(td)
		if(paraObj.right){
			td = document.createElement('td')
			td.className = "r"
			tr.appendChild(td)
		}
		tbody.appendChild(tr)
		if(paraObj.bottom){
			tr = document.createElement('tr')
			if(paraObj.left){
				td = document.createElement('td')
				td.className = "bl"
				tr.appendChild(td)
			}
			td = document.createElement('td')
			td.className = "b"
			tr.appendChild(td)
			if(paraObj.right){
				td = document.createElement('td')
				td.className = "br"
				tr.appendChild(td)
			}
			tbody.appendChild(tr)
		}
		
		return tbl
	}
	
	});