/*
 * cf_ui javascript library file
 *
 ************************************************************/

var cf_ui = {};


/* Tabbed sheets
*******************************/

cf_ui.currentSheetId = '';

cf_ui.selectSheet = function(sheetId) {
	//Turn off existing
	document.getElementById('_cf_ui_tab_' + cf_ui.currentSheetId).className='inactive'
	document.getElementById('_cf_ui_tabsheet_' + cf_ui.currentSheetId).style.display='none';
	//Turn on new
	document.getElementById('_cf_ui_tab_' + sheetId).className='active'
	document.getElementById('_cf_ui_tabsheet_' + sheetId).style.display='';
	cf_ui.setCurrentSheet(sheetId);
	return false;
}
cf_ui.setCurrentSheet = function(sheetId) {
	cf_ui.currentSheetId = sheetId;
}

/* Concertina menu
*******************************/

cf_ui.currentFoldId = '';
		
cf_ui.selectFold = function(foldId) {
	if (foldId == cf_ui.currentFoldId) {
		//Selecting existing fold - close
		//Turn off existing
		document.getElementById('_cf_ui_concertinafoldheader_' + cf_ui.currentFoldId).className='inactive'
		document.getElementById('_cf_ui_concertinafold_' + cf_ui.currentFoldId).style.display='none';
		cf_ui.setCurrentFold('');
	} else {
		//Selecting different fold - switch
		//Turn off existing
		if (cf_ui.currentFoldId != '') {
			document.getElementById('_cf_ui_concertinafoldheader_' + cf_ui.currentFoldId).className='inactive'
			document.getElementById('_cf_ui_concertinafold_' + cf_ui.currentFoldId).style.display='none';
		}
		//Turn on new
		document.getElementById('_cf_ui_concertinafoldheader_' + foldId).className='active'
		document.getElementById('_cf_ui_concertinafold_' + foldId).style.display='';
		cf_ui.setCurrentFold(foldId);
	}
	return false;
}
cf_ui.setCurrentFold = function(foldId) {
	cf_ui.currentFoldId = foldId;
}


/* Hidden content
*******************************/

cf_ui.toggleArea = function(contentId) {
	content = document.getElementById(contentId);
	//alert(content.innerHTML);
	if(content.style.display == "") {
		content.style.display = "none";
	} else {
		content.style.display = "";
	}
	return false;
}
cf_ui.showArea = function(contentId) {
	content = document.getElementById(contentId);
	content.style.display = "";
	return false;
}
cf_ui.hideArea = function(contentId) {
	content = document.getElementById(contentId);
	content.style.display = "none";
	return false;
}

