var curleft = curtop = 0;
var stipnr = 1;
	
function findPos(obj) {
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
}

function PlotPixel(x, y, c) {
    parentObj = document.getElementById('dynamicAttacher');
	var pixel = document.createElement('div');
    pixel.className = 'Ink';
    pixel.style.borderTopColor = c;
    pixel.style.left = x + 'px';
    pixel.style.top = y + 'px';
    parentObj.appendChild(pixel);
}

function addInput(x,y,r,g,b) {
    
	parentForm = document.getElementById('posities');
	parentTable = document.getElementById('samenvatting');
	
	inputX = document.createElement('input');
	inputX.type = 'hidden';
	inputX.name = 'x'+stipnr;
	inputX.value = x;
	
	inputY = document.createElement('input');
	inputY.type = 'hidden';
	inputY.name = 'y'+stipnr;
	inputY.value = y;
    
	inputR = document.createElement('input');
	inputR.type = 'hidden';
	inputR.name = 'r'+stipnr;
	inputR.value = r;
	
	inputG = document.createElement('input');
	inputG.type = 'hidden';
	inputG.name = 'g'+stipnr;
	inputG.value = g;
	
	inputB = document.createElement('input');
	inputB.type = 'hidden';
	inputB.name = 'b'+stipnr;
	inputB.value = b;
	
	inputName = document.createElement('input');
	inputName.type = 'hidden';
	inputName.name = 'naam'+stipnr;
	inputName.value = document.posities.naam.value;
	
	inputTijdnr = document.createElement('input');
	inputTijdnr.type = 'hidden';
	inputTijdnr.name = 'tijdnr'+stipnr;
	inputTijdnr.value = document.posities.tijdnr.value;
	
	inputTijdtype = document.createElement('input');
	inputTijdtype.type = 'hidden';
	inputTijdtype.name = 'tijdtype'+stipnr;
	inputTijdtype.value = document.posities.tijdtype.value;
	
    parentForm.appendChild(inputX);
    parentForm.appendChild(inputY);
    parentForm.appendChild(inputR);
    parentForm.appendChild(inputG);
    parentForm.appendChild(inputB);
    parentForm.appendChild(inputName);
    parentForm.appendChild(inputTijdnr);
    parentForm.appendChild(inputTijdtype);
	
	lastRow = parentTable.rows.length;
    row = parentTable.insertRow(lastRow);
    	
	tdnr = row.insertCell(-1);
	tdnaam = row.insertCell(-1);
	tdkleur = row.insertCell(-1);
	tdverdubbel = row.insertCell(-1);
	
	nr = document.createTextNode('stip '+stipnr);
	naam = document.createTextNode(document.posities.naam.value);
	//kleur = document.createTextNode(color);
	verdubbel = document.createTextNode(document.posities.tijdnr.value + ' ' + document.posities.tijdtype.value);
	
	tdnr.appendChild(nr);
	tdnaam.appendChild(naam);
	tdkleur.style.background = 'rgb('+r+','+g+','+b+')';
	//tdkleur.appendChild(kleur);
	tdverdubbel.appendChild(verdubbel);
	
	stipnr++;
}

function getScrollPos() {
	var ScrollPos = new Array;
	Scroll = document.body.scrollTop;
	if (Scroll == 0) {
		if (window.pageYOffset) {
			ScrollPos[0] = window.pageXOffset;
			ScrollPos[1] = window.pageYOffset;
		} else {
			ScrollPos[0] = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
			ScrollPos[1] = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		}
	} else {
		ScrollPos[0] = document.body.scrollLeft;
		ScrollPos[1] = document.body.scrollTop;
	}
	return ScrollPos;
}

function getScrollPos2(xy) {
	var ScrollPos = 0;
	if( xy == 'y' ) {
		ScrollPos = document.body.scrollTop;
		if (ScrollPos == 0)	{
		    if (window.pageYOffset)
		        ScrollPos = window.pageYOffset;
		    else
		        ScrollPos = (document.body.parentElement) ? document.body.parentElement.scrollTop : 0;
		}
	} else if( xy == 'x' ) {
		ScrollPos = document.body.scrollLeft;
		if (ScrollPos == 0)	{
		    if (window.pageXOffset)
		        ScrollPos = window.pageXOffset;
		    else
		        ScrollPos = (document.body.parentElement) ? document.body.parentElement.scrollLeft : 0;
		}
	}
	return ScrollPos;
}

function pipetmove(e) {
	e = e ? e : window.event;
	
	ScrollPos = getScrollPos();
	document.getElementById('pipet').style.left = e.clientX - ScrollPos[0] + 1;
	document.getElementById('pipet').style.top = e.clientY + ScrollPos[1] - 275 //document.getElementById('pipet').style.height;
	document.getElementById('pipet').style.display = 'block';
	
	// alleen IE
	document.body.style.cursor='crosshair';
}

function pipethide() {
	document.getElementById('pipet').style.display = 'none';
	document.body.style.cursor = 'auto';
}

function pipetstip(e) {
	
	if( document.posities.naam.value == '' ) {
		alert( 'Geef je bacterie- of schimmelkolonie eerst een naam!' );
		document.posities.naam.focus();
	} else {
		e = e ? e : window.event;
	
		r = document.posities.r.value;
		g = document.posities.g.value;
		b = document.posities.b.value;
		color = 'rgb('+r+','+g+','+b+')';
	
		ScrollPos = getScrollPos();
		x = e.clientX - ScrollPos[0];
		y = e.clientY + ScrollPos[1];
		PlotPixel( x, y, color);
		addInput( x - curleft, y - curtop, r,g,b );
	}
}

function setColor(r,g,b) {
	document.posities.r.value = r;
	document.posities.g.value = g;
	document.posities.b.value = b;
	document.getElementById('colorselected').style.backgroundColor = 'rgb('+r+','+g+','+b+')';
}

function getColor() {
	r = document.posities.r.value;
	g = document.posities.g.value;
	b = document.posities.b.value;
	document.getElementById('colorselected').style.backgroundColor = 'rgb('+r+','+g+','+b+')';
}

function toggleCustom() {
	if( document.getElementById('custom').style.display == 'none' )
		document.getElementById('custom').style.display = 'block';
	else
		document.getElementById('custom').style.display = 'none';
}

function resetPage() {
	if( confirm( 'Weet je zeker dat je wilt resetten?\nAlle gegevens gaan dan verloren.' ) )
		window.location = "prepareer.php";
}

function check() {
	if( stipnr == 1 ) {
		alert( "Het is niet mogelijk een petrischaaltje zonder bacterie of schimmel in de broedkast te zetten." );
		return false;
	}
}