
function setupFolders() {
    var folder_idx = document.carto_form.js_folder_idx.value;

    var container = document.getElementById('container');
	xShow(container);
    for (i = 0; i < myfolders.length; i++) {
                current = myfolders[i];
		folder = xGetElementById('folder' + current);
		xMoveTo(folder,xPageX(container),xPageY(container));
		xShow(folder);

		xWidth(folder,xWidth(container));
    }
    ontop(myfolders[folder_idx]);
	xWidth(xGetElementById("blue"),200);
	//xClip(xGetElementById("blue",0,100%,100%,0));
}

function ontop(id) {
	current_folder = id; //external

    for (i = 0; i < myfolders.length; i++) {
                current = myfolders[i];
		currentFolder = xGetElementById('folder'+ current);
		xHide(currentFolder);
		
		currentLabel = xGetElementById('label' + current);
		
		if (currentLabel.style) {
			currentLabel.style.backgroundColor = '#E6E5D3';
			currentLabel.style.borderColor = 'black';
			currentLabel.style.borderStyle = 'none';
			currentLabel.style.borderBottomStyle = 'solid';
			currentLabel.style.borderWidth = '0px';
			currentLabel.style.borderBottomWidth = '1px';
		}

		if (current == id) {
		    document.carto_form.js_folder_idx.value = i;
		}
    }
	folder = xGetElementById('folder'+ id);
	xShow(folder);
	
	label = xGetElementById('label'+ id);
	if (label.style) {
		label.style.backgroundColor = '#E6E5D3';
		label.style.borderBottomColor = '#E6E5D3';
		label.style.borderStyle = 'solid';
		label.style.borderBottomStyle = 'none';
		label.style.borderWidth = '1px';
		label.style.borderBottomWidth = '0px';
	}
}

