<HEAD><TITLE>FOOD 1</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="FOOD 1" 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=10-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.3157" name=GENERATOR></HEAD>
<BODY onresize=init() style="FONT-SIZE: 10pt; FONT-FAMILY: Verdana" onload=init()>
<H3 align=center>FOOD 1</H3>
<P align=center>Træk etiketterne på plads!&nbsp;De skal anbringes lige UNDER&nbsp;de små streger på billedet!</P>
<P align=center></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=381,161,435,177><AREA shape=RECT alt="" coords=449,84,499,100><AREA shape=RECT alt="" coords=217,198,286,214><AREA shape=RECT alt="" coords=101,248,148,264><AREA shape=RECT alt="" coords=74,49,98,65><AREA shape=RECT alt="" coords=226,13,266,29><AREA shape=RECT alt="" coords=43,195,67,211><AREA shape=RECT alt="" coords=122,313,163,329><AREA shape=RECT alt="" coords=377,330,480,346><AREA shape=RECT alt="" coords=474,310,530,326><AREA shape=RECT alt="" coords=120,146,151,162><AREA shape=RECT alt="" coords=287,122,310,138><AREA shape=RECT alt="" coords=309,245,358,261><AREA shape=RECT alt="" coords=40,336,63,352><AREA shape=RECT alt="" coords=203,80,234,96><AREA shape=RECT alt="" coords=365,33,405,49><AREA shape=RECT alt="" coords=305,312,338,328></MAP><IMG id=img height=391 alt="" src="food.jpg" width=552 useMap=#Map0 border=0> </TD>
<TD vAlign=top width=150>
<DIV style="WIDTH: 50px"></DIV>
<DIV style="WIDTH: 50px"></DIV>
<DIV style="WIDTH: 50px"></DIV>
<DIV style="WIDTH: 47px"></DIV>
<DIV style="WIDTH: 24px"></DIV>
<DIV style="WIDTH: 40px"></DIV>
<DIV style="WIDTH: 24px"></DIV>
<DIV style="WIDTH: 41px"></DIV>
<DIV style="WIDTH: 50px"></DIV>
<DIV style="WIDTH: 50px"></DIV>
<DIV style="WIDTH: 31px"></DIV>
<DIV style="WIDTH: 23px"></DIV>
<DIV style="WIDTH: 49px"></DIV>
<DIV style="WIDTH: 23px"></DIV>
<DIV style="WIDTH: 31px"></DIV>
<DIV style="WIDTH: 40px"></DIV>
<DIV style="WIDTH: 33px"></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'">sausage</SPAN><BR><SPAN onmousedown=mdown(this) id=1 onmouseover="this.style.cursor='default'">chicken</SPAN><BR><SPAN onmousedown=mdown(this) id=2 onmouseover="this.style.cursor='default'">coffee&nbsp;pot</SPAN><BR><SPAN onmousedown=mdown(this) id=3 onmouseover="this.style.cursor='default'">cheese</SPAN><BR><SPAN onmousedown=mdown(this) id=4 onmouseover="this.style.cursor='default'">loaf</SPAN><BR><SPAN onmousedown=mdown(this) id=5 onmouseover="this.style.cursor='default'">salami</SPAN><BR><SPAN onmousedown=mdown(this) id=6 onmouseover="this.style.cursor='default'">milk</SPAN><BR><SPAN onmousedown=mdown(this) id=7 onmouseover="this.style.cursor='default'">butter</SPAN><BR><SPAN onmousedown=mdown(this) id=8 onmouseover="this.style.cursor='default'">salt&nbsp;and&nbsp;pepper</SPAN><BR><SPAN onmousedown=mdown(this) id=9 onmouseover="this.style.cursor='default'">red&nbsp;wine</SPAN><BR><SPAN onmousedown=mdown(this) id=10 onmouseover="this.style.cursor='default'">eggs</SPAN><BR><SPAN onmousedown=mdown(this) id=11 onmouseover="this.style.cursor='default'">fish</SPAN><BR><SPAN onmousedown=mdown(this) id=12 onmouseover="this.style.cursor='default'">tea&nbsp;pot</SPAN><BR><SPAN onmousedown=mdown(this) id=13 onmouseover="this.style.cursor='default'">jam</SPAN><BR><SPAN onmousedown=mdown(this) id=14 onmouseover="this.style.cursor='default'">buns</SPAN><BR><SPAN onmousedown=mdown(this) id=15 onmouseover="this.style.cursor='default'">bacon</SPAN><BR><SPAN onmousedown=mdown(this) id=16 onmouseover="this.style.cursor='default'">glass&nbsp;of&nbsp;milk</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 + "food.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>