Event.observe(window, 'load', function() {
	setDisable();
	
	var blastDbNotes = $$('ul.blastDbNote');
	blastDbNotes.each(function(blastDbNoteUl) {
		var blastDbNoteLis = blastDbNoteUl.select('li');
		
		if (blastDbNoteLis.length > 1) {
			// create dbNote element for summay
			var blastDbNoteUlClass = blastDbNoteUl.readAttribute('class');
			var blastDbNoteUlClassInitial = blastDbNoteUlClass.charAt(0).toUpperCase();
			var summaryBlastDbNoteUlClass = 'summary' + blastDbNoteUlClassInitial + blastDbNoteUlClass.substring(1);
			var summaryBlastDbNoteUl = new Element('ul', {'class': summaryBlastDbNoteUlClass}); 
			var summaryBlastDbNoteLi = new Element('li').update(blastDbNoteLis[0].innerHTML.truncate(15));
			Element.insert(summaryBlastDbNoteUl, {top: summaryBlastDbNoteLi});
			
			Element.insert(blastDbNoteUl, {before: summaryBlastDbNoteUl});
			// hide dbNote element for detail
			blastDbNoteUl.hide();
			
			var blastDbNoteUlId = blastDbNoteUl.readAttribute('id');
			var blastDbNoteUlIdInitial = blastDbNoteUlId.charAt(0).toUpperCase();
			var toggleBlastDbNoteUlId = 'toggle' + blastDbNoteUlIdInitial + blastDbNoteUlId.substring(1);
			
			var blastDbTitle = summaryBlastDbNoteUl.up().select('span[class="blastDbTitle"]')[0];
			blastDbTitle.writeAttribute('id', toggleBlastDbNoteUlId);
			blastDbTitle.writeAttribute('title', 'Show Detail');
			Element.setStyle(blastDbTitle, {
									'cursor': 'pointer', 
									'lineHeight' : '1.4em'});
			
			var toggleButton = new Element('span', {'class': 'toggleButton'}).update('<img src="../images/blastSideMenuPlus.gif"/>');
			Element.setStyle(toggleButton, {
							'color': '#56007d',
							'fontSize': '1.3em', 
							'fontWeight': 'bold', 
							'marginLeft': '2px',
							'marginRight': '1px'});
			Element.insert(blastDbTitle, {bottom: toggleButton});
			
			// toggle dbNote element
			Event.observe(toggleBlastDbNoteUlId, 'click', function() {
				var toggle = $(toggleBlastDbNoteUlId);
				var summary = toggle.up().select('ul[class="summaryBlastDbNote"]')[0];
				var detail = toggle.up().select('ul[class="blastDbNote"]')[0];
				var toggleButton = toggle.select('span[class="toggleButton"]')[0];
				
				if (summary.visible()) {
					summary.hide();
					detail.show();
					toggle.writeAttribute('title', 'Hide Detail');
					toggleButton.update('<img src="../images/blastSideMenuMinus.gif"/>');
				} else {
					summary.show();
					detail.hide();
					toggle.writeAttribute('title', 'Show Detail');
					toggleButton.update('<img src="../images/blastSideMenuPlus.gif"/>');
				}
			});
		}
	});
});