I have tried to use the Spry Widget Sliding Panel code from the Adobe tutorial
and I keep getting an error message. The message is that "Spry" is undefined in
line 26. Please help! I have been trying to figure this out for 2 days. Is
there any code I have to change in the .css file or in the .js file that comes
with the Spry Widget Sliding Panel download or am I missing something else?

Attached, please find the code.
Attach Code

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="SprySlidingPanels3.css" rel="stylesheet" type="text/css" />
<link href="SprySlidingPanels.js" rel="stylesheet" type="text/javascript"/>

</head>

<body>
<a href="#" onClick="sp0.showPanel(0);"> Panel 1</a>
<a href="#" onClick="sp1.showPanel(1);">Panel 2</a>
<a href="#" onClick="sp2.showPanel(2);">Panel 3</a>
<a href="#" onclick="sp3.showPanel(3);">Panel 4</a>
<div id="slidingPanel_1" class="SlidingPanels">
<div class="SlidingPanelsContentGroup">
<div id="sp1" class="SlidingPanelsContent">Content1</div>
<div id="sp1" class="SlidingPanelsContent">Content2</div>
<div id="sp1" class="SlidingPanelsContent">Content3</div>
<div id="sp1" class="SlidingPanelsContent">Content4</div>
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript">
var sp1 = new Spry.Widget.SlidingPanels("SlidingPanel_1");
</script>
</body>
</html>