var boxShownBoxes = new Array();

function boxInitialize( brick, show, hide, group, initialHide ){
	icon = document.getElementById('box_icon_'+brick);
	icon.show = show;
	icon.hide = hide;
	icon.group = group;
	icon.style.cursor = "pointer";
	box = document.getElementById('box_div_'+brick);
	box.show = 'pccdivisionshow';
	box.hide = 'pccdivisionhide';
	if ( initialHide ) {
		boxToggle( brick );
	} else {
		if ( group ) {
			if ( boxShownBoxes[group] != null ) boxToggle( brick );
			else boxShownBoxes[group] = brick;
		}
	}
}


function boxToggle( brick ){
	icon = document.getElementById('box_icon_'+brick);
	box = document.getElementById('box_div_'+brick);
	if ( icon.src.indexOf( icon.show ) > 0 ) {
		icon.src = boxGetToggleSrc( icon.src, icon.show, icon.hide);
		box.style.display = 'block';
		if ( icon.group && boxShownBoxes[icon.group] != null ) boxToggle( boxShownBoxes[icon.group] );
		if ( icon.group ) boxShownBoxes[icon.group] = brick;
	} else {
		icon.src = boxGetToggleSrc( icon.src, icon.hide, icon.show);
		box.style.display = 'none';
		if ( icon.group && boxShownBoxes[icon.group] == brick ) boxShownBoxes[icon.group] = null;
	}

}

function boxGetToggleSrc( src, current, next ){
	var firstPart = src.substring(0, icon.src.indexOf( current ));
	var lastPart = src.substring(icon.src.indexOf( current ) + current.length);
	return firstPart+next+lastPart;
}