ASP.NET如何实现像QQ空间那样,当页面刷新时,不影响播放器的播放,播放器的音乐还是一直在播放?不会让音乐停止.小弟请教各位高手

小弟现在半夜还在写代码,最近在写一个类似博客的小项目,自己当练手,但是写到播放器这就遇到麻烦了.
首先说我用的是ASP.NET技术(好像是废话),现在项目里有一个模板页,然后又从网上下载了一个flash播放器,是用JS文件来引用
并且播放的,我现在是把这个JS源码放在模板页里,想让访问者访问所有页面时,都可以听见音乐,但是,当点击到其它内容页时
页面刷新了,音乐也停止了,然后又重新缓冲播放,每次都这样重复来重复去的,我就想要实现像QQ空间那样的,怎么点击其它内容,播放器一直是在播放,不受影响,请问各位高手,我的这个JS源码应该放到哪里?现在我把模板页里的源码贴出来,模板页里包含引用播放器播放的源码.
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>个人网站</title>
    <style>
<!--这里是导航栏的代码,与本文无关-->
body{background-color:#292929;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-align:center}
#navcontainer{width:778px}
#navlist
{
margin: 0;
padding: 0 0 20px 20px;
border-bottom: 1px solid #444;
}

#navlist ul, #navlist li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
float: left;
line-height: 14px;
margin: 0 10px 4px 10px;
text-decoration: none;
color: #999;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
border-bottom: 1px solid #76B41C;
padding-bottom: 5px;
background: transparent;
color: #fff;
}

#navlist a:hover { color: #fff; }
</style>
<script type="text/javascript" src="media/player.js"></script>
</head>
<body onload="addMusic('media/musiclist.xml')" style="margin:0px">
    <form id="form1" runat="server">
    <div>
        <asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
        </asp:contentplaceholder>
    </div>
    
    <div id="navcontainer" style="width: 612px; height: 1px;">
<ul id="navlist">
<li><a href="/PersonalWEB/index.aspx"  style="width: 77px">
    Home Page</a></li>
<li><a href="/PersonalWEB/News.aspx" style="width: 77px">News</a></li>
<li><a href="/PersonalWEB/Music.aspx" style="width: 77px">Video Clip</a></li>
<li><a href="/PersonalWEB/Picture.aspx" style="width: 77px">Gallery</a></li>
<li><a href="/PersonalWEB/Message.aspx" style="width: 77px">Fan Board</a></li>
<li><a href="/PersonalWEB/Login.aspx" style="width: 77px">Login</a></li>
</ul>
</div>
</form>
<!--导航栏的代码结束-->
<!--以下是播放器的JS源码-->
<script language="JavaScript" for="mediaObj" event="playStateChange(rStatus)">
try { MediaPlayerState(rStatus);} catch(e){}
</script>
<script language="JavaScript" for="mediaObj" event="error">
try { MediaPlayerOnError();} catch(e){}
</script>
<div id="mediaPlayerBox" style="display:none;">
<script language="javascript">outputMedia();</script>
</div>
<div id="realPlayerBox" style="display:none;">
<script language="javascript">outputReal();</script>
</div>
<script language="JavaScript">
document.write('<div id="PlayerContainer">')
document.write(' <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="198" height="15px" id="miniplayer" align="middle">')
document.write(' <param name="allowScriptAccess" value="always" />')
document.write(' <param name="movie" value="media/7rainbow.swf?auto=1&size=400&hue=0,0,0,0" />')
document.write(' <param name="quality" value="high" />')
document.write(' <param name="wmode" value="transparent" />')
document.write(' <param name="bgcolor" value="#ffffff" />')
document.write(' <embed src="media/7rainbow.swf?auto=1&size=400&hue=0,0,0,0" quality="high" wmode="transparent" bgcolor="#ffffff" width="400" height="50%" name="miniplayer" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />')
document.write(' </object>')
document.write(' </div>')
</script>
<!--播放器的JS源码结束-->
</body>
</html>