// JavaScript by iCREW // dependencies: prototype.lite.js

var blockid = "navblock";
var shopblockid = "shopblock"
var fontSizerId1 = "fs_normal"
var fontSizerId2 = "fs_medium"
var fontSizerId3 = "fs_large"

function init() {

	preloadImages();
	initexternallinks();
	inittaskbar();
	initNavBlocks();
	//initswfir();
	if ($("categorie_overzicht") || $("products_related")) {initWebshop();}
	if ($("ResponseMsg")) {hideReCalculateButton();}

}

function preloadImages() {
	navBlockImage1 = new Image(); 
	navBlockImage1.src = "/media/new/button_tips2.gif";
	navBlockImage1 = new Image(); 
	navBlockImage1.src = "/media/new/button_hulpwijzer2.gif";
	navBlockImage1 = new Image(); 
	navBlockImage1.src = "/media/new/button_adviseur2.gif";
	navBlockImage1 = new Image(); 
	navBlockImage1.src = "/media/new/button_webshop2.gif";
	navBlockImage1 = new Image(); 
	navBlockImage1.src = "/media/new/button_nieuwsbrief2.gif";
}

function initexternallinks() {
	//externe links in body
	var theexlinks = document.getElementsByClassName("exlink");
	for(var i = 0; i < theexlinks.length; i++) {
		var exlinktitle = "nieuw venster: "+theexlinks[i].href;
		theexlinks[i].title = exlinktitle;
		var exlinkimg = document.createElement('img');
		exlinkimg.src = '/media/exlink.gif';
		exlinkimg.alt = "";
		theexlinks[i].target="_blank";
		theexlinks[i].appendChild(exlinkimg);
	}
}


// taskbar - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

function inittaskbar() {
	var target = $("taskbar");
	
	var newFontSizers = document.createElement('span');
	newFontSizers.setAttribute('id','fontSizer');
	var newFontSizer1 = createFontSizer(fontSizerId1);
		newFontSizer1.setAttribute('title',"normaal");
	var newFontSizer2 = createFontSizer(fontSizerId2);
		newFontSizer2.setAttribute('title',"middel-groot");
	var newFontSizer3 = createFontSizer(fontSizerId3);
		newFontSizer3.setAttribute('title',"extra-groot");
	
	newFontSizers.appendChild(document.createTextNode("tekstgrootte: "));
	newFontSizers.appendChild(newFontSizer1);
	newFontSizers.appendChild(document.createTextNode("|"));
	newFontSizers.appendChild(newFontSizer2);
	newFontSizers.appendChild(document.createTextNode("|"));
	newFontSizers.appendChild(newFontSizer3);
	
	target.firstChild.appendChild(newFontSizers);
}

function createFontSizer(indentifier) {
	var newFontSizer = document.createElement('a');
	newFontSizer.setAttribute('href','javascript:void(0)');
	newFontSizer.setAttribute('class',"fontsizer");
	newFontSizer.setAttribute('id',indentifier);
	newFontSizer.appendChild(document.createTextNode("A"));
	registerFontEvents(newFontSizer);
	return newFontSizer;
}

function registerFontEvents(fontSizer) {
	if (document.addEventListener) { // DOM Level 2 Event Registration
			fontSizer.addEventListener("click",mouseClick,false);
		} 
		else { // Microsoft Event Registration
			fontSizer.attachEvent('onclick',mouseClick);
		}
	function mouseClick() {changeFontSize(fontSizer);}
}

function changeFontSize(fontSizer) {
	if (fontSizer.id == fontSizerId1)
	{document.body.style.fontSize='62.5%';}
	if (fontSizer.id == fontSizerId2)
	{document.body.style.fontSize='75%';}
	if (fontSizer.id == fontSizerId3)
	{document.body.style.fontSize='90%';}
}

// navigation - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

function initNavBlocks() {
	var navBlocks = document.getElementsByClassName("navblock");
	for(var i = 0; i < navBlocks.length; i++) {
		navBlocks[i].className = "block navblock js";
		var idNumber = (i+1);
		var addblockid = (blockid+idNumber);
		navBlocks[i].id = addblockid;
		var navBlock = $(navBlocks[i]);
		registerNavEvents(navBlock,idNumber);
	}
}

function registerNavEvents(navBlock,idNumber) {
	if (document.addEventListener) { // DOM Level 2 Event Registration
			navBlock.addEventListener("click",mouseClick,false);
			navBlock.addEventListener("mouseover",mouseOver,false);
			navBlock.addEventListener("mouseout",mouseOut,false);
		} 
		else { // Microsoft Event Registration
			navBlock.attachEvent('onclick',mouseClick);
			navBlock.attachEvent('onmouseover',mouseOver);
			navBlock.attachEvent('onmouseout',mouseOut);
		}
	function mouseClick() {redirect(navBlock);}
	function mouseOver() {onOverNav(navBlock,idNumber);}
	function mouseOut() {onOutNav(navBlock);}
}

function onOverNav(navBlock,idNumber) {
	var target = $(navBlock);
	target.className = "block navblock_hover js";
	if (navBlock.hasChildNodes()) {
		var children = navBlock.childNodes;
		if (children[0].firstChild.tagName == "IMG") {
			var imagesource = children[0].firstChild.src;
			var newsource = imagesource.replace(".gif","2.gif");
			children[0].firstChild.src = newsource;
		}
	}
}

function onOutNav(navBlock) {
	var target = $(navBlock);
	target.className = "block navblock js";
	if (navBlock.hasChildNodes()) {
		var children = navBlock.childNodes;
		if (children[0].firstChild.tagName == "IMG") {
			var imagesource = children[0].firstChild.src;
			var newsource = imagesource.replace("2.gif",".gif");
			children[0].firstChild.src = newsource;
		}
	}
}

function redirect(navBlock) {
	if (navBlock.hasChildNodes()) {
		var children = navBlock.childNodes;
		if (children[0].firstChild.tagName == "IMG") {
			var target = navBlock.firstChild.lastChild.firstChild.href;
			parent.location=target;
		}
		else {
			var target = navBlock.firstChild.firstChild.href;
			parent.location=target;
		}
	}
}

// webshop - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

function initWebshop() {
		var shopBlocks = document.getElementsByClassName("splash");
		
		for(var i = 0; i < shopBlocks.length; i++) {
			//shopBlocks[i].className = "splash_js";
			var idNumber = (i+1);
			var addblockid = (shopblockid+idNumber);
			shopBlocks[i].id = addblockid;
			var shopBlock = $(shopBlocks[i]);
			registerShopBlockEvents(shopBlock,idNumber);
		}
}

function registerShopBlockEvents(shopBlock,idNumber) {
	if (document.addEventListener) { // DOM Level 2 Event Registration
			shopBlock.addEventListener("click",mouseClick,false);
			shopBlock.addEventListener("mouseover",mouseOver,false);
			shopBlock.addEventListener("mouseout",mouseOut,false);
		} 
		else { // Microsoft Event Registration
			shopBlock.attachEvent('onclick',mouseClick);
			shopBlock.attachEvent('onmouseover',mouseOver);
			shopBlock.attachEvent('onmouseout',mouseOut);
		}
	function mouseClick() {shopRedirect(shopBlock);}
	function mouseOver() {onOverShopBlock(shopBlock,idNumber);}
	function mouseOut() {onOutShopBlock(shopBlock);}
}

function shopRedirect (shopBlock) {
	if (shopBlock.hasChildNodes()) {
		var target = shopBlock.firstChild.href;
		//LET OP: om firstChild op te kunnen halen mogen er in de broncode geen whitespaces tussen parent en childNode zitten.
		parent.location=target;
	}
}

function onOverShopBlock(shopBlock,idNumber) {
	var target = $(shopBlock);
	target.className = "splash shopblockhover";
}

function onOutShopBlock(shopBlock) {
	var target = $(shopBlock);
	target.className = "splash";
}

function hideReCalculateButton() {
	var target = $("ResponseMsg");
	target.style.display="none";
}

function initswfir() {
	var sir = new swfir();
	sir.specify("src", "/flash/swfir.swf");
	//sir.specify("border-width", "6");
	//sir.specify("border-color", "fff");
	//sir.specify("border-radius", "4");
	//sir.specify("rotate", "8");
	//sir.specify("shadow-offset", "10"); 
	//sir.specify("shadow-color", "#E3E6BD");  
	//sir.specify("shadow-alpha", "20"); 
	sir.swap(".navblock img");
}

/*	------------------------------------------------------------------------------------------
# Available swfir Parameters:

border-radius    = Number
border-width     = Number
border-color     = CSS Styled Color (i.e. fc600)
shadow-offset    = Number
shadow-angle     = Number
shadow-alpha     = Number between 0 - 100
shadow-blur-x    = Number
shadow-blur-y    = Number
shadow-strength  = Number
shadow-color     = CSS Styled Color (i.e. fc600)
shadow-quality   = Number between 0 - 1
shadow-inner     = Boolean (true or false)
shadow-knockout  = Boolean (true or false)
shadow-hide      = Boolean (true or false)
rotate           = Number between -359 - 359
overflow         = 'expand-x', 'expand-y' or 'fit'
link             = String (i.e. http://www.swfir.com)
src              = String (path to your swf, if not standard)
wmode            = String ('opaque', 'transparent', etc.)
elasticity       = String ('true'), Number (pixel-to-em ratio)
*/


/*
  -------------------------------------------------------------------------
	                    JavaScript Form Validator 
                                Version 2.0.2
	Copyright 2003 JavaScript-coder.com. All rights reserved.
	You use this script in your Web pages, provided these opening credit
    lines are kept intact.
	The Form validation script is distributed free from JavaScript-Coder.com

	You may please add a link to JavaScript-Coder.com, 
	making it easy for others to find this script.
	Checkout the Give a link and Get a link page:
	http://www.javascript-coder.com/links/how-to-link.php

    You may not reprint or redistribute this code without permission from 
    JavaScript-Coder.com.
	
	JavaScript Coder
	It precisely codes what you imagine!
	Grab your copy here:
		http://www.javascript-coder.com/
    -------------------------------------------------------------------------  
*/

function Validator(frmname)
{
  this.formobj=document.forms[frmname];
	if(!this.formobj)
	{
	  alert("BUG: couldnot get Form object "+frmname);
		return;
	}
	if(this.formobj.onsubmit)
	{
	 this.formobj.old_onsubmit = this.formobj.onsubmit;
	 this.formobj.onsubmit=null;
	}
	else
	{
	 this.formobj.old_onsubmit = null;
	}
	this.formobj.onsubmit=form_submit_handler;
	this.addValidation = add_validation;
	this.setAddnlValidationFunction=set_addnl_vfunction;
	this.clearAllValidations = clear_all_validations;
}
function set_addnl_vfunction(functionname)
{
  this.formobj.addnlvalidation = functionname;
}
function clear_all_validations()
{
	for(var itr=0;itr < this.formobj.elements.length;itr++)
	{
		this.formobj.elements[itr].validationset = null;
	}
}
function form_submit_handler()
{
	for(var itr=0;itr < this.elements.length;itr++)
	{
		if(this.elements[itr].validationset &&
	   !this.elements[itr].validationset.validate())
		{
		  return false;
		}
	}
	if(this.addnlvalidation)
	{
	  str =" var ret = "+this.addnlvalidation+"()";
	  eval(str);
    if(!ret) return ret;
	}
	return true;
}
function add_validation(itemname,descriptor,errstr)
{
  if(!this.formobj)
	{
	  alert("BUG: the form object is not set properly");
		return;
	}//if
	var itemobj = this.formobj[itemname];
  if(!itemobj)
	{
	  alert("BUG: Couldnot get the input object named: "+itemname);
		return;
	}
	if(!itemobj.validationset)
	{
	  itemobj.validationset = new ValidationSet(itemobj);
	}
  itemobj.validationset.add(descriptor,errstr);
}
function ValidationDesc(inputitem,desc,error)
{
  this.desc=desc;
	this.error=error;
	this.itemobj = inputitem;
	this.validate=vdesc_validate;
}
function vdesc_validate()
{
 if(!V2validateData(this.desc,this.itemobj,this.error))
 {
    this.itemobj.focus();
		return false;
 }
 return true;
}
function ValidationSet(inputitem)
{
    this.vSet=new Array();
	this.add= add_validationdesc;
	this.validate= vset_validate;
	this.itemobj = inputitem;
}
function add_validationdesc(desc,error)
{
  this.vSet[this.vSet.length]= 
	  new ValidationDesc(this.itemobj,desc,error);
}
function vset_validate()
{
   for(var itr=0;itr<this.vSet.length;itr++)
	 {
	   if(!this.vSet[itr].validate())
		 {
		   return false;
		 }
	 }
	 return true;
}
function validateEmailv2(email)
{
// a very simple email validation checking. 
// you can add more complex email checking if it helps 
    if(email.length <= 0)
	{
	  return true;
	}
    var splitted = email.match("^(.+)@(.+)$");
    if(splitted == null) return false;
    if(splitted[1] != null )
    {
      var regexp_user=/^\"?[\w-_\.]*\"?$/;
      if(splitted[1].match(regexp_user) == null) return false;
    }
    if(splitted[2] != null)
    {
      var regexp_domain=/^[\w-\.]*\.[A-Za-z]{2,4}$/;
      if(splitted[2].match(regexp_domain) == null) 
      {
	    var regexp_ip =/^\[\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\]$/;
	    if(splitted[2].match(regexp_ip) == null) return false;
      }// if
      return true;
    }
return false;
}
function V2validateData(strValidateStr,objValue,strError) 
{ 
    var epos = strValidateStr.search("="); 
    var  command  = ""; 
    var  cmdvalue = ""; 
    if(epos >= 0) 
    { 
     command  = strValidateStr.substring(0,epos); 
     cmdvalue = strValidateStr.substr(epos+1); 
    } 
    else 
    { 
     command = strValidateStr; 
    } 
    switch(command) 
    { 
        case "req": 
        case "required": 
         { 
           if(eval(objValue.value.length) == 0) 
           { 
              if(!strError || strError.length ==0) 
              { 
                strError = objValue.name + " is verplicht."; 
              }//if 
              alert(strError); 
              return false; 
           }//if 
           break;             
         }//case required 
        case "maxlength": 
        case "maxlen": 
          { 
             if(eval(objValue.value.length) >  eval(cmdvalue)) 
             { 
               if(!strError || strError.length ==0) 
               { 
                 strError = objValue.name + " : "+cmdvalue+" maximum aantal karakters "; 
               }//if 
               alert(strError + "\n[huidig aantal = " + objValue.value.length + " ]"); 
               return false; 
             }//if 
             break; 
          }//case maxlen 
        case "minlength": 
        case "minlen": 
           { 
             if(eval(objValue.value.length) <  eval(cmdvalue)) 
             { 
               if(!strError || strError.length ==0) 
               { 
                 strError = objValue.name + " : " + cmdvalue + " minimum aantal karakters  "; 
               }//if               
               alert(strError + "\n[huidig aantal = " + objValue.value.length + " ]"); 
               return false;                 
             }//if 
             break; 
            }//case minlen 
        case "alnum": 
        case "alphanumeric": 
           { 
              var charpos = objValue.value.search("[^A-Za-z0-9]"); 
              if(objValue.value.length > 0 &&  charpos >= 0) 
              { 
               if(!strError || strError.length ==0) 
                { 
                  strError = objValue.name+": ongeldige tekens aanwezig "; 
                }//if 
                alert(strError + "\n [ongeldig karakter op positie " + eval(charpos+1)+"]"); 
                return false; 
              }//if 
              break; 
           }//case alphanumeric 
        case "num": 
        case "numeric": 
           { 
              var charpos = objValue.value.search("[^0-9]"); 
              if(objValue.value.length > 0 &&  charpos >= 0) 
              { 
                if(!strError || strError.length ==0) 
                { 
                  strError = objValue.name+": alleen cijfers toegestaan "; 
                }//if               
                alert(strError + "\n [ongeldig karakter op positie " + eval(charpos+1)+"]"); 
                return false; 
              }//if 
              break;               
           }//numeric 
        case "alphabetic": 
        case "alpha": 
           { 
              var charpos = objValue.value.search("[^A-Za-z]"); 
              if(objValue.value.length > 0 &&  charpos >= 0) 
              { 
                  if(!strError || strError.length ==0) 
                { 
                  strError = objValue.name+": alleen letters toegestaan "; 
                }//if                             
                alert(strError + "\n [ongeldig karakter op positie " + eval(charpos+1)+"]"); 
                return false; 
              }//if 
              break; 
           }//alpha 
		case "alnumhyphen":
			{
              var charpos = objValue.value.search("[^A-Za-z0-9\-_]"); 
              if(objValue.value.length > 0 &&  charpos >= 0) 
              { 
                  if(!strError || strError.length ==0) 
                { 
                  strError = objValue.name+": toegestane tekens A-Z,a-z,0-9,- en _"; 
                }//if                             
                alert(strError + "\n [ongeldig karakter op positie " + eval(charpos+1)+"]"); 
                return false; 
              }//if 			
			break;
			}
        case "email": 
          { 
               if(!validateEmailv2(objValue.value)) 
               { 
                 if(!strError || strError.length ==0) 
                 { 
                    strError = objValue.name+": ongeldig e-mailadres "; 
                 }//if                                               
                 alert(strError); 
                 return false; 
               }//if 
           break; 
          }//case email 
        case "lt": 
        case "lessthan": 
         { 
            if(isNaN(objValue.value)) 
            { 
              alert(objValue.name+": moet een getal zijn "); 
              return false; 
            }//if 
            if(eval(objValue.value) >=  eval(cmdvalue)) 
            { 
              if(!strError || strError.length ==0) 
              { 
                strError = objValue.name + " : value should be less than "+ cmdvalue; 
              }//if               
              alert(strError); 
              return false;                 
             }//if             
            break; 
         }//case lessthan 
        case "gt": 
        case "greaterthan": 
         { 
            if(isNaN(objValue.value)) 
            { 
              alert(objValue.name+": Should be a number "); 
              return false; 
            }//if 
             if(eval(objValue.value) <=  eval(cmdvalue)) 
             { 
               if(!strError || strError.length ==0) 
               { 
                 strError = objValue.name + " : value should be greater than "+ cmdvalue; 
               }//if               
               alert(strError); 
               return false;                 
             }//if             
            break; 
         }//case greaterthan 
        case "regexp": 
         { 
		 	if(objValue.value.length > 0)
			{
	            if(!objValue.value.match(cmdvalue)) 
	            { 
	              if(!strError || strError.length ==0) 
	              { 
	                strError = objValue.name+": ongeldige karakters gevonden "; 
	              }//if                                                               
	              alert(strError); 
	              return false;                   
	            }//if 
			}
           break; 
         }//case regexp 
        case "dontselect": 
         { 
            if(objValue.selectedIndex == null) 
            { 
              alert("BUG: dontselect command for non-select Item"); 
              return false; 
            } 
            if(objValue.selectedIndex == eval(cmdvalue)) 
            { 
             if(!strError || strError.length ==0) 
              { 
              strError = objValue.name+": selecteer een optie "; 
              }//if                                                               
              alert(strError); 
              return false;                                   
             } 
             break; 
         }//case dontselect 
    }//switch 
    return true; 
}