window.onload = function()
{

    // Modify login block
   
   var eLoginBlock = document.getElementsByClassName( "LoginBlock" )[ 0 ];
   if ( eLoginBlock != null )
   {
      for ( var i=0; i<eLoginBlock.elements.length; i++ )
      {
         var eField = eLoginBlock.elements[ i ];
         if ( eField.type == "text" )
         {
            eField.style.color = "#999";
            eField.value = "Gebruikersnaam";
            eField.onfocus = function()
            {
               if ( this.value != "Gebruikersnaam" )
                  return;

               this.style.color = "";
               this.value = "";
            }
            eField.onblur = function()
            {
               if ( this.value != "" )
                  return;

               this.style.color = "#999";
               this.value = "Gebruikersnaam";
            }
         }
         else if ( eField.type == "password" )
         {
            eField.style.color = "#999";
            eField.value = "Wachtwoord";
            eField.onfocus = function()
            {
               if ( this.value != "Wachtwoord" )
                  return;

               this.style.color = "";
               this.value = "";
            }
            eField.onblur = function()
            {
               if ( this.value != "" )
                  return;

               this.style.color = "#999";
               this.value = "Wachtwoord";
            }
         }
      }
   }
}



// Select tab

function SelectTab( sTabId )
{
    // Get container
    eContainer = document.getElementById( "TabContainer" )

    if (eContainer != null)
    {

        // Loop child nodes
        for (var i = 0; i < eContainer.childNodes.length; i++)
        {
            // Check if child is tab content
            var eChild = eContainer.childNodes[i];
            if (eChild.id == null || eChild.id.substring(0, 10) != "TabContent")
                continue;

            if (eChild.id == "TabContent" + sTabId)
            {
                // Select tab
                document.getElementById(eChild.id.replace("TabContent", "Tab")).className = "Selected";
                // Show tab content
                eChild.style.display = "block";
            }
            else
            {
                // Unselect tab
                document.getElementById(eChild.id.replace("TabContent", "Tab")).className = "";
                // Hide tab content
                eChild.style.display = "none";
            }
        }
    }
}



// Hide an element

function toggleVisibility( e, switchArrow, switchBold )
{
   var elem = document.getElementById( e );
   var arrow = null;
   if ( switchArrow )
      var arrow = document.getElementById( e + '_arrow' );

   if ( elem != null && elem.style.display == 'none' )
   {
      elem.style.display = '';
      if ( arrow != null )
         arrow.style.backgroundPosition = '0 10px';
      if ( switchBold )
         document.getElementById( e + '_link' ).style.fontWeight = 'bold';
   }
   else if ( elem != null )
   {
      elem.style.display = 'none';
      if ( arrow != null )
         arrow.style.backgroundPosition = '0 0';
      if ( switchBold )
         document.getElementById( e + '_link' ).style.fontWeight = 'normal';
   }
}



// Toggle read more link

function toggleReadMore( e )
{
   var eMore = document.getElementById( e + '_More' );
   var eLess = document.getElementById( e + '_Less' );
   var eMoreLink = document.getElementById( e + '_More_Link' );
   var eLessLink = document.getElementById( e + '_Less_Link' );

   if ( eMore != null && eLess != null && eMoreLink != null && eLessLink != null)
   {
      if ( eMore.style.display == 'none' )
      {
         eMore.style.display = '';
         eMoreLink.style.display = 'none';
         eLess.style.display = 'none';
         eLessLink.style.display = '';
      }
      else
      {
         eMore.style.display = 'none';
         eMoreLink.style.display = '';
         eLess.style.display = '';
         eLessLink.style.display = 'none';
      }
   }
}



// Onderwerpencarrousel 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( 'CarrouselTitle' + id );
      var activeCarrouselItem = window.document.getElementById( 'CarrouselTitle' + activeCarrouselImageId );

      selectedCarrouselItem.className = "CarrouselTitleActive";
      activeCarrouselItem.className = "CarrouselTitle";

      activeCarrouselImageId = id;
   }
}

document.getElementsByClassName = function(needle)
{
    var s = document.getElementsByTagName('*'), i = s.length, r = [], e, c;
    needle = ' ' + needle + ' ';

    while (i--)
    {
        e = s.item(i);

        if (e.className)
        {
            c = ' ' + e.className + ' ';
            if (c.indexOf(needle) != -1) r.push(e);
        }
    }

    return r;
}



// Open algemene voorwaarden in popup

function PrivacyStatement()
{
    window.open(applicationUrl + '/PrivacyStatement.htm', 'PrivacyStatement', 'width=640,height=480,left=64,top=32,resizable=yes,scrollbars=yes,toolbar=no,status=yes,menubar=no')
}



// Wijzig Checkbox afbeelding productselectie

function UpdateCheckbox(pId)
{
    if (document.getElementById('Checkbox' + pId).checked)
    {
        document.getElementById('Checkbox' + pId).checked = false;
        document.getElementById('CheckboxImage' + pId).src = applicationUrl + "/Landingpage/Images/Checkbox.png";
    } else
    {
        document.getElementById('Checkbox' + pId).checked = true;
        document.getElementById('CheckboxImage' + pId).src = applicationUrl + "/Landingpage/Images/CheckboxChecked.png";
    }
}


// LineUP functie voor de popwdowns in de harde content,
// toegevoegd 18-8-2006, GW

function popdown(id)
{
    var tmp = document.getElementById(id);
    if (tmp) tmp.style.display = 'block';
}

function closepopdown(id)
{
    var tmp = document.getElementById(id);
    if (tmp) tmp.style.display = 'none';
}



// Clear default value and CSS

function clearDefaultandCSS(el)
{
    if (el.defaultValue == el.value) el.value = ""
    // If Dynamic Style is supported, clear the style
    if (el.style) el.style.cssText = ""
}