function toggleContent(id,area){

if (document.getElementById(id).value == 0) {
	document.getElementById(area).style.display = 'block';
	document.getElementById(id).src = "Images/minimerwin.gif";
	document.getElementById(id).value = 1;
	}

else {
	document.getElementById(area).style.display = 'none';
	document.getElementById(id).src = "Images/maksimerwin.gif";
	document.getElementById(id).value = 0;
	}
}

function startKollaps(name, title, open, width, headercolor){
// name =	unique name of the span which is created
// title =	title of the collapsable table
// open =	0 or 1 depending on whether the table should be collapsed by default

if (open == 0) {
	image = "Images/maksimerwin.gif";
	display = "none";
	}
else {
	image = "Images/minimerwin.gif";
	display = "block";
	}

var a = '<table align="center" STYLE="WIDTH:' + width +'">'+
		'<tr class="' + headercolor + '"><td background="images/wheatback.gif"><table class="FMtable" style="width:100%">'+
		'<tr>'+
		//'<td width=16 align="left"><img onclick="toggleContent(\'' + name + 'toggle\',\'' + name + '\');" value="' + open + '" name="" SRC="' + image2 + '" id="' + name + 'toggle2" border=0 hspace=1></TD>'+
		'<td background="images/wheatback.gif" style="cursor:default;" onSelectStart="return false;" onClick="toggleContent(\'' + name + 'toggle\',\'' + name + '\');">' + title + '</TD>'+
		'<td width=16 align="right"><img onclick="toggleContent(this.id,\'' + name + '\');" value="' + open + '" name="" SRC="' + image + '" id="' + name + 'toggle" border=0 hspace=1></TD>'+
		'</tr></table>'+
		'<span id="' + name + '" STYLE="display:' + display + ';">';

document.write(a);

}

function endKollaps(){

document.write('</span></td></tr></table>');

}