function displayImage(image, content_div)
{
	// Verbergen van alle afbeeldingen in de div
	var image_div = document.getElementById(content_div);
	var images = image_div.getElementsByTagName('img');
	
	for (var i = 0; i < images.length; i++)
	{
		images[i].style.visibility = 'hidden';
	}

	// Weergeven van image met meegegeven id
	document.getElementById(image).style.visibility = 'visible';
}

/**
 * Timer die een slider_function aanroept om de meegegeven aantal milliseconden.
 */
function iniSlider(slider_function_name, milliseconds)
{
	setTimeout(slider_function_name, milliseconds);
}

function slider()
{
	// slider_overview
	var slider_overview_x = -(parseInt(document.forms[0].slider_overview_index.value) * 100);
	var slider_overview_left = parseInt(document.getElementById('slider_overview_inner').style.left);
	
	// slider_details
	var slider_details_y = -(parseInt(document.forms[0].slider_details_index.value) * 101);
	var slider_details_top = parseInt(document.getElementById('slider_details_inner').style.top);
	
	// IE fix als slider_overview NaN is dan waarde 0 toekennen
	if(isNaN(slider_overview_left)){
		slider_overview_left = 0;
	}
	if(isNaN(slider_details_top)){
		slider_details_top = 0;
	} 
	
	// Controle of slider_overview_x en slider_overview_left niet meer gelijk zijn
	if (slider_overview_x != slider_overview_left)
	{
		var slider_scroll_nu = (slider_overview_x - slider_overview_left) / 2;
	
		var scrolltoen = document.getElementById('slider_overview_inner').style.left;
		
		slider_overview_left = slider_overview_left + slider_scroll_nu;
		document.getElementById('slider_overview_inner').style.left = parseInt(slider_overview_left) + "px";
		
		var scrollnu = document.getElementById('slider_overview_inner').style.left;
		if (scrollnu == scrolltoen)
		{
			document.getElementById('slider_overview_inner').style.left = slider_overview_x + "px";
		}
	}
	
	// Controle of slider_details_y en slider_details_top niet meer gelijk zijn
	if (slider_details_y != slider_details_top)
	{
		var slider_scroll_nu = (slider_details_y - slider_details_top) / 2;
		var scrolltoen = document.getElementById('slider_details_inner').style.top;
		
		slider_details_top = slider_details_top + slider_scroll_nu;
		document.getElementById('slider_details_inner').style.top = parseInt(slider_details_top) + "px";
		
		var scrollnu = document.getElementById('slider_details_inner').style.top;
		if (scrollnu == scrolltoen)
		{
			document.getElementById('slider_details_inner').style.top = slider_details_y + "px";
		}
	}

	if(navigator.appName == "Netscape"){
		iniSlider("slider()", "1");
	} else if(navigator.appName == "Microsoft Internet Explorer"){
		iniSlider("slider()", "10");
	} else {
		iniSlider("slider()", "50");
	}
	//setTimeout("slider()", 50);
}

function slider2()
{
	// slider_overview
	var slider_overview_x = -(parseInt(document.forms[0].slider_overview_index.value) * 100);
	var slider_overview_left = parseInt(document.getElementById('slider_overview_inner').style.left);
	
	// IE fix als slider_overview NaN is dan waarde 0 toekennen
	if(isNaN(slider_overview_left)){
		slider_overview_left = 0;
	} 
	
	// Controle of slider_overview_x en slider_overview_left niet meer gelijk zijn
	if (slider_overview_x != slider_overview_left)
	{
		var slider_scroll_nu = (slider_overview_x - slider_overview_left) / 2;
		var scrolltoen = document.getElementById('slider_overview_inner').style.left;
		
		slider_overview_left = slider_overview_left + slider_scroll_nu;
		document.getElementById('slider_overview_inner').style.left = parseInt(slider_overview_left) + "px";
		var scrollnu = document.getElementById('slider_overview_inner').style.left;
		if (scrollnu == scrolltoen)
		{
			//alert("t");
			document.getElementById('slider_overview_inner').style.left = slider_overview_x + "px";
		}
	}
	if(navigator.appName == "Netscape"){
		iniSlider("slider2()", "1");
	} else if(navigator.appName == "Microsoft Internet Explorer"){
		iniSlider("slider2()", "10");
	} else {
		iniSlider("slider2()", "50");
	}
	
	//setTimeout("slider2()", 50);
}

function button_overview_scroll(button, aantal_artikelen)
{
	if (button == "right")
	{
		var index = parseInt(document.forms[0].slider_overview_index.value);
		if (index < parseInt(aantal_artikelen - 7))
		{
			var aantalStappenVooruit = 0;
			var aantalArtikelenNaIndex = ((parseInt(aantal_artikelen) - (index + 1)) - 6);
			if (aantalArtikelenNaIndex < 7)
			{
				aantalStappenVooruit = aantalArtikelenNaIndex;
			}
			else
			{
				aantalStappenVooruit = 7;
			}
		
			document.forms[0].slider_overview_index.value = (index + aantalStappenVooruit);
		}
		else
		{
			var aantalStappenVooruit = 0;
			document.forms[0].slider_overview_index.value = (0);
		}
	}
	else if (button == "left")
	{
		var index = parseInt(document.forms[0].slider_overview_index.value);
		if (index > 0)
		{
			var aantalStappenAchteruit = 0;
			if (index < 7)
			{
				aantalStappenAchteruit = index;
			}
			else
			{
				aantalStappenAchteruit = 7;
			}
			document.forms[0].slider_overview_index.value = (index - aantalStappenAchteruit);
		}
		else
		{
			var aantalStappenVooruit = 0;
			document.forms[0].slider_overview_index.value = (aantal_artikelen - 7);
		}
	}
}

function button_details_scroll(button, aantal_afbeeldingen)
{
	if (button == "down")
	{
		var index = parseInt(document.forms[0].slider_details_index.value);
		if (index < parseInt(aantal_afbeeldingen - 2))
		{
			document.forms[0].slider_details_index.value = (index + 1);
		}
	}
	else if (button == "up")
	{
		var index = parseInt(document.forms[0].slider_details_index.value);
		if (index > 0)
		{
			document.forms[0].slider_details_index.value = (index - 1);
		}
	}
}

function startSlide()
{
	document.getElementById('slider_overview_inner').style.position = 'relative';
	document.getElementById('slider_details_inner').style.position = 'relative';
	//slider();
	//alert(navigator.appName);
	if(navigator.appName == "Netscape"){
		iniSlider("slider()", "1");
	} else if(navigator.appName == "Microsoft Internet Explorer"){
		iniSlider("slider()", "10");
	} else {
		iniSlider("slider()", "50");
	}
	//setTimeout("slider()", 50);
}

function startSlide2()
{
	document.getElementById('slider_overview_inner').style.position = 'relative';
	slider2();
	if(navigator.appName == "Netscape"){
		iniSlider("slider2()", "1");
	} else if(navigator.appName == "Microsoft Internet Explorer"){
		iniSlider("slider2()", "10");
	} else {
		iniSlider("slider2()", "50");
	}
	//setTimeout("slider2()", 50);
}

function image_error(source)
{
	source.src = "./img/upload/thumbail_nietaanwezig.jpg";
	source.onerror = "";
	return true;
}

function getOverviewIndex(){
	var retValue = "";
	if(document.forms[0].slider_overview_index.value != undefined){
		if(document.forms[0].slider_overview_index.value != ""){
			retValue = document.forms[0].slider_overview_index.value;
		} else {
			retValue = "0";
		}
	} else {
		retValue = "0";
	}	
	return retValue; 
}

function getOverviewInner(){
	var retValue = "";
	if(document.getElementById('slider_overview_inner').style.left != undefined){
		if(document.getElementById('slider_overview_inner').style.left != ""){
			retValue = document.getElementById('slider_overview_inner').style.left;
		} else {
			retValue = "0";
		}
	} else {
		retValue = "0";
	}	
	return retValue; 
}

function getDetailIndex(){
	var retValue = "";
	if(document.forms[0].slider_details_index.value != undefined){
		if(document.forms[0].slider_details_index.value != ""){
			retValue = document.forms[0].slider_details_index.value;
		} else {
			retValue = "0";
		}
	} else {
		retValue = "0";
	}	
	return retValue; 
}

function getDetailInner(){
	var retValue = "";
	if(document.getElementById('slider_details_inner').style.top != undefined){
		if(document.getElementById('slider_details_inner').style.top != ""){
			retValue = document.getElementById('slider_details_inner').style.top;
		} else {
			retValue = "0";
		}
	} else {
		retValue = "0";
	}	
	return retValue; 
}