var	IDs=30;

function dispTopic(nr)
{
document.write('<div style="padding-top: 0pt; " class="Normal">');
document.write('<div class="paragraph Summary_Picture" style="line-height: 10px; margin-bottom: 0px; margin-top: 0px; text-align: right; "><span style="color: #999999; font-family: \'HoeflerText-Regular\', \'Hoefler Text\', \'Times New Roman\', \'serif\'; font-size: 16px; line-height: 19px; opacity: 1.00; ">');
document.write('<img src="'+topicSepFile+'" alt="" id="id' +IDs+'" style="height: 1px; margin-bottom: 1px; margin-right: -1px; width: 408px; " /></span></div>');
IDs++;
document.write('<div class="paragraph Summary_Picture" style="line-height: 10px; margin-bottom: 0px; margin-left: 13px; margin-top: 0px; text-align: center; text-indent: 0px; ">');
if (topics[nr][3].length>0) {
	document.write('<a href="'+topics[nr][2]+'"><img src="'+topics[nr][3]+'" alt="" id="id'+IDs+'" style="border: none; clear: left; float: left; height: '+topics[nr][5]+'px; left: -3px; margin-bottom: -7px; margin-right: -7px; position: relative; top: -1px; width: '+topics[nr][4]+'px; " /></a>');
	IDs++;
	}
document.write('<span style="line-height: 10px; text-decoration: none;">&nbsp;</span></div>');
document.write('<div class="paragraph Summary_Date" style="line-height: 17px; ">'+topics[nr][0]+'</div>');
document.write('<div class="paragraph Summary_Title" style="line-height: 29px; ">'+topics[nr][6]+'</div>');
document.write('<div class="paragraph Summary_Body" style="line-height: 19px; ">'+topics[nr][7]+'</div>');
document.write('<div class="paragraph Summary_Read_More" style="line-height: 16px; "><a href="'+topics[nr][2]+'">luister...</a></div>');
document.write('<div class="paragraph Summary_Body" style="line-height: 16px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; font-size: 13px; line-height: 16px;  text-decoration: none;"></div>');
document.write('</div>');
}

function fixupIElistPNGs()
{
for (i=30;i<IDs;++i)
	fixupIEPNG("id"+i, "../Images/transparent.gif");
}

function AddTopicsLinks(file)
{
	var nr=0;
	while (topics[nr][2]!=file) {
		++nr;
		if (nr>=topics.length) {
			document.write('!!!error!!!');
			return
			}
		}
    document.write('<div style="height: 120px; margin-left: 0px; position: relative; width: 700px; z-index: 15; " id="footer_layer">');
	if (nr+1<topics.length) {
		document.write('<div style="height: 0px; line-height: 0px; " class="tinyText"></div>');
		document.write('<div class="graphic_textbox_style_default" style="height: 30px; left: 350px; position: absolute; top: 10px; width: 315px; z-index: 1; " id="idNext">');
		document.write('<div><div class="graphic_textbox_layout_style_default">');
		document.write('<div class="paragraph Body" style="line-height: 19px; margin-bottom: 0px; margin-top: 0px; padding-bottom: 0pt; padding-top: 0pt; text-align: right; ">');
		document.write('<a href="'+topics[nr+1][2]+'" style="line-height: 19px; ">');
		if (topics[nr+1][1].length==0)
			document.write(topics[nr+1][0]);
		else
			document.write(topics[nr+1][1]);
		document.write(' &gt;</a></div></div></div></div>');
		}

	if (nr>0) {
		document.write('<div class="graphic_textbox_style_default" style="height: 30px; left: 35px; position: absolute; top: 10px; width: 315px; z-index: 1; " id="idPrevious">');
		document.write('<div><div class="graphic_textbox_layout_style_default">');
		document.write('<div class="paragraph Body" style="line-height: 19px; padding-bottom: 0pt; padding-top: 0pt; ">');
		document.write('<a href="'+topics[nr-1][2]+'">&lt; ');
		if (topics[nr-1][1].length==0)
			document.write(topics[nr-1][0]);
		else
			document.write(topics[nr-1][1]);
		document.write('</a></div></div></div></div>');
		}
	document.write('</div>');
}
