File: D:/HostingSpaces/TWijnstra/wijnstra.com/tjerk.com/portfolio/scrolling.htm
<html>
<head>
<title> t j e r k . c o m </title>
<link rel="stylesheet" type="text/css" href="../css/tjerk.css">
<script language=javascript>
<!--
function init(){
if (1) {
n = (document.layers) ? 1:0
ie = (document.all) ? 1:0
speed = 0
statdyn = "dynamic"
started = 0
if (n){
s1 = document.scrolling
maxw = s1.clip.width
}
if (ie){
s1 = document.all.scrolling.style
maxw = s1.pixelWidth
}
document.onmousemove = mouseMove
if (n) document.captureEvents(Event.MOUSEMOVE)
}
}
function mouseMove(e) {
if (n) {var x=e.pageX; var y=e.pageY}
if (ie) {var x=event.x; var y=event.y}
if(x > 1 && x < 527 && y > 0 && y < 66){
speed = Math.round((x-350)/50)
if (started == 0) {
started = 1
slide()
}
}
else {
speed = 0
started = 0
}
}
function slide(){
if(statdyn == "dynamic"){
if(parseInt(s1.left) <= - ((maxw/3)*2) + 50) {
s1.left = - ((maxw/3) - 50)
}
if(parseInt(s1.left) >= -50) {
s1.left = - ((maxw/3) + 50)
}
s1.left = parseInt(s1.left) - speed
}
if (started != 0) setTimeout("slide()",10)
}
//-->
</script>
</head>
<body bgcolor=#000000 scroll=no onload="init()">
<style type="text/css">
<!--
#foto {z-index:10}
-->
</style>
<div id="scrolling" style="position:absolute; left:-1515; top:0; width:4545; height:66; visibility:visible; z-index:10">
<table cellpadding="0" cellspacing="0" border="0" width="6060" height="66">
<tr>
<td width=1515 height=64><div id="foto"><img src=images/screens.gif border=0 height=66 width=1515 usemap=#screens></div></td>
<td width=1515 height=64><div id="Div1"><img src=images/screens.gif border=0 height=66 width=1515 usemap=#screens></div></td>
<td width=1515 height=64><div id="Div2"><img src=images/screens.gif border=0 height=66 width=1515 usemap=#screens></div></td>
<td width=1515 height=64><div id="Div3"><img src=images/screens.gif border=0 height=66 width=1515 usemap=#screens></div></td>
</tr>
</table>
<map name="screens">
<area shape="rect" coords="0,0,100,66" href="01.htm" target="content">
<area shape="rect" coords="101,0,201,66" href="02.htm" target="content">
<area shape="rect" coords="202,0,302,66" href="03.htm" target="content">
<area shape="rect" coords="303,0,403,66" href="04.htm" target="content">
<area shape="rect" coords="404,0,504,66" href="05.htm" target="content">
<area shape="rect" coords="505,0,605,66" href="06.htm" target="content">
<area shape="rect" coords="606,0,706,66" href="07.htm" target="content">
<area shape="rect" coords="707,0,807,66" href="08.htm" target="content">
<area shape="rect" coords="808,0,908,66" href="09.htm" target="content">
<area shape="rect" coords="909,0,1009,66" href="10.htm" target="content">
<area shape="rect" coords="1010,0,1110,66" href="11.htm" target="content">
<area shape="rect" coords="1111,0,1211,66" href="12.htm" target="content">
<area shape="rect" coords="1212,0,1312,66" href="13.htm" target="content">
<area shape="rect" coords="1313,0,1413,66" href="14.htm" target="content">
<area shape="rect" coords="1414,0,1514,66" href="18.htm" target="content">
<AREA SHAPE="DEFAULT" NOHREF></map></div>
</body>
</html>