function toggleContent(id,area){

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

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

function startKollaps(name, title, open, width){
// 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.png";
	display = "none";
	}
else {
	image = "images/minimerwin.png";
	display = "block";
	}

var a = '<table border="1" cellSpacing="0" class="toggletable" STYLE="WIDTH:' + width +'">'+
		'<tr><td><table style="width:100%" border="0" cellSpacing="0">'+
		'<tr bgcolor="#000000">'+
		//'<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 style="cursor:default;" onSelectStart="return false;" onClick="toggleContent(\'' + name + 'toggle\',\'' + name + '\');"><font face="arial" color="F9DD23" size="2">&nbsp;<B>' + title + '</B></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>');

}