imgout=new Image(15,15);
imgin=new Image(15,15);

imgout.src="u.png"; imgin.src="d.png";

function filter(imagename,objectsrc){
    if (document.images){
	document.images[imagename].src=eval(objectsrc+".src");
    }
}

function collapse(id) {
    if (document.getElementById) { // DOM3 = IE5, NS6
    	if (document.getElementById(id).style.display == "none"){
    	    document.getElementById(id).style.display = 'block';
    	    filter(("img"+id),'imgin');
    	} else {
    	    filter(("img"+id),'imgout');
    	    document.getElementById(id).style.display = 'none';
    	}
    } else {
    if (document.layers) {
    	if (document.id.display == "none"){
    	    document.id.display = 'block';
    	    filter(("img"+id),'imgin');
    	} else {
    	    filter(("img"+id),'imgout');
    	    document.id.display = 'none';
    	}
    }
    else {
    	if (document.all.id.style.visibility == "none"){
    	    document.all.id.style.display = 'block';
    	} else {
    	    filter(("img"+id),'imgout');
    	    document.all.id.style.display = 'none';
    	}
    }
}
}

function collapsible(name, file, id)
{
    document.write('<img src="u.png" align="left" name="img' + id + '" hspace="5" border="0"/>' +
		   '<a href="#" onClick="collapse(\'' + id + '\');" >' + name + 
		   '</a> <div style="display:none" id="' + id + 
		   '"> <script type="text/javascript" src="' + file +
		   '"> </script></div>');

    // document.write('<img src="u.png" align="left" name="img' + id + '" hspace="5" border="0"/>' +
    // 		   '<a href="javascript:collapse(\'' + id + '\');" >'
    // 		   + name + '</a> <div style="display:none" id="' + id +
    // 		   '" > <script type="text/javascript" src="' + file + '"> </script></div>');
}