ok, the link to site http://www.hypn0ticproductionz.com/hptestsite
if you click on the buttons to the side and then click on the bottom one again. it doesn't take it back to the original spot if you take a look at it you will see what i mean
what is in RED is where I am having my exact problem at I believe
<html>
<head>
<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo.js"></script>
<script>
$(document).ready(function() {
$('a.panel').click(function () {
$('a.panel').removeClass('selected');
$(this).addClass('selected');
current = $(this);
$('#wrapper').scrollTo($(this).attr('href'), 800);
return false;
});
$(window).resize(function () {
resizePanel();
});
});
function resizePanel() {
width = $(window).width();
height = $(window).height();
mask_width = width * $('.item').length;
$('#debug').html(width + ' ' + height + ' ' + mask_width);
$('#wrapper, .item').css({width: width, height: height});
$('#mask').css({width: mask_width, height: height});
$('#wrapper').scrollTo($('a.selected').attr('href'), 0);
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<style>
body {
background-image: url(images/hptestsite05_01.png);
height:100%;
width:100%;
margin:0;
padding:0;
overflow:hidden;
background-repeat: repeat-x;
}
#wrapper {
width:100%;
height:100%;
position: relative;
top:0;
left:0;
overflow:hidden;
}
#mask {
width:500%;
height:100%;
/*background-color:#eee;*/
}
.item {
width:20%;
height:100%;
float:left;
}
.content {
width:400px;
height:300px;
top:0%;
margin:0 auto;
position:relative;
}
.selected {
background:#fff;
font-weight:700;
}
.clear {
clear:both;
}
</style>
<title>Hypn0tic Productionz.com v6.0</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
body {
background-color:#4a2500;
background-image:url('images/hp-Revised_01.png');
background-repeat:repeat-x;
}
.wrapper {
width: 960px;
height: 768px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -480px;
margin-top: -325px;
}
.style1 {
font-size: x-small;
color: #000000;
}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #FFFFFF;
}
a:active {
text-decoration: none;
color: #000000;
}
</style>
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onLoad="MM_preloadImages('images/hp-Revised_04-mouseOver.png','images/hp-Revised_08-mouseOver.png','images/hp-Revised_11-mouseOver.png','images/hp-Revised_14-mouseOver.png')">
<table id="Table_01" width="1025" height="769" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td rowspan="10"><img src="images/hp-Revised_01.png" width="12" height="768"></td>
<td width="1012" height="40" colspan="8">
<img src="images/spacer.gif" width="1012" height="40" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="40" alt=""></td>
</tr>
<tr>
<td width="141" height="98" colspan="3" rowspan="2">
<img src="images/spacer.gif" width="141" height="98" alt=""></td>
<td colspan="3"><a href="#contact" class="panel" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/hp-Revised_04-mouseOver.png',1)"><img src="images/hp-Revised_04.png" alt="Contact Me" name="Contact" width="109" height="97" border="0"></a></td>
<td width="762" height="386" colspan="2" rowspan="7" align="center" valign="top"><div id="wrapper">
<div id="mask">
<div id="item1" class="item">
<a name="port"></a>
<div class="content">Content Coming Soon.
This page will Hold all of my work from design to programming and much more!</div>
</div>
<div id="about" class="item">
<a name="item2"></a>
<div class="content">About: Well, I first originally bought the domain back in 2007. It had in the url the '.net' instead of (now) '.com'</div>
</div>
<div id="demo_reel" class="item">
<a name="item3"></a>
<div class="content">Content Coming Soon.</div>
</div>
<div id="contact" class="item">
<a name="item4"></a>
<div class="content">Email: <a href="mailto:webmaster@hypn0ticproductionz.com">webmaster@hypn0ticproductionz.com</a></div>
</div>
<div id="item5" class="item">
<a name="item5"></a>
<div class="content">Content Coming Soon.</div>
</div>
</div>
</div></td>
<td>
<img src="images/spacer.gif" width="1" height="97" alt=""></td>
</tr>
<tr>
<td width="109" height="1" colspan="3">
<img src="images/spacer.gif" width="109" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td width="40" height="630" rowspan="7">
<img src="images/spacer.gif" width="40" height="630" alt=""></td>
<td colspan="3"><a href="#demo_reel" class="panel" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('DemoReel','','images/hp-Revised_08-mouseOver.png',1)"><img src="images/hp-Revised_08.png" alt="Demo Reel" name="DemoReel" width="140" height="115" border="0"></a></td>
<td width="70" height="245" colspan="2" rowspan="4">
<img src="images/spacer.gif" width="70" height="245" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="115" alt=""></td>
</tr>
<tr>
<td width="140" height="5" colspan="3">
<img src="images/spacer.gif" width="140" height="5" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="3"><a href="#about" class="panel" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('About','','images/hp-Revised_11-mouseOver.png',1)"><img src="images/hp-Revised_11.png" alt="About" name="About" width="140" height="122" border="0"></a></td>
<td>
<img src="images/spacer.gif" width="1" height="122" alt=""></td>
</tr>
<tr>
<td width="140" height="3" colspan="3">
<img src="images/spacer.gif" width="140" height="3" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td width="27" height="385" rowspan="3">
<img src="images/spacer.gif" width="27" height="385" alt=""></td>
<td colspan="3" rowspan="2"><a href="#port" class="panel" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Portfolio','','images/hp-Revised_14-mouseOver.png',1)"><img src="images/hp-Revised_14.png" alt="Portfolio" name="Portfolio" width="165" height="146" border="0"></a></td>
<td width="18" height="385" rowspan="3">
<img src="images/spacer.gif" width="18" height="385" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td>
<a href="http://www.hypn0ticproductionz.com/" target="_self"
onmouseover="window.status='Home'; return true;"
onmouseout="window.status=''; return true;">
<img src="images/hp-bg_24.png" width="514" height="103" border="0" alt="home"></a></td>
<td width="248" height="342" rowspan="2">
<img src="images/spacer.gif" width="248" height="342" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="103" alt=""></td>
</tr>
<tr>
<td width="165" height="239" colspan="3">
<img src="images/spacer.gif" width="165" height="239" alt=""></td>
<td width="514" height="239" align="center" valign="bottom" background="images/spacer.gif"><span class="style1">©2008-2009 <a href="http://www.hypn0ticproductionz.com/">Hypn0tic Productionz.com</a>-All Rights Reserved.</span></td>
<td>
<img src="images/spacer.gif" width="1" height="239" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="40" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="74" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="52" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="18" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="514" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="248" height="1" alt=""></td>
<td></td>
</tr>
</table>
</body>
</html>