SWF Address

Hi everyone,
I am very new to flash and as3. I built a website with swf address and it works great except the back/forward browser buttons do not change the content of the page, just the address. I followed a tutorial and they don’t have this problem. Can anyone help me, please?

HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Meli Melo</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src="js/jquery-1.4.4.min.js" type="text/javascript"></script>
		<!--script src="js/jquery.lint.js" type="text/javascript" charset="utf-8"></script-->


		<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" title="prettyPhoto main stylesheet" charset="utf-8" />
		<script src="js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>


		<style type="text/css" media="screen">
		#main {	margin: 0 auto;	padding: 30px;	width: 500px;}
		</style>


		<script type="text/javascript" charset="utf-8">
				$(document).ready(function(){
		$("a[rel^='prettyPhoto']").prettyPhoto();
			});
			function launchPrettyPhoto(urlContent, titleContent) {
			api_images = ['images/fullscreen/WWU.jpg','images/fullscreen/BBT.jpg,'images/fullscreen/image3.jpg'];
			api_titles = ['Title 1','Title 2','Title 3'];
			api_descriptions = ['Description 1','Description 2','Description 3']
			$.prettyPhoto.open(api_images,api_titles,api_descriptions);
			}
		</script>
		
<script type="text/javascript" src="swfobject/swfobject.js"></script>		
<script type="text/javascript" src="swfaddress/swfaddress.js"></script>
		
	</head>
<center>
	<body>
		<div id="flashContent">
			<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="960" height="640" id="indie" align="middle">
				<param name="src" value="indie.swf" />
				<param name="quality" value="high" />
				<param name="bgcolor" value="#ffffff" />
				<param name="play" value="true" />
				<param name="loop" value="true" />
				<param name="wmode" value="transparent" />
				<param name="scale" value="showall" />
				<param name="menu" value="true" />
				<param name="devicefont" value="false" />
				<param name="salign" value="" />
				<param name="allowScriptAccess" value="always" />
				<!--[if !IE]>-->
				<object type="application/x-shockwave-flash" data="indie.swf" width="960" height="640">
					<param name="src" value="indie.swf" />
					<param name="quality" value="high" />
					<param name="bgcolor" value="#ffffff" />
					<param name="play" value="true" />
					<param name="loop" value="true" />
					<param name="wmode" value="transparent" />
					<param name="scale" value="showall" />
					<param name="menu" value="true" />
					<param name="devicefont" value="false" />
					<param name="salign" value="" />
					<param name="allowScriptAccess" value="always" />
				<!--<![endif]-->
					<a href="http://www.adobe.com/go/getflash">
						<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
					</a>
				<!--[if !IE]>-->
				</object>
				<!--<![endif]-->
			</object>
		</div>
	</body>
</center>
</html>

AS


// SWFAddress actions
function btnClick(e:MouseEvent) {
	SWFAddress.setValue(e.target.deepLink);
}
 
function btnRollOver(e:MouseEvent) {
	SWFAddress.setStatus(e.target.deepLink);	
}
 
function btnRollOut(e:MouseEvent) {
	SWFAddress.resetStatus();
}
 
// SWFAddress handling
function handleSWFAddress(e:SWFAddressEvent) {
	try{
	if (currentFrame == 2 && e.value == '/') {
		play();
 
	} else {
 
		gotoAndStop('$' + e.value);
	}
 } catch(err) {
		gotoAndStop('$/error/');
	}
	var title:String = 'à la Mode Office';
 
	for (var i = 0; i < e.pathNames.length; i++) {
		title += ' / ' + e.pathNames*.substr(0,1).toUpperCase() + e.pathNames*.substr(1);
	}
 
	SWFAddress.setTitle(title);
}
 
SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleSWFAddress);
 
stop();

Thanks in advance.

Mel