function gratisBillede(personid) {
	var personIndex = hentPersonIndex(personid)
	var gratisHTML = ''
	gratisHTML = gratisHTML + '<table style=\'border:0px solid green;\'>'
	gratisHTML = gratisHTML + '<tr>'
	gratisHTML = gratisHTML + '<td style=\'width:986px;text-align:center;\' colspan=6>'
	gratisHTML = gratisHTML + '<h2>'+texts[188]+'</h2>'
	gratisHTML = gratisHTML + texts[189] + ':'
	gratisHTML = gratisHTML + '</td></tr>'
	var portraitArrayDet = portraitArray[personIndex].split('@')
	var countDracula = 0
	for (i=0;i<portraitArrayDet.length;i++) {
		portraitArrayDetDet = portraitArrayDet[i].split('|')
		if (countDracula == 0) {
			gratisHTML = gratisHTML + '<tr>'	
		}
		gratisHTML = gratisHTML + '<td style=\'width:164px;text-align:center;\'>'
		gratisHTML = gratisHTML + '<img src=\'asp/stream.asp?billedid='+portraitArrayDetDet[0]+'&personid='+personIndex+'&width=145&x='+portraitArrayDetDet[4]+'&y='+portraitArrayDetDet[5]+'&z='+portraitArrayDetDet[6]+'\' onclick=gratisBilledeVaelg('+personid+','+portraitArrayDetDet[0]+')>'
		gratisHTML = gratisHTML + '</td>'
		if (countDracula == 5) {
			gratisHTML = gratisHTML + '</tr>'
			countDracula = -1
		}
		countDracula = countDracula + 1
	}
	gratisHTML = gratisHTML + '</table>'
	window.document.getElementById('content').innerHTML = gratisHTML
}

function  gratisBilledeVaelg(personid,billedid) {
	var personIndex = hentPersonIndex(personid)
	var portraitArrayDet = portraitArray[personIndex].split('@')
	for (i=0;i<portraitArrayDet.length;i++) {
		portraitArrayDetDet = portraitArrayDet[i].split('|')
		if (portraitArrayDet[i].split('|')[0] == billedid) {
			var billedData = portraitArrayDet[i]
		}
	}
	billedData = billedData.split('|')
	var gratisHTML = ''
	gratisHTML = gratisHTML + '<table style=\'border:0px solid green;\'>'
	gratisHTML = gratisHTML + '<tr>'
	gratisHTML = gratisHTML + '<td style=\'text-align:left;\' COLSPAN=2>'
	gratisHTML = gratisHTML + '<h2>'+texts[190]+':</h2>'
	gratisHTML = gratisHTML + '</td></tr><tr>'
	gratisHTML = gratisHTML + '<td style=\'width:460px;text-align:center;\' ROWSPAN=3>'
	gratisHTML = gratisHTML + '<img src=\'asp/stream.asp?billedid='+billedData[0]+'&personid='+personIndex+'&width=450&x='+billedData[4]+'&y='+billedData[5]+'&z='+billedData[6]+'\'>'
	gratisHTML = gratisHTML + '</td><td style=\'width:493px;text-align:center;background-color:white;border:2px solid black;color:red;vertical-align:top;;cursor:pointer;\'  onclick=\'gratisBilledeKurv('+personid+','+billedData[0]+',1)\'>'
	gratisHTML = gratisHTML + '<h3>'+texts[203]+'</h3>'
	gratisHTML = gratisHTML + '<table style=\'height:177px;width:492px;\'>'
	gratisHTML = gratisHTML + '<tr><td style=\'width:140px;text-align:left;vertical-align:middle;\'><img src=\'asp/stream.asp?billedid='+billedData[0]+'&personid='+personIndex+'&width=120&ucroppet=1\'></td>'
	gratisHTML = gratisHTML + '<td><div style=text-align:left;>'+texts[204]+'<br>'+texts[205]+'<br></div><br><br>'
	gratisHTML = gratisHTML + '<img src=\'gfx/knap.asp?knapgrundfarve=FFFFFF&knaptekstfarve=2F2C2D&knapbaggrundfarve=000000&dx=200&text='+texts[206]+'\'></td></tr>'
	gratisHTML = gratisHTML + '</table>'
	gratisHTML = gratisHTML + '</td></tr>'
	gratisHTML = gratisHTML + '<tr><td style=\'width:493px;text-align:center;background-color:white;border:2px solid black;color:red;vertical-align:top;cursor:pointer;\' onclick=\'gratisBilledeCrop('+personid+','+billedData[0]+')\'>'
	gratisHTML = gratisHTML + '<h3>Få tilsendt i papirformat</h3>'
	gratisHTML = gratisHTML + '<table style=\'height:177px;width:492px;\'>'
	gratisHTML = gratisHTML + '<tr><td style=\'width:140px;text-align:left;vertical-align:middle;\'><img src=\'http://bestilling.fotoit.dk/asp/produktvisning.asp?id='+billedData[0]+'.jpg&x='+billedData[4]+'&y='+billedData[5]+'&z='+billedData[6]+'&produkt=27\'</td>'
	gratisHTML = gratisHTML + '<td><div style=text-align:left;>Klik her, hvis du ønsker at modtage en traditionel lærerpakke. Selve pakken er gratis, men du skal betale for porto og ekspedition</div><br><br>'
	gratisHTML = gratisHTML + '<img src=\'gfx/knap.asp?knapgrundfarve=FFFFFF&knaptekstfarve=2F2C2D&knapbaggrundfarve=000000&dx=245&text=Ja tak - jeg ønsker gavepakken i papirformat\'></td></td></tr>'
	gratisHTML = gratisHTML + '</table>'
	gratisHTML = gratisHTML + '</td></tr>'
	gratisHTML = gratisHTML + '<tr><td style=\'width:493px;text-align:center;background-color:white;border:2px solid black;color:red;vertical-align:top;cursor:pointer;\' onclick=\'gratisBillede('+personid+')\'>'
	gratisHTML = gratisHTML + '<h3>Tilbage til billedvalg</h3>'
	gratisHTML = gratisHTML + '<table style=\'height:177px;width:492px;\'>'
	gratisHTML = gratisHTML + '<tr><td style=\'width:140px;text-align:left;vertical-align:middle;\'><br></td>'
	gratisHTML = gratisHTML + '<td><div style=text-align:left;>Klik her, for at komme tilbage til billedvalget, så du kan vælge et andet billede</div><br><br>'
	gratisHTML = gratisHTML + '<img src=\'gfx/knap.asp?knapgrundfarve=FFFFFF&knaptekstfarve=2F2C2D&knapbaggrundfarve=000000&dx=172&text=Jeg ønsker at se et andet billede\'></td></td></tr>'
	gratisHTML = gratisHTML + '</table>'
	gratisHTML = gratisHTML + '</td></tr>'
	gratisHTML = gratisHTML + '</table>'
	window.document.getElementById('content').innerHTML = gratisHTML
}

function gratisBilledeCrop(personid,billedid) {
	var overRammeHTML = ''
	overRammeHTML = overRammeHTML + '<div style=\'position:absolute;left:40px;top:10px;width:330px;height:450px;border:0px solid green;\' id=cropramme>Cropramme</div>'
	overRammeHTML = overRammeHTML + '<div style=\'position:absolute;left:100px;top:470px;width:200px;height:150px;border:0px solid pink;\' id=knapramme></div>'
	overRammeHTML = overRammeHTML + '<div style=\'position:absolute;left:420px;top:40px;width:0px;height:0px;visibility:hidden;background-color:white;opacity:0.8;alpha(opacity=80);-moz-opacity:0.8;z-index:5;\' id=croptekst>ssss</div>'
	window.document.getElementById('content').innerHTML = overRammeHTML
	personIndex = hentPersonIndex(personid)
	var portraitArrayDet = portraitArray[personIndex].split('|')
	var portraitGruppe = 0
	var aktBilledId = billedid
	var testHoejde = 424
	var testBredde = 319
	var xPos = portraitArrayDet[4]
	var yPos = portraitArrayDet[5]
	var zPos = portraitArrayDet[6]
	var farve = 0
	var fraKlip = 0
	if (testHoejde/testBredde>319/424) {
		fraKlip = Math.floor((319-(testBredde*424/testHoejde))/2)
	} else {
		fraKlip = 0
	}



		var knapHTML = '<br><table style=padding-left:80px;>'
		knapHTML = knapHTML + '<tr><td style=text-align:center;><img src=\'gfx/knap.asp?knapgrundfarve=666666&knaptekstfarve=00FF00&dx=105&text=&nbsp;&nbsp;Nulstil beskæring\' onclick=gratisNulstilCrop('+personid+','+billedid+') style=\'cursor:pointer;\' alt=\'Nulstil beskæring\'><br><br></td></tr>'
		knapHTML = knapHTML + '<tr><td style=text-align:center;><img src=\'gfx/knap.asp?knapgrundfarve='+knapgrundfarve+'&knaptekstfarve='+knaptekstfarve+'&dx=140&text=Vælg det beskårne billede\' onclick=gratisGodkendCropning('+personid+','+billedid+') style=\'cursor:pointer;\' alt=\'Godkend beskæring\'><br><br></td></tr>'
		knapHTML = knapHTML + '<tr><td style=text-align:center;><img src=\'gfx/knap.asp?knapgrundfarve=666666&knaptekstfarve=00FF00&dx=150&text=Lad FotoIT beskære billedet\' onclick=gratisGodkendBillede('+personid+','+billedid+') style=\'cursor:pointer;\' alt=\'Lad FotoIT beskære billedet\'></td></tr>'
		knapHTML = knapHTML + '</table>'
		if (testHoejde > testBredde) {
			knapramme.innerHTML = knapHTML
				var cbredde = 319
				var choejde = 425
				bredde = 440
				hoejde = 657
				x = -xPos
				y = -yPos
			z = zPos/100
		} else if (testHoejde == testBredde) {
			knapramme.innerHTML = knapHTML
			var choejde = 319
			var cbredde = 319
			bredde = 440
			hoejde = 657
			x = -xPos
			y = -yPos
			z = zPos/100
		} else {
		}
		
		
		var cropBilledeHTML = ''
		cropHoejde = hoejde
		cropBredde = bredde
		cropZoom = z
		bredde = Math.floor(bredde*z)
		hoejde = Math.floor(hoejde*z)
		cropBilledeHTML = cropBilledeHTML + '<div STYLE=\'padding: 0px; border: 0px; height: '+choejde+'px; width:'+cbredde+'px; position: absolute; top: 27px; left:5px;overflow:hidden; background-color:white;z-index:1\' id=cropBilledeRamme onmousedown=startFlyt() ondblclick=nulstilCrop(1)>'
		cropBilledeHTML = cropBilledeHTML + '<img rotering=0 id=cropBillede style=\'position: absolute; top:'+y+'px;left:'+x+'px; width: '+bredde+'px;height: '+hoejde+'px;z-index:-1;border:0;padding:0;\' GALLERYIMG=no SRC=\'asp/crop_stream.asp?billedid='+aktBilledId+'&personid='+personIndex+'&farve='+farve+'\' format=portrait ox='+bredde+' oy='+hoejde+' cx='+cbredde+' cy='+choejde+' billede='+aktBilledId+'></img>'
		cropBilledeHTML = cropBilledeHTML + '</div>'
		
		cropBilledeHTML = cropBilledeHTML + '<div style=\'position:absolute;left:5px;top:27px;width:'+fraKlip+'px;height:425px;border:0px solid brown;background-color: black; z-index:2\'></div>'
		cropBilledeHTML = cropBilledeHTML + '<div style=\'position:absolute;left:'+(324-fraKlip)+'px;top:27px;width:'+fraKlip+'px;height:425px;border:0px solid brown;background-color: black; z-index:2\'></div>'
		cropramme.innerHTML = cropBilledeHTML
		
		var croptekstHTML = ''
		croptekstHTML = croptekstHTML + '<table style=width:520px;align:center;>'
		croptekstHTML = croptekstHTML + '<tr><td><h1>Beskæring af billeder</h1></td></tr>'
		croptekstHTML = croptekstHTML + '<tr><td>'
		croptekstHTML = croptekstHTML + '<ul>'
		croptekstHTML = croptekstHTML + '<li><span style=\'font-size:18px;color: red; font-weight: bold;\'>Beskær som du vil</span><br>'
		croptekstHTML = croptekstHTML + '<br><span style=\'font-size:14px;color: red;padding-left:5px;\'>Du kan nu beskære dine egne billeder, og give dine billeder dit helt eget udtryk.</span><br><br>'

		croptekstHTML = croptekstHTML + '</li>'

		croptekstHTML = croptekstHTML + '<li><span style=\'font-size:18px;color: red; font-weight: bold;\'>Du kan bruge musen</span><br>'
		croptekstHTML = croptekstHTML + '<br><span style=\'font-size:14px;color: red;padding-left:5px;\'>Ved at trykke på billedet og holde museknappen nede, kan du ved at flytte musen flytte billedet i alle retninger. Når billedet er i den ønskede position, giver du slip på knappen.</span><br>'
		croptekstHTML = croptekstHTML + '<br><span style=\'font-size:14px;color: red;padding-left:5px;\'>Ved at rulle frem og tilbage med musens scrollhjul, kan du forstørre eller formindske billedet.</span><br>'
		croptekstHTML = croptekstHTML + '<br><span style=\'font-size:14px;color: red;padding-left:5px;\'>For at nulstille billedets beskæring, kan du enten trykke på knappen \'Nulstil\', eller dobbeltklikke på billedet.</span><br><br>'
		croptekstHTML = croptekstHTML + '</li>'

		croptekstHTML = croptekstHTML + '<li><span style=\'font-size:18px;color: red; font-weight: bold;\'>Du kan bruge tastaturet</span><br>'
		croptekstHTML = croptekstHTML + '<br><span style=\'font-size:14px;color: red;padding-left:5px;\'>Benyt piletasterne til at flytte billedet frem og tilbage eller op og ned.</span><br>'
		croptekstHTML = croptekstHTML + '<br><span style=\'font-size:14px;color: red;padding-left:5px;\'>Benyt minus og plus tasterne for at gøre billedet mindre eller større.</span><br><br>'

		croptekstHTML = croptekstHTML + '</li>'

		croptekstHTML = croptekstHTML + '<li><span style=\'font-size:18px;color: red; font-weight: bold;\'>OBS!</span><br>'
		croptekstHTML = croptekstHTML + '<br><span style=\'font-size:14px;color: red;padding-left:5px;\'>Vælger du at beskære selv, vil billederne se ud som på skærmen. Vælger du i stedet for at lade os beskære billederne, vil disse blive håndbeskåret efter vores retningslinjer.</span><br>'
		//croptekstHTML = croptekstHTML + '<br><span style=\'font-size:14px;color: red;padding-left:5px;\'>Når du har beskåret et billede og godkendt dette, har du mulighed for at vælge den samme beskæring til </span><br>'
		//croptekstHTML = croptekstHTML + '<br><span style=\'font-size:14px;color: red;padding-left:5px;\'>For at fjerne beskæring bla bla bla...</span><br><br>'

		croptekstHTML = croptekstHTML + '</li>'
		croptekstHTML = croptekstHTML + '</ul>'
		croptekstHTML = croptekstHTML + '</td></tr>'


		croptekstHTML = croptekstHTML + '</table>'
		var croptekst = document.getElementById('croptekst')
		croptekst.style.width = '527px'
		croptekst.style.height = '581px'
		croptekst.style.visibility = 'visible'
		croptekst.innerHTML = croptekstHTML
		





}

function gratisGodkendCropning(personid,billedid) {
	var objDiv = window.document.getElementById('cropBillede')
	var x = parseInt(objDiv.style.left)
	var y = parseInt(objDiv.style.top)
	var z = Math.round(cropZoom*100)
	formatet = 0
	var cx = 319
	var cy = 425
	var ox = 440
	var oy = 657
	var x1 = -(1000*10000*(x/z)/ox)
	var y1 = -(1000*10000*(y/z)/oy)
	var x2 = (1000*(10000*(cx/z)/ox) + x1)
	var y2 = (1000*(10000*(cy/z)/oy) + y1)




	var gratisFundetIndex = -1
	for (i=0;i<gratisArray.length;i++) {
		var gratisArrayDet = gratisArray[i].split('|')
		if (gratisArrayDet[0] == personid) {
			var gratisFundetIndex = i
		}
	}
	var gratisArrayTemp = gratisArray[gratisFundetIndex].split('|')
	gratisArrayTemp[5] = 1
	gratisArrayTemp[6] = billedid
	gratisArrayTemp[7] = 0
	gratisArrayTemp[8] = -x
	gratisArrayTemp[9] = -y
	gratisArrayTemp[10] = z
	gratisArrayTemp[11] = Math.round(x1,0)
	gratisArrayTemp[12] = Math.round(x2,0)
	gratisArrayTemp[13] = Math.round(y1,0)
	gratisArrayTemp[14] = Math.round(y2,0)
	gratisArrayTemp[15] = 1
	gratisArray[gratisFundetIndex] = gratisArrayTemp.join('|')
	antalIKurv()
	visBillede(personid)
	iKurvNotits()

}

function gratisGodkendBillede(personid,billedid) {
	var objDiv = window.document.getElementById('cropBillede')
	var x = parseInt(objDiv.style.left)
	var y = parseInt(objDiv.style.top)
	var z = Math.round(cropZoom*100)
	personIndex = hentPersonIndex(personid)
	var portraitArrayDet = portraitArray[personIndex].split('|')
	var portraitGruppe = 0
	var x = portraitArrayDet[4]
	var y = portraitArrayDet[5]
	var z = portraitArrayDet[6]
	formatet = 0
	var cx = 319
	var cy = 425
	var ox = 440
	var oy = 657
	var x1 = (1000*10000*(x/z)/ox)
	var y1 = (1000*10000*(y/z)/oy)
	var x2 = (1000*(10000*(cx/z)/ox) + x1)
	var y2 = (1000*(10000*(cy/z)/oy) + y1)
	var gratisFundetIndex = -1
	for (i=0;i<gratisArray.length;i++) {
		var gratisArrayDet = gratisArray[i].split('|')
		if (gratisArrayDet[0] == personid) {
			var gratisFundetIndex = i
		}
	}
	var gratisArrayTemp = gratisArray[gratisFundetIndex].split('|')
	gratisArrayTemp[5] = 1
	gratisArrayTemp[6] = billedid
	gratisArrayTemp[7] = 0
	gratisArrayTemp[8] = x
	gratisArrayTemp[9] = y
	gratisArrayTemp[10] = z
	gratisArrayTemp[11] = Math.round(x1,0)
	gratisArrayTemp[12] = Math.round(x2,0)
	gratisArrayTemp[13] = Math.round(y1,0)
	gratisArrayTemp[14] = Math.round(y2,0)
	gratisArrayTemp[15] = 0
	gratisArray[gratisFundetIndex] = gratisArrayTemp.join('|')
	antalIKurv()
	visBillede(personid)
	iKurvNotits()

}

function gratisNulstilCrop(personid,billedid) {
	gratisBilledeCrop(personid,billedid)
}

function gratisBilledeKurv(personid,billedid,elektronisk) {
	//personid,produktid,Gavepakke,Gebyrfrit,Modtageradresse,valgt,billedid,elektronisk
	var gratisFundetIndex = -1
	for (i=0;i<gratisArray.length;i++) {
		var gratisArrayDet = gratisArray[i].split('|')
		if (gratisArrayDet[0] == personid) {
			var gratisFundetIndex = i
		}
	}
	var gratisArrayTemp = gratisArray[gratisFundetIndex].split('|')
	gratisArrayTemp[5] = 1
	gratisArrayTemp[6] = billedid
	gratisArrayTemp[7] = elektronisk
	gratisArray[gratisFundetIndex] = gratisArrayTemp.join('|')
	antalIKurv()
	visBillede(personid)
	iKurvNotits()
}