Probleme script cacher une div

Bonjour,
j'utilise ce script pour cacher mon header sur un site. il marche très bien sauf que la div header réapparait lorsqu'on change de page, j'aimerais que le script reste activé même si l'on change de page.
( script en test à l'ad : http://kristelbonnet.free.fr)

dans le HEAD

<!-- To Hide Header-->
<script>

function showHideSwitch (theid, lnk) {
if (document.getElementById) {
var switch_id = document.getElementById(theid);

if (switch_id.className == "header showSwitch") {
// Show
switch_id.className = 'header hideSwitch';
lnk.innerHTML = "show header";

var today = new Date();
expires = 365 * 1000 * 60 * 60 * 24;
var expires_date = new Date( today.getTime() + (expires) );
document.cookie = theid+'=hideSwitch'+'; path=/' + ";expires=" + expires_date.toGMTString();
} else {
// Hide
switch_id.className = 'header showSwitch';
lnk.innerHTML = "hide header";

var today = new Date();
expires = 365 * 1000 * 60 * 60 * 24;
var expires_date = new Date( today.getTime() + (expires) );
document.cookie = theid+'=showSwitch'+'; path=/' + ";expires=" + expires_date.toGMTString();

}
}
}

</script>
<!-- End To Hide Header-->

Dans le body

<div id="pathlinks"><a href="#">hello@christellebonnet.com</a> |
<a id="hideText" href="javascript:showHideSwitch('header', document.getElementById('hideText')); ">hide header</a><BR></div>

<div id="header" class="header showSwitch">

<div class="intro clear ">

<P> Hello I'm Christelle Bonnet. <BR />I'm a young graphic designer and also an artist.
Nowadays, I live and work in Bordeaux, France. <BR />
Thanks for visiting. <em >Last_updates Nov.2008</em> </P>
</div>
</div>

Merci de vos réponses.

Configuration: Mac OS X
Firefox 3.0.4