HELP!!!! Weird issue with password protected galleries

Please someone help me! I am having a major issue with my page which is impacting my business.

When someone tries to go to their Photo Shoot, which is password protected, when they click in the password field to put their password in, it is redirecting them to the buy page (http://www.cleaphotography.com/gallery/5586821_WTytz) before they have had a chance to key in the password. For some reason there is some sort of code out of place and it keeps popping up in the wrong places. For example, when I am logged in, I cannot click on the green task bar at the top (add photos, control panel, order backup, themes, visitor view) because it is tries to again redirect me to that same buy page. So I can't figure out out that page is popping up in my code.

My CSS is this:
#my_banner {
width: 750px;
height: 150px;
margin: 0px auto;
background: url(http://cLeaPhotography.smugmug.com/photos/342957003_RQMhJ-L.jpg) no-repeat; }



/* hides your name (including any 's) */
#userName {
display: none;
}
/* hides the word home */
#userHome {
display: none;
}
/* removed the 's */
.possess {
display: none;
}

#categoriesBox .boxTop { display: none; }


#navcontainer ul {
margin: 0px auto 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li {
display: inline;
}

#navcontainer ul li a {
text-decoration: none;
padding: .2em 1em;
color: #fff;
background-color: #000;
}

#navcontainer ul li a:hover {
color: #fff;
background-color: #000;
}


.gallery_5554252 #albumNav_top,
.gallery_5554252 #albumNav_bottom,
.gallery_5554252 .play_slideshow {display: none;}
.gallery_5554252 #breadcrumb {visibility: hidden;}
.loggedIn .gallery_5554252 #breadcrumb {visibility: visible;}
.gallery_5554252 .photo {padding-right: 10px;}
.gallery_5554252 .caption {margin-top: -20px;}

.gallery_5554114 #albumNav_top,
.gallery_5554114 #albumNav_bottom,
.gallery_5554114 .play_slideshow {display: none;}
.gallery_5554114 #breadcrumb {visibility: hidden;}
.loggedIn .gallery_5554114 #breadcrumb {visibility: visible;}
.gallery_5554114 .photo {padding-right: 10px;}
.gallery_5554114 .caption {margin-top: -20px;}

.gallery_5554434 #albumNav_top,
.gallery_5554434 #albumNav_bottom,
.gallery_5554434 .play_slideshow {display: none;}
.gallery_5554434 #breadcrumb {visibility: hidden;}
.loggedIn .gallery_5554434 #breadcrumb {visibility: visible;}
.gallery_5554434 .photo {padding-right: 10px;}
.gallery_5554434 .caption {margin-top: -20px;}

.gallery_5554252 #albumNav_top,
.gallery_5554252 #albumNav_bottom,
.gallery_5554252 .play_slideshow {display: none;}
.gallery_5554252 #breadcrumb {visibility: hidden;}
.loggedIn .gallery_5554252 #breadcrumb {visibility: visible;}
.gallery_5554252 .photo {padding-right: 10px;}
.gallery_5554252 .caption {margin-top: -20px;}

.gallery_5586821 #albumNav_top,
.gallery_5586821 #albumNav_bottom,
.gallery_5586821 .play_slideshow {display: none;}
.gallery_5586821 #breadcrumb {visibility: hidden;}
.loggedIn .gallery_5586821 #breadcrumb {visibility: visible;}
.gallery_5586821 .photo {padding-right: 10px;}
.gallery_5586821 .caption {margin-top: -20px;}

#bioBox .photo {
display: none;
}


#userBio {text-align: center !important;}

.homepage #galleriesBox,
.homepage #categoriesBox,
.homepage #featuredBox {
display: none;
}

.galleries #bioBox {
display: none;
}

.galleries #galleriesBox,
.galleries #categoriesBox,
.galleries #featuredBox {
display: block;
}

If you want to have the galleries show up on your homepage when you are logged in, you can add the following below this code:

.loggedIn .homepage #galleriesBox,
.loggedIn .homepage #categoriesBox {
display: block;
}

#bioBox {background: none;}

#categoriesBox {background: none;}

#galleriesBox {background: none;}

.miniBox {
width:106px;
padding:0 0 5em 0;
margin:0 129px 0;
}

.miniBox .photo {
height:auto;
_height:1px;
}

.miniBox .albumTitle,
.miniBox .private {
text-align:center;
}

.albumLarge {
width:156px;
padding:0 0 5em 0;
margin:0 104px 40px;
}

.albumLarge .photoLarge {
height:auto;
_height:1px;
}

.albumLarge .albumTitle,
.albumLarge .private {
text-align:center;
}



and my HEADER is:

<div id="my_banner">
<a href="http://cleaphotography.smugmug.com"&gt;
<img src="/img/spacer.gif" width="750" height="150" border="0" alt="">
</a></div>


<div id="navcontainer">
<ul>
<li><a href="/">Home</li>
<li><a href="/gallery/5554252_DMiH4 ">About Me</li>
<li><a href="/galleries">Galleries</li>
<li><a href="/gallery/5554434_U2F5s ">Contact Me</li>
<li><a href="/gallery/5554114_4BaCv ">Guestbook</li>
<li><a href="/Photo%20Shoots ">Photo Shoot Gallery</li>
<li><a href="/gallery/5586821_WTytz ">Buy</li>

</ul>
</div>


and footer shows:

<div></div>

footer javascript:

function hasPath(sPath)
{
re = new RegExp("\/" + sPath + "(\/|$)");
return re.test(window.location)
}

if (hasPath("galleries"))
YD.addClass(document.body, "galleries");


I am a complete moron when it comes to all this coding stuff and have just been putting things that i have found around dgrin and suggestions of others. I don't know how i messed up but I can't post work and its causing SERIOUS problems for me with my customers. Can anyone PLEASE PLEASE PLEASE help me!!!!

Cassi
www.cLeaPhotography.com