Untitled

<!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>
<script language="javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script language="javascript" src="arrow.js"></script>
<style>
#wrapper {
  width: 960px;
  margin:0 auto;
  margin-top: 50px;
}

#map {
    width: 100%;
    height: 500px;
    border: 3px solid black;
}
</style>
</head>
<script>
 $(document).ready(function() {
   $("#map").AddArrow({
            ArrowHeight: '20',
            ArrowWidth: '26',
            ArrowPath: 'arrow-top.png',
            Orientation: 'Top',
            Fade: true,
            FadeSpeed: 300,
            MouseOver: true
    })
    $("#map").AddArrow({
            ArrowHeight: '26',
            ArrowWidth: '20',
            ArrowPath: 'arrow-right.png',
            Orientation: 'Right',
            Fade: true,
            FadeSpeed: 300,
            MouseOver: true
    })
    $("#map").AddArrow({
            ArrowHeight: '20',
            ArrowWidth: '26',
            ArrowPath: 'arrow-bottom.png',
            Orientation: 'Bottom',
            Fade: true,
            FadeSpeed: 300,
            MouseOver: true
    })
    $("#map").AddArrow({
            ArrowHeight: '26',
            ArrowWidth: '20',
            ArrowPath: 'arrow-left.png',
            Orientation: 'Left',
            Fade: true,
            FadeSpeed: 300,
            MouseOver: true
    })
 });
</script>
<body>
<div id="wrapper">
<div id="map">

</div>
<div id="test">
</div>
</div>
</body>
</html>