var SBController = Class.create({clonePosition: function(e1, e2) {
	//set e2's position to the position of e1
	// also set e2's z-index to e1's z-index but one higher.
	$(e2).clonePosition($(e1));
	var indexString = $(e1).getStyle("z-index");
	indexNumber = parseInt(String(indexString));
	if (isNaN(indexNumber)) {
		indexNumber = 0;
		$(e1).setStyle({"z-index": indexNumber + ""});
	}
	indexNumber = indexNumber + 1;
	$(e2).setStyle({"z-index" : "" + indexNumber});
},
resizeHandler: function() {
		var viewWidth = document.viewport.getWidth();
		var viewHeight = document.viewport.getHeight();
		$("SBPreViewSub").setStyle({width: viewWidth - 325 + "px"});
		$("SBPreViewSub").setStyle({height: viewHeight - 50 + "px"});
		$("SBEditorBar").setStyle({height: viewHeight - 50 + "px"});
		$$(".seaBreezeHighlighter").each(function(obj)
		{
			if (obj.cloneScript)
			{
				obj.cloneScript();
			};
		});
}});