function mbd_createWrapper()
{
	var name = "My List";
	var tab = "My List";
	/*
		The following code builds the the following layou 
		<div id="mbd_dynitems_wrapper">
			<div id="mbd_handle"></div>
			<div id="mbd_dynitems_header">
				<span id="mbd_dynlist_title">name</span>
				<span id="mbd_dynlist_print_button">Print</span>
				<div class="clearfix"><!-- --></div>
			</div>
			<div id="mbd_dynitems_container">
				<ul id="mbd_dynitems">
				</ul>
				<div id="mbd_dynitems_footer">
				</div>
			</div>
		</div>
	*/

	//create wrapper
	var mbd_dynlist_wrapper = document.createElement("div");
	mbd_dynlist_wrapper.setAttribute("id","mbd_dynitems_wrapper");

	var mbd_dynlist_container= document.createElement("div");
	mbd_dynlist_container.setAttribute("id","mbd_dynitems_container");

	var mbd_dynlist_button = document.createElement("div");
	mbd_dynlist_button.setAttribute("id","mbd_dynitems_button");

	//create header
	var mbd_dynlist_header = document.createElement("div");
	mbd_dynlist_header.setAttribute("id", "mbd_dynitems_header");
	mbd_dynlist_header.innerHTML = "<span id='mbd_dynlist_title'>"+ name +"</span><span id='mbd_dynlist_print_button'>Print</span><div class='clearfix'><!-- --></div>";

	//create dynamic list
	var mbd_dynlist = document.createElement("ul");
	mbd_dynlist.setAttribute("id","mbd_dynitems");

	var mbd_footer = document.createElement('div');
	mbd_footer.setAttribute("id", "mbd_dynitems_footer");

	var mbd_handle = document.createElement('div');
	mbd_handle.setAttribute("id", "mbd_dynitems_handle");
	mbd_handle.innerHTML = tab; 

	//append objects
	mbd_dynlist_wrapper.appendChild(mbd_handle);
	mbd_dynlist_wrapper.appendChild(mbd_dynlist_header);
	mbd_dynlist_wrapper.appendChild(mbd_dynlist_container);
	mbd_dynlist_container.appendChild(mbd_dynlist);
	mbd_dynlist_container.appendChild(mbd_footer);
	document.body.appendChild(mbd_dynlist_wrapper);
}

