/** Utilities for resources */


function resShowUp(idtag) {
    document.getElementById('div_' + idtag).style.display = 'block';
    document.getElementById('link_up_' + idtag).style.display = 'block';
    document.getElementById('link_down_' + idtag).style.display = 'none';
}

function resHide(idtag) {
    document.getElementById('div_' + idtag).style.display = 'none';
    document.getElementById('link_up_' + idtag).style.display = 'none';
    document.getElementById('link_down_' + idtag).style.display = 'block';
}

/** to show hide a div and an arrow image, have a div named div_<idtag> ready,
and two anchors id'ed 'link_up_<idtag>' and 'link_down_<idtag>'.
Simply copy /paste this code and adapt it.
<p><span class="title3">Title</span><br /><a id="link_up_route1" href="javascript: resShowHide('route1');">Hide &lt;&lt;</a>&nbsp;<a id="link_down_route1" href="javascript:resShowHide('route1');" style="display:none;"> Show &gt;&gt;</a></p>
*/
function resShowHide(idtag) {

var divObject = document.getElementById('div_' + idtag);
if (divObject) {
    if(divObject.style.display == 'none') {
        resShowUp(idtag);
    }
    else resHide(idtag);
}

}