// 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 += "Active";
      activeCarrouselItem.className = activeCarrouselItem.className.replace( 'Active', '' );

      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');
}

// Fallback for IE6.
if ( document.all && !window.XMLHttpRequest )
    $(document).ready(function()
    {
	    $("ul.topnav li:first")
	       .click( function() 
	       { 
	         $( this )
		          .find( "ul.subnav" )
		          .show()
		          .mouseover( function() { $( this ).attr });
    		   
             $( document )
                .mousemove(function( evt ) { window.mouseTargetElement = evt.target; });
    		   
		       $( this )
		          .attr( 'isOpen', true );
    		   
		       $( this )
                .bind( 'checkCloseSubnav', function()
                {
                   var el = $( this );
                   setTimeout( function()
                   {
                      if ( !el.attr( 'isOpen' ) ) 
                         return;

                      if ( el.get( 0 ) == window.mouseTargetElement 
                         || $( window.mouseTargetElement )
                               .parents( 'ul.topnav' ).length > 0 )
                      {
                         el.trigger( 'checkCloseSubnav' );
                         return;
                      }

                      el
                         .unbind( 'checkCloseSubnav' )
                         .attr( 'isOpen', false )
                         .find( 'ul.subnav' )
                         .hide();
                   }, 750 );
                })
		          .trigger( 'checkCloseSubnav' );
	       })
	       .mouseover( function() { $( this ).click(); });
    });