function castashadow(obj) {
	var theBoxes = getElementsByClassName(obj);
	for (i = 0; i < theBoxes.length; i++) {
		var boxSize = ''
		if (theBoxes[i].getElementsByTagName("div")[0].offsetWidth < 100 || theBoxes[i].getElementsByTagName("div")[0].offsetHeight < 100) {
			boxSize = '_small'
		}
		if (boxSize == '_small') {
			paddingRight = 3;
			paddingBottom = 6;
		} else {
			paddingRight = 5;
			paddingBottom = 10;
		}
		theBoxes[i].style.position = "relative";
		// some browsers don't accept style.padding="0px 2px 2px 0px"....
		theBoxes[i].style.paddingTop = "3px";
		theBoxes[i].style.paddingRight = paddingRight + "px";
		theBoxes[i].style.paddingBottom = paddingBottom + "px";
		theBoxes[i].style.paddingLeft = "3px";
		theBoxes[i].innerHTML = '<div class="backgroundBlack" style="position:absolute; z-index:0;"><img src="/_imgs/ia/09/_shared/bg' + boxSize + '.png" border="0"></div>' + theBoxes[i].innerHTML;
		var bg = theBoxes[i].getElementsByTagName("div")[0].getElementsByTagName("img")[0];
		var box = theBoxes[i].getElementsByTagName("div")[1];
		// a simple IE6 detection code, we need a universal javascript broswer detection code for the whole ef.com
		var ie6 = false/*@cc_on || @_jscript_version < 5.7@*/;
		theBoxes[i].getElementsByTagName("div")[0].style.left = ie6 ? "-3px" : "0px";
		theBoxes[i].getElementsByTagName("div")[0].style.top = "0px";
		theBoxes[i].getElementsByTagName("div")[1].style.position = "relative";
		theBoxes[i].getElementsByTagName("div")[1].style.zIndex = 10;
		boxWidth = box.offsetWidth;
		boxHeight = box.offsetHeight;
		bg.style.width = (parseInt(boxWidth) + paddingRight + 3) + "px";
		bg.style.height = (parseInt(boxHeight) + paddingBottom + 3) + "px";
	}
}

function getElementsByClassName(strClass, strTag, objContElm) {
	strTag = strTag || "*";
	objContElm = objContElm || document;
	var objColl = objContElm.getElementsByTagName(strTag);
	if (!objColl.length && strTag == "*" && objContElm.all) objColl = objContElm.all;
	var arr = new Array();
	var delim = strClass.indexOf('|') != -1 ? '|' : ' ';
	var arrClass = strClass.split(delim);
	for (var i = 0, j = objColl.length; i < j; i++) {
		var arrObjClass = objColl[i].className.split(' ');
		if (delim == ' ' && arrClass.length > arrObjClass.length) continue;
		var c = 0;
		comparisonLoop:
		for (var k = 0, l = arrObjClass.length; k < l; k++) {
			for (var m = 0, n = arrClass.length; m < n; m++) {
				if (arrClass[m] == arrObjClass[k]) c++;
				if ((delim == '|' && c == 1) || (delim == ' ' && c == arrClass.length)) {
					arr.push(objColl[i]);
					break comparisonLoop;
				}
			}
		}
	}
	return arr;
}

function onLoadHandler() {
	// All layers with class name "chartBox" will be casted by dropshadows
	castashadow("chartBox");
	showLeftNav();
}

function showLeftNav() {
	var theBoxes = getElementsByClassName("current");
	if (theBoxes[0]) {
		if (theBoxes[0].parentNode.parentNode) {
			theBoxes[0].parentNode.parentNode.style.display = "block";
		}
		if (theBoxes[0].parentNode.getElementsByTagName("ul")[0]) {
			theBoxes[0].parentNode.getElementsByTagName("ul")[0].style.display = "block";
		}
	}
}