function toggle(element){
    el= document.getElementById(element);
    
    if (el.style.display == 'none'){
        el.style.display = 'block';
    }
    else{
        el.style.display = 'none';
    }
 }

//Open  external link
$(document).ready(function() {
    $("a[@rel='external']").addClass("external").click(function() {window.open($(this).attr('href')); return false; });
    $('.detailquestion').hide();
    
    $(".link").hover(
      function () {
        $(this).css("text-decoration","none");
      }, 
      function () {
        $(this).css("text-decoration","underline");
      });
      
      $(".toggler").toggle(
      function () {

        $(this).parent().children(".detailquestion").show();
        $(this).parent().css("background-image","url('gfx/submenu_selectwithsubsub_bg.gif')");
      }, 
      function () {
         
        $(this).parent().children('.detailquestion').show();
         
      }
      );
      
    
});




/* ---- Put your site specific functions in here --- */
function detailfoto (fotoFlip) {
	for (i = 1; i <= 10; i++) {
		if (document.getElementById('fotoklein_' + i)) {
			if (i == fotoFlip) {
				document.getElementById('fotoklein_' + i).className = 'select';
				document.getElementById('fotogroot_' + i).className = 'toon-img';
			}	else {
				document.getElementById('fotoklein_' + i).className = '';
				document.getElementById('fotogroot_' + i).className = 'verberg-img';
			}
		}
	}	
}

function getSubCategories(){
    Event.observe('category', 'change', function() {
        if ($F('category') != 0) {
	        var url = "ajax/getSubcategories.php";
	        var pars = "parent_id="+$F('category');
	        
	        new Ajax.Request(url, {method:'get', parameters:pars, onComplete:function(originalRequest){
	            var data = eval('('+originalRequest.responseText+')');
	            var error = data.error;
	            var subcategories = data.subcategories;
	            
	            if (error != ''){
	                //error
	                alert(error);
	            } else {
	                //clear the box wich cities can be chosen from
	                $('subcategory').options.length=0;
	                
	                //show the cities
	                for (i=0;i<subcategories.length;i++){
	                    subcategory = subcategories[i];
	                    var option = document.createElement('option');
	                    option.value = subcategory.id;
	                    option.innerHTML = subcategory.text;
	                    $('subcategory').appendChild(option);
	                }
	            }
	        }
	        });
	    } else {
	    	$('subcategory').options.length=0;
            var option = document.createElement('option');
            option.value = 0;
            option.innerHTML = '-- kies eerst een Rubriek --';
            $('subcategory').appendChild(option);
	    }
        return false;
        
        
    });
}

var rec_number=0;
function add_receipient(){

    el = document.getElementById('new_rec_fields');
    if (el){
    
        div1 = document.createElement('div');
        div2 = document.createElement('div');
        label1 = document.createElement('label');
        input1 = document.createElement('input');       
        label2 = document.createElement('label');
        input2 = document.createElement('input');       
    
        el.appendChild(div1);
        el.appendChild(div2);
    
        div1.appendChild(label1);
        div2.appendChild(label2);
        
        div1.appendChild(input1);
        div2.appendChild(input2);
        
        label1.innerHTML = 'Naam relatie:<em></em> ';
        label2.innerHTML = 'E-mail relatie: <em></em>';
        
        label1.htmlFor = input1.id = input1.name = 'name_to' + rec_number;
        label2.htmlFor = input2.id = input2.name = 'email_to' + rec_number;
        
        label1.type = label2.type = 'text';
        label1.className = label2.className = '';
        
        div1.className = 'noborderLeft';
        
        rec_number++;
    }   
}

//Mail a friend form
var form_element = document.getElementById('score');
             
function init_score(){

    for (var i=0; i<form_element.elements.length; i++){
        if (form_element.elements[i].tagName=='INPUT'){
            
            if(form_element.elements[i].id.match(/group_([^_]+)_([^_]+)_([^_]+)/)){
                 
                form_element.elements[i].onclick = function(){
                
                    matches = this.id.match(/group_([^_]+)_([^_]+)_([^_]+)/)
                
                    if (matches[2] == '0'){
                        // hoofdcategorie aangeklikt
                        i=1;
                        while (el = document.getElementById('group_' + matches[1] + '_' + i + '_' + matches[3])){
                            el.checked=true;
                            i++;
                        }
                    }
                    else{
                        // subvraag aangeklikt
                        
                        values = new Array();
                        i=1;
                        while (document.getElementById('group_' + matches[1] + '_' + i + '_1')){
                           
                           for (var j=1; j<11; j++){
                               el = document.getElementById('group_' + matches[1] + '_' + i + '_' + j);
                               if (el.checked)
                                   values[values.length] = el.value * 1;
                           }
                           i++;
                        }
                        
                        var sum = 0;
                        for (var i=0; i<values.length; i++) sum+= values[i];
                        
                        
                        document.getElementById('group_' + matches[1] + '_0_' + Math.round(sum/values.length)).checked=true;
                        
                    }    
                }
            }      
        }
    }
}

function homeSearch(){
    var searchform = document.getElementById('searchfield');
    //searchform.value = UrlEncode(searchform.value);
    location.href = '/bedrijvenindex/searchterm=' + UrlEncode(searchform.value) + '/';
}

function homeSearch2(){
    var searchform = document.getElementById('searchfield2');
    //searchform.value = UrlEncode(searchform.value);
    location.href = '/bedrijvenindex/searchterm=' + UrlEncode(searchform.value) + '/';
}


function homeSearchFO(){
var form_element = document.getElementById('searchform1');
var linkFuctions = 'functions=';
var linkTraining = 'trainings=';

	for (var i=0; i<form_element.elements.length; i++){
	    if (form_element.elements[i].tagName=='INPUT' && form_element.elements[i].checked){
	          var link = form_element.elements[i].id;
	          
	          if (link.substring(0,9) == 'function_'){
	            linkFuctions = linkFuctions + (linkFuctions == 'functions=' ? '':',') + link.substring(9,11);
	          }
	          
	          if (link.substring(0,9) == 'training_'){
	            linkTraining = linkTraining + (linkTraining == 'trainings=' ? '':',') + link.substring(9,11);
	          }
	        
	    }
	}
	location.href = '/bedrijvenindex/'+linkFuctions+'/'+linkTraining+'/';
}

function UrlEncode (clearString) {
  var output = '';
  var x = 0;
  clearString = clearString.toString();
  var regex = /(^[a-zA-Z0-9_.]*)/;
  while (x < clearString.length) {
    var match = regex.exec(clearString.substr(x));
    if (match != null && match.length > 1 && match[1] != '') {
    	output += match[1];
      x += match[1].length;
    } else {
      if (clearString[x] == ' ')
        output += '+';
      else {
        var charCode = clearString.charCodeAt(x);
        var hexVal = charCode.toString(16);
        output += '%' + ( hexVal.length < 2 ? '0' : '' ) + hexVal.toUpperCase();
      }
      x++;
    }
  }
  output = output.replace("%", "$");
  return output;
}

function UrlDecode (encodedString) {
  var output = encodedString;
  output = output.replace("$", "%");
  var binVal, thisString;
  var myregexp = /(%[^%]{2})/;
  while ((match = myregexp.exec(output)) != null
             && match.length > 1
             && match[1] != '') {
    binVal = parseInt(match[1].substr(1),16);
    thisString = String.fromCharCode(binVal);
    output = output.replace(match[1], thisString);
  }
  return output;
}


