/*

addEvent function found at http://www.scottandrew.com/weblog/articles/cbs-events

*/

function addEvent(obj, evType, fn) {

	if (obj.addEventListener) {

		obj.addEventListener(evType, fn, true);

		return true;

	} else if (obj.attachEvent) {

		var r = obj.attachEvent("on"+evType, fn);

		return r;

	} else {

		return false;

	}

}



/*

createElement function found at http://simon.incutio.com/archive/2003/06/15/javascriptWithXML

*/

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 (/\bcbb\b/.test(divs[i].className))

			cbDivs[cbDivs.length] = divs[i];

	}

	// 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.className = thediv.className.replace('cbb', 'cb');

	// 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);

	}

}



if(document.getElementById && document.createTextNode)

{

	addEvent(window, 'load', initCB);

}