var initCfg = new Array();
var iconsPath = "/files/images/icons/";

function trim(stringToTrim) {
	return stringToTrim.replace(/^\s+|\s+$/g, "");
}

function initContentBoxes() {
	for (var prop in initCfg) {
		displayContentItem(prop, initCfg[prop].selected);
	}
}

function changeIconPath(iconBox, newIconPic) {
	iconBox.getElementsByTagName('img')[0].src = iconsPath + newIconPic;
}

function displayContentItem(itemName, isItemSelected) {
	if (!document.getElementById) { return false; }

	var itemTitleEl		= document.getElementById(itemName + "_title");
	var itemContentEl	= document.getElementById(itemName + "_content");

	if (itemTitleEl) {
		itemTitleElClassName = " content_box_icon" + (initCfg[itemName].iconType ? ' cbi_' + initCfg[itemName].iconType : '');
		itemTitleEl.className = trim(itemTitleEl.className + itemTitleElClassName);
		itemTitleEl.getElementsByTagName('img')[0].width = 110;
		itemTitleEl.getElementsByTagName('img')[0].height = 110;
	}

	if (true === isItemSelected) {
		if (itemTitleEl) {
			curClassName = trim(itemTitleEl.getElementsByTagName('h1')[0].className);
			curClassName = trim((-1 == curClassName.indexOf(" ")) ? "" : curClassName.replace(" selected", ""));
			itemTitleEl.getElementsByTagName('h1')[0].className = trim(curClassName + " selected");
			itemTitleEl.getElementsByTagName('img')[0].src = iconsPath + "icon_" + itemName + "_selected.jpg";
			itemTitleEl.onclick		= function() {};
			itemTitleEl.onmouseout	= function() {};
			itemTitleEl.onmouseover	= function() {};
		}
		if (itemContentEl) { itemContentEl.style.display = 'block' }
		if (initCfg[itemName].rel) {
			for (var relNmae in initCfg[itemName].rel) {
				displayContentItem(initCfg[itemName].rel[relNmae], false);
			}
		}
	} else {
		if (itemTitleEl) {
			curClassName = trim(itemTitleEl.getElementsByTagName('h1')[0].className);
			itemTitleEl.getElementsByTagName('h1')[0].className = (-1 == curClassName.indexOf(" ")) ? "" : curClassName.replace(" selected", "");
			itemTitleEl.getElementsByTagName('img')[0].src = iconsPath + "icon_" + itemName + "_out.jpg";
			itemTitleEl.onclick		= function() { displayContentItem(itemName, true); return false; };
			itemTitleEl.onmouseout	= function() { changeIconPath(this, "icon_" + itemName + "_out.jpg") };
			itemTitleEl.onmouseover	= function() { changeIconPath(this, "icon_" + itemName + "_over.jpg") };
		}
		if (itemContentEl) { itemContentEl.style.display = 'none' }
	}
}