То есть можно начать так?
<style type="text/css">
.hall_container{
border: 2px #da251d dotted;
overflow: hidden;
width: 550px;
height: 550px;
position: relative;
top: 0;
left: 0;
margin: auto;
background: transparent url(hall.jpg) no-repeat scroll 0% 0%;}
</style>
<script language="javascript" type="text/javascript">
<!--
function scrollHall()
{
}
//-->
</script>
</head>
<body>
<div id="hall_container" class="hall_container" onmousemove="scrollHall()">/div>
</body>