function sorteren(value)
{
	document.getElementById("sort").value = value;
	document.getElementById("form").submit();
}

function confirmDelete(message, delUrl)
{
  if (confirm(message)) {
    document.location = delUrl;
  }
}

function SettingsEditor_ChangeType(value)
{

	if (value == "Boolean")
	{
		document.getElementById('value_normal').style.display = 'none';
		document.getElementById('input_normal').disabled = true;

		document.getElementById('value_page').style.display = 'none';
		document.getElementById('select_page').disabled = true;

		document.getElementById('value_boolean').style.display = '';
		document.getElementById('select_boolean').disabled = false;
	}
	else if (value == "Page")
	{
		document.getElementById('value_normal').style.display = 'none';
		document.getElementById('input_normal').disabled = true;

		document.getElementById('value_page').style.display = '';
		document.getElementById('select_page').disabled = false;

		document.getElementById('value_boolean').style.display = 'none';
		document.getElementById('select_boolean').disabled = true;
	}
	else
	{
		document.getElementById('value_normal').style.display = '';
		document.getElementById('input_normal').disabled = false;

		document.getElementById('value_page').style.display = 'none';
		document.getElementById('select_page').disabled = true;

		document.getElementById('value_boolean').style.display = 'none';
		document.getElementById('select_boolean').disabled = true;
	}
}

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) * 100);
	var slider_details_top = parseInt(document.getElementById('slider_details_inner').style.top);
	//var slider_details_left = parseInt(document.getElementById('slider_details_inner').value);
	
	// 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";
		}
	}

	iniSlider("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);
	
	// 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";
		}
	}

	iniSlider("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))
		{
			document.forms[0].slider_overview_index.value = (index + 1);
		}
	}
	else if (button == "left")
	{
		var index = parseInt(document.forms[0].slider_overview_index.value);
		if (index > 0)
		{
			document.forms[0].slider_overview_index.value = (index - 1);
		}
	}
}

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.left = "0px";
	document.getElementById('slider_overview_inner').style.position = 'relative';
	
	//document.getElementById('slider_details_inner').style.top = "0px";
	document.getElementById('slider_details_inner').style.position = 'relative';
	
	iniSlider("slider()", "50");
}

function startSlide2()
{
	document.getElementById('slider_overview_inner').style.position = 'relative';
	
	iniSlider("slider2()", "50");
}

$('banner_text').click(function() {
   	// do stuff when div is ready
   		alert('loaded');
});