Hallo zusammen,
ich kenne mich mit JavaScript leider kaum aus und bin auf eure Hilfe angewiesen.

Ich habe auf meiner Seite einen Layer eingebaut, der aktuell mit jedem Reload der Startseite angezeigt wird. Er soll aber nur einmal pro Besuch (und nicht bei jedem Reload angezeigt werden). Wie kriege ich das hin?

Hier der verwendete Code:

Script

<script type="text/javascript">
// JavaScript Document
function showHideDiv(objid,state){
	var obj;
	try {
		if(objid.parentNode){
			//it's an object. we needn't do anything
			obj = objid;
		} else {
			//it's not an object
			obj = document.getElementById(objid);
		}
	} catch(e) {
		//it's not an object and the browser errors on undefined properties
		obj = document.getElementById(objid);
	}
	state = (state == "hidden" || state == "hide") ? 0 : 1;
	vista = (state) ? 'block' : 'none';
	obj.style.display = vista;
	return true;
}
</script>

HTML Code

<div id="postit">
<a href="index.php"><img src="layer.gif" alt="" width="380" height="322" border="0" /></a>
<div id="postitClose"><a href="#" onclick="showHideDiv('postit','hide');"><img src="close.png" border="0" alt="Schliessen" /></a></div>

Zusätzlich habe in meiner .css-Datei folgenden Code eingebaut:

#postit{
        width:380px;
        height:322px;
        position:absolute;
        top:15px;
        left:70%;
        margin-left:-175px;
        text-align:center;
        z-index:100;
}

#postitClose{
        position:absolute;
        top:7px;
        right:102px;
        z-index:102;
        border:0;
}

An welcher Stelle muss ich welche Änderungen vornehmen, um o.g. Änderung zu erreichen?

Vielen Dank für eure Hilfe und LG

Regina