function prod_switch_img(id, toload, maximg)
{
	var the_img = document.getElementById("prodimg_" + id);
	var smallimgs = document.getElementsByName("prodimgsmall_" + id);
	var current = null
	
	for(var i = 0 ; i < smallimgs.length ; i++)
	{
		if(smallimgs[i].getAttribute("loaded") == "true")
		{
			current = smallimgs[i];
			break;
		}
	}
	
	the_img.src = toload.getAttribute("bigimg");
	the_img.setAttribute("title", toload.getAttribute("title"));
	current.setAttribute("loaded", "false");
	current.style.height = "30px";
	current.style.width = "30px";
	current.style.marginTop = "6px";
	toload.setAttribute("loaded", "true");
	toload.style.height = "40px";
	toload.style.width = "40px";
	toload.style.marginTop = "1px";
	
	var loaded_order = toload.getAttribute("order");
	var start_at = parseInt(loaded_order) - maximg/2;
	var stop_at = parseInt(loaded_order) + maximg/2;
	if(loaded_order < maximg/2)
		stop_at += maximg/2 - loaded_order;
	if(loaded_order > smallimgs.length - maximg/2)
		start_at -= maximg/2 - (smallimgs.length - loaded_order + 1);
	if(loaded_order == 1)
		stop_at = maximg;
	if(loaded_order == smallimgs.length)
		start_at = smallimgs.length - (maximg -1);
	var showed = 0;
	//checken welke van de 3 we tonen
	for(var i = 1 ; i <= smallimgs.length ; i++)
	{
		if(i < start_at || i > stop_at)
			smallimgs[i-1].style.display = "none";
		else
			smallimgs[i-1].style.display = "inline";
	}
}

function prod_loadimg(small_img, id, maximg)
{
	prod_switch_img(id, small_img, maximg);
	//we laden de image
	//document.getElementById(small_img.getAttribute("loadimg")).src = small_img.getAttribute("bigimg");
	//zoeken naar de vorige selectie en die verkleinen
}

function prod_nextimg(id, prev, maximg)
{
	//we laden de image
	var the_img = document.getElementById("prodimg_" + id);
	
	var smallimgs = document.getElementsByName("prodimgsmall_" + id);
	var current = null;
	var next = null;
	
	for(var i = 0 ; i < smallimgs.length ; i++)
	{
		if(smallimgs[i].getAttribute("loaded") == "true")
		{
			current = smallimgs[i];
			break;
		}
	}
	
	var next_order = current.getAttribute("order");
	if(prev)
	{
		next_order--;
		if(next_order <= 0)
			return;
	}
	else
	{
		next_order++;
		if(next_order > smallimgs.length)
			return;
	}
	
	for(var i = 0 ; i < smallimgs.length ; i++)
	{
		if(smallimgs[i].getAttribute("order") == next_order)
		{
			next = smallimgs[i];
			break;
		}
	}
	prod_switch_img(id, next, maximg);
	
	/*the_img.src = next.getAttribute("bigimg");
	current.setAttribute("loaded", "false");
	current.style.height = "30px";
	current.style.width = "30px";
	current.style.marginTop = "4px";
	next.setAttribute("loaded", "true");
	next.style.height = "36px";
	next.style.width = "36px";
	next.style.marginTop = "1px";*/
}