// Popup
function Popup( url ) {
   window.open( url, 'HRpraktijkPopup', 'width=960,height=560,left=64,top=32,resizable=yes,scrollbars=yes,toolbar=no,status=yes,menubar=no' );
}



// Carrousel homepage

var activeCarrouselImageId = 1;
function showCarrouselImage( id )
{
   if ( id != activeCarrouselImageId )
   {
      var selectedCarrouselImage = window.document.getElementById( 'CarrouselImage' + id );
      var activeCarrouselImage = window.document.getElementById( 'CarrouselImage' + activeCarrouselImageId );

      selectedCarrouselImage.style.display = "block";
      activeCarrouselImage.style.display = "none";

      var selectedCarrouselItem = window.document.getElementById( 'CarrouselItem' + id );
      var activeCarrouselItem = window.document.getElementById( 'CarrouselItem' + activeCarrouselImageId );

      selectedCarrouselItem.className = "CarrouselItemActive";
      activeCarrouselItem.className = "CarrouselItem";

      activeCarrouselImageId = id;
   }
}

function hasClass(element,clss) 
{
	return element.className.match(new RegExp('(\\s|^)'+clss+'(\\s|$)'));
}
 
function addClass(element,clss) 
{
	if (!this.hasClass(element,clss)) element.className += " "+clss;
}
 
function removeClass(element,clss) 
{
	if (hasClass(element,clss)) 
	{
    	var reg = new RegExp('(\\s|^)'+clss+'(\\s|$)');
		element.className=element.className.replace(reg,' ');
	}
}
 


// ShowAll
// Show all the elements

function ShowAllToggleDivs() 
{
	var elements = document.getElementsByTagName('div');

	for (var i = 0; i < elements.length; i++) 
	{
	    if (elements[i].title != null && elements[i].getAttribute('toggle') == 'true') 
		{
			var element = elements[i];
			var elementLabel = document.getElementById(element.id + 'Label');
			ExpandElement(element, elementLabel);
		}
	}
}

function ToggleDisplay(id) 
{
	var element = document.getElementById(id);
	var elementLabel = document.getElementById(id + 'Label');

	if (element.style.display == 'none') 
	{
		ExpandElement(element, elementLabel);
	}
	else 
	{
		CollapseElement(element, elementLabel);
	}
}

function ExpandElement(element, elementLabel) 
{
	element.style.display = 'block';
	removeClass(elementLabel, 'ToggleItemUit');
	addClass(elementLabel, 'ToggleItemIn');
}

function CollapseElement(element, elementLabel) 
{
	element.style.display = 'none';
	removeClass(elementLabel, 'ToggleItemIn');
	addClass(elementLabel, 'ToggleItemUit');
}