Simpel "Login box", som ikke virker optimal

Hejsa
Jeg sidder med en side, hvor man i en box indtaster et "password".
Dette password er reelt siden, som åbnes herefter:
<script type="text/javascript">
function gotoPage(){
window.location=document.getElementById('password').value+'.htm';
}
</script>
</head>
<p><font color="#FFFFFF">Enter password</font></p>
<input type="password" id="password" size="12">
<input type="button" onclick="gotoPage()" value="Login">
</body>

Problemet er at jeg 1) er en idiot til html/javascript og har lånt dette script, 2) gerne vil have at "password-filen" ligger i en anden mappe. Altså skal der indføres lidt kode, der peger ned i mappen f.eks. Foto...
Jeg er fotograf og uploader albums til min hjemmeside, men vil gerne, på en simpel måde, sikre at det kun er dem der har det oplyste "password" der kommer ind på siden.

Hvordan pokker gør jeg dette. Jeg ved at det kun er få ord, der skal indsættes ovenfor, men som sagt er dette SLET ikke mit gebet!
Håber på hjælpe her.