# spoiler.rb $Revision: 1 $
# Copyright (C) 2007 Michitaka Ohno <elpeo@mars.dti.ne.jp>
# You can redistribute it and/or modify it under GPL2.

@spoiler_index = 0

add_header_proc do
	<<-HTML
	<script type="text/javascript"><!--
	function spoiler_view(index){
		var l=document.getElementById('spoiler_label_'+index);
		if(!l) return;
		var c=document.getElementById('spoiler_content_'+index);
		if(!c) return;
		if(c.style.display=="none"){
			c.style.display="";
			l.innerHTML='[隠す]';
		}else{
			c.style.display="none";
			l.innerHTML='[表示]';
		}
	}
	// --></script>
	HTML
end

def spoiler( *args )
	if args.length > 1 then
		title, body, = args
		title = "<strong>#{title}</strong>の"
	else
		title = ''
		body, = args
	end
	@spoiler_index += 1
	<<-HTML
	<table style="border: 1px solid silver">
	<tr><td style="border: 0px; padding: 2px" rowspan="2" align="center" valign="top" width="60"><strong>注意：</td><td style="border: 0px; font-size: 85%; padding: 2px">ここには#{title}より作品の核心に至る内容が詳細に記述されていますのでご注意ください。</td></tr>
	<tr><td style="border: 0px; font-size: 85%; padding: 2px"><a id="spoiler_label_#{@spoiler_index}" style="float: right" href="javascript:spoiler_view(#{@spoiler_index})">[表示]</a>表示するには右の[表示]をクリックしてください。</td><tr>
	<tr><td style="border: 0px; font-size: 85%; padding: 2px" colspan="2"><span id="spoiler_content_#{@spoiler_index}" style="display: none">#{body}</span></td></tr>
	</table>
	HTML
end