function createElement(element) {
	if (typeof document.createElementNS != 'undefined') {
		return document.createElementNS('http://www.w3.org/1999/xhtml', element);
	}
	if (typeof document.createElement != 'undefined') {
		return document.createElement(element);
	}
	return false;
}
function insertTop(obj) {
	// Create the two div elements needed for the top of the box
	d=createElement("div");
	d.className="bt"; // The outer div needs a class name
    d2=createElement("div");
    d.appendChild(d2);
	obj.insertBefore(d,obj.firstChild);
}
function insertBottom(obj) {
	// Create the two div elements needed for the bottom of the box
	d=createElement("div");
	d.className="bb"; // The outer div needs a class name
    d2=createElement("div");
    d.appendChild(d2);
	obj.appendChild(d);
}
function initCB() {
	// Find all div elements
	var divs = document.getElementsByTagName('div');
	var cbDivs = [];
	for (var i = 0; i < divs.length; i++) {
	// Find all div elements with cbb in their class attribute while allowing for multiple class names
		if (/\bmodPopUpBox\b/.test(divs[i].className))
			cbDivs[cbDivs.length] = divs[i];
	}
	
//	alert(cbDivs.length + " pop ups");
	
	// Loop through the found div elements
	var thediv, outer, i1, i2;
	for (var i = 0; i < cbDivs.length; i++) {
	// Save the original outer div for later
		thediv = cbDivs[i];
	// 	Create a new div, give it the original div's class attribute, and replace 'cbb' with 'cb'
		outer = createElement('div');
		outer.className = thediv.className;
		outer.style.width = thediv.style.width;
		thediv.style.width = 'auto';
		outer.className = thediv.className.replace('modPopUpBox', 'modPopUpBoxHolder');
	// Change the original div's class name and replace it with the new div
		thediv.className = 'i3';
		thediv.parentNode.replaceChild(outer, thediv);
	// Create two new div elements and insert them into the outermost div
		i1 = createElement('div');
		i1.className = 'i1';
		outer.appendChild(i1);
		i2 = createElement('div');
		i2.className = 'i2';
		i1.appendChild(i2);
	// Insert the original div
		i2.appendChild(thediv);
	// Insert the top and bottom divs
		insertTop(outer);
		insertBottom(outer);
	}
}
$(document).ready(function(){
	initCB();
	
	/*
	var windowWidth = $(window).width();
	var windowHeight = $(window).height()
	var scrollFormTop = $(document).scrollTop();
	
	
	
	$(".modPopUpBoxHolder").draggable({cursor: "move"});
	$('.btnClose').click(function(){
		$(this).parents('.modPopUpBoxHolder').slideUp();
	});
	// just 4 fun
	$('.btnHelp').click(function(){
	//	$(this).parents('.modPopUpBoxHolder').css('left', 0).width(windowWidth-30);
	});		

	$('.centerAlign').each(function(){
			var holder = $(this);
			var holderX = (windowWidth/2 - holder.width()/2);
			var holderY = (windowHeight/2 - holder.height()/2);
			holder.css({
				position: 'absolute',
				left: holderX,
				top: holderY+scrollFormTop-250
			});
	});
	*/		
	
});