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()
{
	//alert("1");
	// slider_overview
	var slider_overview_x = -(parseInt(document.forms[0].slider_overview_index.value) * 192);
	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("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 - 4))
		{
			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";
	
	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');
});*/


function banner_animatie()
{
	try
	{
		var obj = $('module_banner_text').childNodes[0];
		obj.style.display = 'none';
		$('module_banner_text').style.width = '1px';
		$('module_banner_text').style.overflow = 'hidden';
		Effect.Appear('module_banner_text', { duration: 2, from: 0.0, to: 0.5 });
		$('module_banner_text').morph('width: 381px;', { duration: 2} );
		//obj.style.display = 'block';
		obj.style.width = "370px";
		obj.style.overflow = 'hidden';
		Effect.Appear(obj, { duration: 5});
	}
	catch (err)
	{
		//alert(err.message);
	}
}

function showCloudInfo(cloud_tag)
{
	try{
		if ((document.getElementById("current_selected_cloudtag").value == ""))
		{
			
			document.getElementById("current_selected_cloudtag").value = cloud_tag;
			//alert((document.getElementById("current_selected_cloudtag").offsetLeft + 301) + "px");
			document.getElementById(cloud_tag).style.left = (document.getElementById("current_selected_cloudtag").offsetLeft + 300) + "px";
			document.getElementById(cloud_tag).style.top = (document.getElementById("current_selected_cloudtag").offsetTop - 5) + "px";
			//alert($(cloud_tag).offsetWidth);
			document.getElementById(cloud_tag).style.width = "1px";
			document.getElementById(cloud_tag).style.display = 'block';
			
			
			//$(cloud_tag).style.height = "303px";
			//Effect.SlideUp(cloud_tag, { duration: 3.0, scaleX: true, scaleY: false});
			//Effect.Appear(cloud_tag, {duration: 0.1});
			//$(cloud_tag).style.display = "inline";
			//Effect.SlideDown(cloud_tag, {scaleY: true, scaleX: true});
			//Effect.SlideDown(cloud_tag, {duration: 2.0, scaleX: true, scaleY: false});
			//alert($('clear').offsetLeft);
			//alert($('clear').offsetTop);
			document.getElementById(cloud_tag).style.zIndex = 250;
			
			//Effect.Appear(cloud_tag, { duration: 0.8});
			var activeElement = Ext.get(cloud_tag);
			//activeElement.setStyle("visibility", "visible");
			//activeElement.fadeIn({ endOpacity: 1, duration: fadeEffectInterval });
			activeElement.scale(595, 340);



//			document.getElementById(cloud_tag).morph('width: 593px;', { duration: 0.8} );

			window.onresize = function()
			{
				try
				{
					var cloud_tag = document.getElementById("current_selected_cloudtag").value;

					document.getElementById(cloud_tag).style.left = (document.getElementById("current_selected_cloudtag").offsetLeft + 300) + "px";
					document.getElementById(cloud_tag).style.top = (document.getElementById("current_selected_cloudtag").offsetTop - 5) + "px";
				}
				catch (err)
				{
					alert(err.message);
				}
			};
			
		}
		else if (document.getElementById("current_selected_cloudtag").value != cloud_tag)
		{
			
			hideCloudInfo(document.getElementById("current_selected_cloudtag").value);
			showCloudInfo(cloud_tag);
		}
	}catch (err)
	{
		alert(err.message);
	}
}

function hideCloudInfo(cloud_tag)
{
	var testactiveElement = Ext.get(cloud_tag);
			//activeElement.setStyle("visibility", "visible");
			//activeElement.fadeIn({ endOpacity: 1, duration: fadeEffectInterval });
	testactiveElement.scale(0, 340);
	document.getElementById(cloud_tag).style.zIndex = 200;
	//document.getElementById(cloud_tag).morph('width: 1px;', { duration: 0.8} );
	//Effect.Fade(cloud_tag, { duration: 0.8} );
	document.getElementById("current_selected_cloudtag").value = "";
}

function hoverCloseButton(obj)
{
	obj.src = '/img/cloudtag_close_hover.gif';
}

function hoverOutCloseButton(obj)
{
	obj.src = '/img/cloudtag_close.gif';
}