function init()
{
        document.getElementById('id1').className = 'hide';
        document.getElementById('id2').className = 'hide';
        document.getElementById('id3').className = 'hide';
        document.getElementById('id4').className = 'hide';

        document.getElementById('a1').className= 'link';
        document.getElementById('a2').className= 'link';
        document.getElementById('a3').className= 'link';
        document.getElementById('a4').className= 'link';

        document.getElementById('a1').onclick=function(){show('id1');blur();return false;};
        document.getElementById('a2').onclick=function(){show('id2');blur();return false;};
        document.getElementById('a3').onclick=function(){show('id3');blur();return false;};
        document.getElementById('a4').onclick=function(){show('id4');blur();return false;};
     
        document.getElementById('a1').href='#a1/';
        document.getElementById('a2').href='#a2/';
        document.getElementById('a3').href='#a3/';
        document.getElementById('a4').href='#a4/';
}

init();



function show(id)
{
        var linkId = id;
        

        switch (document.getElementById(linkId).className)
        {
                case '':

                        document.getElementById(linkId).className = 'hide';
                break;
                case 'hide':
                        document.getElementById(linkId).className = '';
                break;
        }
}