I know I posted this earlier, but I added the syntax highlight and I wasn't able to edit or delete my previous post.

I have a javascript that I found for an iphone style menu. It works and allows me to click through the menu as long as it is within the list system. If I try to create an external link to a webpage. It doesn't load anything. Here is the code let me know if anyone knows the trick so I can link out. Below is the javascript used to create the flowing menu system. It also has a header and a previous page button that the javascript creates as well.

Let me know if you need the rest of the .css and html.

Raffles -- said it might have something to do with the location.href -- that is all based on the initial load of the webpage

Thanks in advance.


PHP Code:
<script type="text/javascript">

(function() {

var 
animateX = -20;
var 
animateInterval 24;

var 
currentPage null;
var 
currentDialog null;
var 
currentWidth 0;
var 
currentHash location.hash;
var 
hashPrefix "#_";
var 
pageHistory = [];

addEventListener("load", function(event)
{
var 
body document.getElementsByTagName("body")[0];
for (var 
child body.firstChildchildchild child.nextSibling)
{
if (
child.nodeType == && child.getAttribute("selected") == "true")
{
showPage(child);
break;
}
}

setInterval(checkOrientAndLocation300);
setTimeout(scrollTo001);
}, 
false);

addEventListener("click", function(event)
{
event.preventDefault();

var 
link event.target;
while (
link && link.localName.toLowerCase() != "a")
link link.parentNode;

if (
link && link.hash)
{
var 
page document.getElementById(link.hash.substr(1));
showPage(page);
}
}, 
true);

function 
checkOrientAndLocation()
{
if (
window.outerWidth != currentWidth)
{
currentWidth window.outerWidth;

var 
orient currentWidth == 320 "profile" "landscape";
document.body.setAttribute("orient"orient);
}

if (
location.hash != currentHash)
{
currentHash location.hash;

var 
pageId currentHash.substr(hashPrefix.length);
var 
page document.getElementById(pageId);
if (
page)
{
var 
index pageHistory.indexOf(pageId);
var 
backwards index != -1;
if (
backwards)
pageHistory.splice(indexpageHistory.length);

showPage(pagebackwards);
}
}
}

function 
showPage(pagebackwards)
{
if (
currentDialog)
{
currentDialog.removeAttribute("selected");
currentDialog null;
}

if (
page.className.indexOf("dialog") != -1)
showDialog(page);
else
{
location.href currentHash hashPrefix page.id;
pageHistory.push(page.id);

var 
fromPage currentPage;
currentPage page;

var 
pageTitle document.getElementById("pageTitle");
pageTitle.innerHTML page.title || "";

var 
homeButton document.getElementById("homeButton");
if (
homeButton)
homeButton.style.display = ("#"+page.id) == homeButton.hash "none" "inline";

if (
fromPage)
setTimeout(swipePage0fromPagepagebackwards);
}
}

function 
swipePage(fromPagetoPagebackwards)
{
toPage.style.left "100%";
toPage.setAttribute("selected""true");
scrollTo(01);

var 
percent 100;
var 
timer setInterval(function()
{
percent += animateX;
if (
percent <= 0)
{
percent 0;
fromPage.removeAttribute("selected");
clearInterval(timer);
}

fromPage.style.left = (backwards ? (100-percent) : (percent-100)) + "%";
toPage.style.left = (backwards ? -percent percent) + "%";
}, 
animateInterval);
}

function 
showDialog(form)
{
currentDialog form;
form.setAttribute("selected""true");

form.onsubmit = function(event)
{
event.preventDefault();
form.removeAttribute("selected");

var 
index form.action.lastIndexOf("#");
if (
index != -1)
showPage(document.getElementById(form.action.substr(index+1)));
}

form.onclick = function(event)
{
if (
event.target == form)
form.removeAttribute("selected");
}
}

})();
</script>