Permalink
Cannot retrieve contributors at this time
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
234 lines (216 sloc)
9.2 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <!--Matauri Attitude - Jennifer Johnstone--> | |
| <head> | |
| <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> | |
| <meta name="description" content="Destination - Northland, New Zealand"> | |
| <meta name="keywords" content="new zealand, cape reinga, northland, bay of islands, kauri coast, far north, cape brett, twin coast discovery, New Zealand, Bay of Islands, tourism, accommodation, Rainbow Warrior, diving, fishing, Maori Culture, kayaking, adventure holiday, luxury holiday, restaurant, bars, motel, rainbow warrior, fishing, diving, surfing, cruising, sailing, golf, tramping, stream train, history, zane grey, accommodation, holiday, vocation, dolphins, dolphin swimming, whale watching, whales, destination northland, travel, restaurants, events, camping, kauri, maori, culture, craft, horse riding, tane mahuta, opua, paihia, russell, kerikeri, cape reinga, ninety mile beach, beach, poor knights, game fishing, marlin, shark, doubtless bay, dargaville, whangarei, tutukaka, mangawhai, kaikohe, mangonui, opononi, whangaroa, hokianga, mangonui, waipoua, treaty of waitangi"> | |
| <title>Accommodation, Northland, New Zealand</title> | |
| <STYLE> | |
| #title { position: absolute; z-index: 4; left: 25; top: 30; } | |
| #contents { position: absolute; z-index: 3; left: 25; top: 175; width: 200; height: 80; } | |
| #credits { position: absolute; z-index: 0; left: 340; top: 455; width: 400; height: 50 } | |
| </STYLE> | |
| <style type="text/css"> | |
| A:link { color:#660066; } | |
| A:visited { color:#660066; } | |
| A:hover { color:#009966; } | |
| </STYLE> | |
| <style type="text/css"> | |
| #floater { | |
| position: absolute; | |
| left: 575; | |
| top: 100; | |
| width: 165; | |
| visibility: visible; | |
| z-index: 10; | |
| } | |
| </style> | |
| <script language="javascript" type="text/javascript"> | |
| var win = null; | |
| function NewWindow(mypage,myname,w,h,scroll){ | |
| LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; | |
| TopPosition = (screen.height) ? (screen.height-h)/2 : 0; | |
| settings = | |
| 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable' | |
| win = window.open(mypage,myname,settings) | |
| if(win.window.focus){win.window.focus();} | |
| } | |
| </script> | |
| </HEAD> | |
| <BODY bgcolor="#ffffff" background="images/bay2.jpg" bgproperties="fixed"> | |
| <script src="static2.js"> | |
| </script> | |
| <div ID="floater"> | |
| <table width="155" border="2" cellspacing="2" cellpadding="3"> | |
| <tr align="center"> | |
| <td bgcolor="#000066" height="30px"><b><font face="Arial, Helvetica, sans-serif" size="3" color="#ffffff"> | |
| ACCOMMODATION</font></b></td> | |
| </tr> | |
| <tr align="center" bgcolor="#e4e4e4"> | |
| <td><font face="Arial Rounded MT Bold" size="3"> | |
| <a href="paiac.html" onclick="NewWindow(this.href,'name','540','350','no');return false"> | |
| PAIHIA</a></font></td> | |
| </tr> | |
| <tr align="center" bgcolor="#e4e4e4"> | |
| <td><font face="Arial Rounded MT Bold" size="3"> | |
| <a href="russac.html" onclick="NewWindow(this.href,'name','425','400','no');return false"> | |
| RUSSELL</a></font></td> | |
| </tr> | |
| <tr align="center" bgcolor="#e4e4e4"> | |
| <td><font face="Arial Rounded MT Bold" size="3"> | |
| <a href="keriac.html" onclick="NewWindow(this.href,'name','600','380','no');return false"> | |
| KERIKERI</a></font></td> | |
| </tr> | |
| <tr align="center" bgcolor="#e4e4e4"> | |
| <td><font face="Arial Rounded MT Bold" size="3"> | |
| <a href="matac.html" onclick="NewWindow(this.href,'name','390','230','no');return false"> | |
| MATAURI BAY</a></font></td> | |
| </tr> | |
| <tr align="center" bgcolor="#e4e4e4"> | |
| <td><font face="Arial Rounded MT Bold" size="3"> | |
| <a href="whangac.html" onclick="NewWindow(this.href,'name','540','350','no');return false"> | |
| WHANGAROA</a></font></td> | |
| </tr> | |
| <tr align="center" bgcolor="#e4e4e4"> | |
| <td><font face="Arial Rounded MT Bold" size="3"> | |
| <a href="mangac.html" onclick="NewWindow(this.href,'name','540','350','no');return false"> | |
| MANGONUI</a></font></td> | |
| </tr> | |
| <tr align="center" bgcolor="#e4e4e4"> | |
| <td><font face="Arial Rounded MT Bold" size="3"> | |
| <a href="dbtac.html" onclick="NewWindow(this.href,'name','540','350','no');return false"> | |
| DOUBTLESS BAY</a></font></td> | |
| </tr> | |
| <tr align="center" bgcolor="#e4e4e4"> | |
| <td><font face="Arial Rounded MT Bold" size="3"> | |
| <a href="kaiac.html" onclick="NewWindow(this.href,'name','540','350','no');return false"> | |
| KAITAIA</a></font></td> | |
| </tr> | |
| <tr align="center" bgcolor="#e4e4e4"> | |
| <td><font face="Arial Rounded MT Bold" size="3"> | |
| <a href="hokiac.html" onclick="NewWindow(this.href,'name','700','350','no');return false"> | |
| HOKIANGA</a></font></td> | |
| </tr> | |
| </table> | |
| </div> | |
| <script LANGUAGE="JavaScript"> | |
| self.onError=null; | |
| currentX = currentY = 0; | |
| whichIt = null; | |
| lastScrollX = 0; lastScrollY = 0; | |
| NS = (document.layers) ? 1 : 0; | |
| IE = (document.all) ? 1: 0; | |
| function heartBeat() { | |
| if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; } | |
| if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; } | |
| if(diffY != lastScrollY) { | |
| percent = .1 * (diffY - lastScrollY); | |
| if(percent > 0) percent = Math.ceil(percent); | |
| else percent = Math.floor(percent); | |
| if(IE) document.all.floater.style.pixelTop += percent; | |
| if(NS) document.floater.top += percent; | |
| lastScrollY = lastScrollY + percent; | |
| } | |
| if(diffX != lastScrollX) { | |
| percent = .1 * (diffX - lastScrollX); | |
| if(percent > 0) percent = Math.ceil(percent); | |
| else percent = Math.floor(percent); | |
| if(IE) document.all.floater.style.pixelLeft += percent; | |
| if(NS) document.floater.left += percent; | |
| lastScrollX = lastScrollX + percent; | |
| } | |
| } | |
| function checkFocus(x,y) { | |
| stalkerx = document.floater.pageX; | |
| stalkery = document.floater.pageY; | |
| stalkerwidth = document.floater.clip.width; | |
| stalkerheight = document.floater.clip.height; | |
| if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true; | |
| else return false; | |
| } | |
| function grabIt(e) { | |
| if(IE) { | |
| whichIt = event.srcElement; | |
| while (whichIt.id.indexOf("floater") == -1) { | |
| whichIt = whichIt.parentElement; | |
| if (whichIt == null) { return true; } | |
| } | |
| whichIt.style.pixelLeft = whichIt.offsetLeft; | |
| whichIt.style.pixelTop = whichIt.offsetTop; | |
| currentX = (event.clientX + document.body.scrollLeft); | |
| currentY = (event.clientY + document.body.scrollTop); | |
| } else { | |
| window.captureEvents(Event.MOUSEMOVE); | |
| if(checkFocus (e.pageX,e.pageY)) { | |
| whichIt = document.floater; | |
| StalkerTouchedX = e.pageX-document.floater.pageX; | |
| StalkerTouchedY = e.pageY-document.floater.pageY; | |
| } | |
| } | |
| return true; | |
| } | |
| function moveIt(e) { | |
| if (whichIt == null) { return false; } | |
| if(IE) { | |
| newX = (event.clientX + document.body.scrollLeft); | |
| newY = (event.clientY + document.body.scrollTop); | |
| distanceX = (newX - currentX);distanceY = (newY - currentY); | |
| currentX = newX;currentY = newY; | |
| whichIt.style.pixelLeft += distanceX; | |
| whichIt.style.pixelTop += distanceY; | |
| if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop; | |
| if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft; | |
| if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20; | |
| if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5; | |
| event.returnValue = false; | |
| } else { | |
| whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY); | |
| if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset; | |
| if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset; | |
| if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17; | |
| if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17; | |
| return false; | |
| } | |
| return false; | |
| } | |
| function dropIt() { | |
| whichIt = null; | |
| if(NS) window.releaseEvents (Event.MOUSEMOVE); | |
| return true; | |
| } | |
| if(NS) { | |
| window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN); | |
| window.onmousedown = grabIt; | |
| window.onmousemove = moveIt; | |
| window.onmouseup = dropIt; | |
| } | |
| if(IE) { | |
| document.onmousedown = grabIt; | |
| document.onmousemove = moveIt; | |
| document.onmouseup = dropIt; | |
| } | |
| if(NS || IE) action = window.setInterval("heartBeat()",1); | |
| </script> | |
| <div id="title"> | |
| <img src="images/accomm.jpg" width="295" height="56" border="0"> | |
| </div> | |
| <div align="LEFT" id="contents"> | |
| <font size="1" font face="verdana" color="#660066"><b> | |
| <a href="history.html">HISTORY</a> and <a href="legend.html">LEGEND</a><br><br> | |
| <a href="map.html">MAP of NORTHLAND</a><br><br> | |
| <a href="gallery.html">IMAGE GALLERY</a><br><br> | |
| <a href="info.html">INFORMATION</a><br><br> | |
| <a href="accomm.html">ACCOMMODATION</a><br><br> | |
| <a href="norschl.html">NORTHLAND SCHOOLS</a><br><br> | |
| <a href="http://www.matauribay.co.nz/attitude/">MATAURI ATTITUDE WEB DESIGN</a><br><br></b></font> | |
| <font color="#ffffff" size="3" face="arial"><b> | |
| <a href="index2.html"><b><i>FRONT</i></b></a><br><br></b></font> | |
| </DIV> | |
| <div align="RIGHT" id="credits"> | |
| <p align="right"><font face="courier new" size="-2" color="#009999">Site design and creation by | |
| <a href="http://www.matauribay.co.nz/attitude/"> | |
| MATAURI ATTITUDE</a><br> | |
| (Copyright © 2000, Matauri Attitude. All Rights Reserved.)</font></p> | |
| </div> | |
| </BODY> | |
| </HTML> |