<HEAD><TITLE>Noah's ark</TITLE> <STYLE type=text/css> #imgTable {background:#F5F5F5;border:1px solid #808080;} #imgTable div{visibility:hidden;position:absolute;border-bottom:2px groove #DDDDDD;} #imgTable span{position:static;background:#FFFFE0;padding-left:2px;color:#333333;border:1px solid #808080;} </STYLE> <META http-equiv=Content-Type content="text/html; charset=windows-1252"> <META content="Noah's ark" name=DC.Title> <META content="" name=DC.Creator> <META content="" name=DC.Subject> <META content="" name=DC.Description> <META content="VUC Roskilde Amt" name=DC.Publisher> <META content=02-01-2007 name=DC.Date> <META content=text/html name=DC.Format> <META content=dk name=DC.Language> <META content="" name=DC.Relation> <META content="Copyright 2007 VUC Roskilde Amt" name=DC.Rights><LINK href="css/skablet.css" type=text/css rel=STYLESHEET> <META content="MSHTML 6.00.2900.3020" name=GENERATOR></HEAD> <BODY onresize=init() style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana" onload=init()> <H3 align=center>Noah's ark</H3> <P align=center>Trk etiketterne hen til de rigtige dyr. Anbring dem lige UNDER de sm streger p billedet! </P> <DIV align=center> <TABLE id=imgTable style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana" cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD vAlign=top><MAP name=Map0><AREA shape=RECT alt="" coords=452,221,491,237><AREA shape=RECT alt="" coords=440,177,471,193><AREA shape=RECT alt="" coords=434,274,491,290><AREA shape=RECT alt="" coords=21,169,47,185><AREA shape=RECT alt="" coords=219,328,254,344><AREA shape=RECT alt="" coords=15,121,73,137><AREA shape=RECT alt="" coords=22,235,64,251><AREA shape=RECT alt="" coords=444,330,480,346><AREA shape=RECT alt="" coords=350,332,395,348><AREA shape=RECT alt="" coords=442,52,487,68><AREA shape=RECT alt="" coords=240,45,277,61><AREA shape=RECT alt="" coords=98,27,162,43><AREA shape=RECT alt="" coords=303,339,332,355><AREA shape=RECT alt="" coords=443,119,487,135><AREA shape=RECT alt="" coords=384,44,426,60><AREA shape=RECT alt="" coords=182,50,225,66><AREA shape=RECT alt="" coords=25,92,63,108><AREA shape=RECT alt="" coords=99,329,138,345><AREA shape=RECT alt="" coords=31,27,62,43><AREA shape=RECT alt="" coords=27,336,56,352><AREA shape=RECT alt="" coords=433,81,497,97></MAP><IMG id=img height=377 alt="" src="noah.jpg" width=504 useMap=#Map0 border=0> </TD> <TD vAlign=top width=150> <DIV style="WIDTH: 39px"></DIV> <DIV style="WIDTH: 31px"></DIV> <DIV style="WIDTH: 50px"></DIV> <DIV style="WIDTH: 26px"></DIV> <DIV style="WIDTH: 35px"></DIV> <DIV style="WIDTH: 50px"></DIV> <DIV style="WIDTH: 42px"></DIV> <DIV style="WIDTH: 36px"></DIV> <DIV style="WIDTH: 45px"></DIV> <DIV style="WIDTH: 45px"></DIV> <DIV style="WIDTH: 37px"></DIV> <DIV style="WIDTH: 50px"></DIV> <DIV style="WIDTH: 29px"></DIV> <DIV style="WIDTH: 44px"></DIV> <DIV style="WIDTH: 42px"></DIV> <DIV style="WIDTH: 43px"></DIV> <DIV style="WIDTH: 38px"></DIV> <DIV style="WIDTH: 39px"></DIV> <DIV style="WIDTH: 31px"></DIV> <DIV style="WIDTH: 29px"></DIV> <DIV style="WIDTH: 50px"></DIV> <TABLE style="FONT-SIZE: 10pt" cellSpacing=0 cellPadding=6 border=0> <TBODY> <TR> <TD style="FONT-SIZE: 10pt; LINE-HEIGHT: 140%; FONT-FAMILY: Verdana" noWrap><SPAN onmousedown=mdown(this) id=0 onmouseover="this.style.cursor='default'">sheep</SPAN><BR><SPAN onmousedown=mdown(this) id=1 onmouseover="this.style.cursor='default'">hens</SPAN><BR><SPAN onmousedown=mdown(this) id=2 onmouseover="this.style.cursor='default'">monkeys</SPAN><BR><SPAN onmousedown=mdown(this) id=3 onmouseover="this.style.cursor='default'">pigs</SPAN><BR><SPAN onmousedown=mdown(this) id=4 onmouseover="this.style.cursor='default'">foxes</SPAN><BR><SPAN onmousedown=mdown(this) id=5 onmouseover="this.style.cursor='default'">tortoises</SPAN><BR><SPAN onmousedown=mdown(this) id=6 onmouseover="this.style.cursor='default'">giraffes</SPAN><BR><SPAN onmousedown=mdown(this) id=7 onmouseover="this.style.cursor='default'">bears</SPAN><BR><SPAN onmousedown=mdown(this) id=8 onmouseover="this.style.cursor='default'">wolves</SPAN><BR><SPAN onmousedown=mdown(this) id=9 onmouseover="this.style.cursor='default'">camels</SPAN><BR><SPAN onmousedown=mdown(this) id=10 onmouseover="this.style.cursor='default'">tigers</SPAN><BR><SPAN onmousedown=mdown(this) id=11 onmouseover="this.style.cursor='default'">elephants</SPAN><BR><SPAN onmousedown=mdown(this) id=12 onmouseover="this.style.cursor='default'">deer</SPAN><BR><SPAN onmousedown=mdown(this) id=13 onmouseover="this.style.cursor='default'">skunks</SPAN><BR><SPAN onmousedown=mdown(this) id=14 onmouseover="this.style.cursor='default'">hippos</SPAN><BR><SPAN onmousedown=mdown(this) id=15 onmouseover="this.style.cursor='default'">zebras</SPAN><BR><SPAN onmousedown=mdown(this) id=16 onmouseover="this.style.cursor='default'">geese</SPAN><BR><SPAN onmousedown=mdown(this) id=17 onmouseover="this.style.cursor='default'">rhinos</SPAN><BR><SPAN onmousedown=mdown(this) id=18 onmouseover="this.style.cursor='default'">oxen</SPAN><BR><SPAN onmousedown=mdown(this) id=19 onmouseover="this.style.cursor='default'">lions</SPAN><BR><SPAN onmousedown=mdown(this) id=20 onmouseover="this.style.cursor='default'">armadillos</SPAN><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV> <SCRIPT type=text/javascript> var ie = (navigator.appName=="Microsoft Internet Explorer"); document.body.ondrag = function () { return false; }; document.body.onselectstart = function () { return false; }; var imgTable = document.getElementById("imgTable"); var dragId = null; function init(){ this.ragOffLeft = 0; this.dragOffTop = 0; var XYpos = new findXYPos(img) this.imgPath = getOpenerImgPath(); // Tom efter oprettelsen var ref = imgTable.getElementsByTagName("div"); document.getElementById("img").src = imgPath + "noah.jpg" for(i=0;i<ref.length;i++){ var a = document.getElementsByTagName("area"); try{ ref.item(i).style.visibility="visible"; ref.item(i).style.left = XYpos.left + parseInt(a.item(i).coords.split(",")[0]); ref.item(i).style.top = XYpos.top + parseInt(a.item(i).coords.split(",")[1]); }catch(e){} } } function getOpenerImgPath(){ var imgPath = "" try{ var imgFile = opener.document.getElementById("~image~").src imgPath = imgPath = imgFile.substr(0,imgFile.lastIndexOf("\057")+1) }catch(e){} return imgPath } function mdown(e){ dragId=e; dragOffLeft=e.style.left; dragOffTop=e.style.top; dragId.style.lineHeight="110%"; if (ie){ document.onmousemove=mmove; document.onmouseup=mup; } else{ window.onmousemove=mmove; window.onmouseup=mup; } } function mmove(e){ if (!dragId) return if (ie){ var Ev = window.event; document.selection.empty(); }else{ var Ev = e window.getSelection().removeAllRanges(); } var mx=Ev.clientX+document.body.scrollLeft; var my=Ev.clientY+document.body.scrollTop; if ((mx<2)||(my<2))return dragId.style.position="absolute"; dragId.style.left=mx - dragId.offsetWidth/2; dragId.style.top=my -dragId.offsetHeight/2; return false; } function mup(){ if (!dragId) return if (ie)document.onmousemove=null; else window.onmousemove=null; var XYpos = new findXYPos(img) var imgLeft = XYpos.left; var imgTop = XYpos.top; var a = document.getElementsByTagName("area"); var spotX = parseInt(a.item(parseInt(dragId.id)).coords.split(",")[0]); var spotY = parseInt(a.item(parseInt(dragId.id)).coords.split(",")[1]); spot=getElementRect(a.item(parseInt(dragId.id))); if (isIn((dragId.offsetLeft+(dragId.offsetWidth/2))-imgLeft,(dragId.offsetTop+(dragId.offsetHeight/2))-imgTop,spot)){ dragId.style.left = spotX + imgLeft; dragId.style.top = spotY + imgTop; dragId.style.lineHeight="110%"; } else { dragId.style.position="static"; dragId.style.lineHeight="140%"; } dragId=null; } function getElementRect(e){ var left = parseInt(e.coords.split(",")[0]); var top = parseInt(e.coords.split(",")[1]); var width = parseInt(e.coords.split(",")[2])-left; var height = parseInt(e.coords.split(",")[3])-top; return {l:left,t:top,w:width,h:height} } function isIn(x,y,rect){ return ( ((x > rect.l) && (x < rect.l+rect.w)) && ((y > rect.t) && (y < rect.t+rect.h)) ) } function findXYPos(e){ var left = e.offsetLeft; var top = e.offsetTop; while (e.offsetParent){ left += e.offsetParent.offsetLeft top += e.offsetParent.offsetTop e = e.offsetParent } this.left=left; this.top=top; return this } </SCRIPT> </BODY>