/*
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="fx-panel-top"; // 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="fx-panel-bottom"; // The outer div needs a class name
    d2=createElement("div");
    d.appendChild(d2);
	obj.appendChild(d);
	}

function initFxPanel() {

	// Find all div elements
	var divs = document.getElementsByTagName('div');
	var arClass;
	var panelDivs = [];
	var panelDivsMode = [];
	
	for (var i = 0; i < divs.length; i++) {
		// Allow for multiple class names
		arClass = divs[i].className.split(' ');
		if(divs[i].className.indexOf("fx-panel") != -1) {
			panelDivs[panelDivs.length] = divs[i];
			if(arClass.length == 3) {
				panelDivsMode[panelDivsMode.length] = arClass[2];
			} else {
				panelDivsMode[panelDivsMode.length] = "";
				}
			}
		}
	// Loop through the found div elements
	for (var i = 0; i < panelDivs.length; i++) {
	// Save the original outer div for later
		var _div = panelDivs[i];
		var _mode = panelDivsMode[i];
	
	// 	Create a new div, give it the original div's class attribute.
		var outer = createElement('div');
		outer.className = _div.className;
		outer.id = "fx-" + _div.id;
		//outer.style.zIndex = (1000);
		//outer.style.bgcolor = "#000";
		//alert(outer.id + " z: " + outer.style.zIndex)
	// Create wrapper
		_div.className = 'clearfix fx-panel-wraper';
		_div.parentNode.replaceChild(outer, _div);
		//

		
	// Create left border
		var i1 = createElement('div');
		i1.className = 'fx-panel-left-border';
		outer.appendChild(i1);
	// Create right border
		var i2 = createElement('div');
		i2.className = 'fx-panel-right-border';
		i1.appendChild(i2);
		i2.appendChild(_div);

	// Create Top
		if((_mode != "mode-a") && (_mode != "mode-c"))
			insertTop(outer);

	// Create Bottom
		if((_mode != "mode-b") && (_mode != "mode-c"))	
			insertBottom(outer);
		}
	}

if(document.getElementById && document.createTextNode) {
	AttachEvent(window,'load',initFxPanel,false);
	}