function selectFormaat(i)
{
	var formaat = $('formaat_'+i);
	var formaatNew = $('formaatSelect');
	var formaatSelectDiv = $('formaatSel');
	var formaatSubmitDiv = $('formaatSub');
	
	var formaatList = getElementsByClassName(document, 'div', 'formaat');
	//alert(formaatList.length);
	
	for (j=0;j<formaatList.length;j++)
	{
		var formaatOld = formaatList[j];
		formaatOld.style.color = 'black';
	}

	formaat.style.color = 'red';
	formaatNew.value = i;
	formaatSelectDiv.style.display = 'none';
	formaatSubmitDiv.style.display = 'block';
}

function showPrice (price, amount)
{
	$('aantalHolder').innerHTML = (price * amount);
}

var browserCheck = new RegExp('Microsoft', 'i'); // fuck microsoft and their stupid rules
var justAdded = false;

if(browserCheck.test(navigator.appName))
{
	var app = "ie";
}
else
{
	var app = "moz";
}

function getPos(evt)
{
	if(app == "ie")
	{
		newY = evt.y;
		newX = evt.x;
	}
	else
	{
		newY = evt.pageY;
		newX = evt.pageX;
	}
}

function createHover(evt, accImg)
{
	getPos(evt);

	newHover = document.createElement('div');
	newHover.setAttribute('id', 'imgHover');

	newHover.style.position = 'absolute';
	newHover.style.padding = '2px';

	newHover.style.top = newY+20;
	newHover.style.left = newX+12;
	newHover.style.background = '#FFAA44';
	newHover.style.display = 'block';

	newHover.innerHTML = '<img src="'+accImg+'" width="300" height="300">';

	document.body.appendChild(newHover);
}

function moveHover(evt)
{
	getPos(evt);

	$('imgHover').style.top = newY+20;
	$('imgHover').style.left = newX+12;
}

function removeHover()
{
	if($('imgHover'))
	{
		document.body.removeChild($('imgHover'));
	}
}

// use $ instead of getElementById
function $(obj) {
	if (arguments.length > 1)
	{
		for (var i = 0, objects = []; i < arguments.length; i++)
		{
			if(document.getElementById(arguments[i]) !== null)
			{
				objects.push($(arguments[i]));
			}
		}
		return objects;
	}

	if (typeof obj == 'string')
	{
		newObj = document.getElementById(obj);
	}
	return newObj;
}

function popitup(url) {
	newwindow=window.open(url,'name','height=500,width=450');
	if (window.focus) {newwindow.focus()}
	return false;
}

function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/-/g, "\-");
	var oRegExp = new RegExp("(^|\s)" + strClassName + "(\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}