function filters() {
var sfEls = document.getElementById("filters").getElementsByTagName("h5");
var divs = document.getElementById("filters").getElementsByTagName("div");
for (var i=0; i<sfEls.length; i++) {
	sfEls[i].onclick=function() {
		if( this.className == 'open' ) {
			this.className = 'close';
			for( var j=0; j<divs.length; j++ ) {
				if( divs[j].className == (this.title + ' close') || divs[j].className == this.title ) {
					divs[j].style.display = 'block';
				}
			}
		}
		else{
			for( var j=0; j<divs.length; j++ ) {
				if( divs[j].className == (this.title + ' close') || divs[j].className == this.title ) {
					divs[j].style.display = 'none';
				}
			}
			this.className = 'open';
		}
	}
}
}


function addItems() {
var sfEls = document.getElementById("filters").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
	if( sfEls[i].className != 'none' ) {
		sfEls[i].onclick=function() {
			this.style.display = 'none';
			var sfEls = document.getElementById("filters").getElementsByTagName("li");
			for (var k=0; k<sfEls.length; k++) {
				if( this.innerHTML == sfEls[k].innerHTML ) {
					sfEls[k].style.display = 'block'
					this.style.display = 'none';
				}
			}
			Updaten(); 
		}
	}
	else{
		sfEls[i].onclick=function() {
			//this.style.display = 'none';
			var sfEls = document.getElementById("filters").getElementsByTagName("li");
			for (var k=0; k<sfEls.length; k++) {
				if( this.innerHTML == sfEls[k].innerHTML ) {
					sfEls[k].style.display = 'block'
					this.style.display = 'none';
				}
			}
			Updaten(); 
		}
	}
}
}

function setFilterClick(filterid) {
var sfEls = document.getElementById("filters").getElementsByTagName("li");
for (var i=0; i<sfEls.length; i++) {
	if( sfEls[i].id == filterid) {
		var sfEls2 = document.getElementById("filters").getElementsByTagName("li");
		for (var k=0; k<sfEls2.length; k++) {
			if( sfEls[i].innerHTML == sfEls2[k].innerHTML ) {
				sfEls[i].style.display = 'block'
				sfEls[i].className = 'open';
				sfEls2[k].style.display = 'none';
			}
		}
	}
}
}

function unselectFilters(id) {
	var fields = $(id).select('li');
	
	fields.each(function(s) {
		if(s.style.display == 'block')
		{
			s.style.display = '';
			s.className = 'close';
			var sfEls2 = document.getElementById("filters").getElementsByTagName("li");
			for (var k=0; k<sfEls2.length; k++) {
				if( s.innerHTML == sfEls2[k].innerHTML ) {
					sfEls2[k].style.display = '';
				}
			}
		}
	});
}

function showboxes(el, el2) {
	var lis = document.getElementById(el).getElementsByTagName('li');
	if( el2.title == 'close' ) {
		for(var i=0; i<lis.length; i++ ) {
			if( lis[i].className == 'none nItem' ) {
				lis[i].style.display = 'block';
			}
		}
		el2.title = 'open';
	}
	else {
		for(var i=0; i<lis.length; i++ ) {
			if( lis[i].className == 'none nItem' ) {
				lis[i].style.display = 'none';
			}
		}
		el2.title = 'close';
	}
}

function getSelected(id)
{
	var fields = $(id).select('li');
	var result = []; 
	
	fields.each(function(s) {
		if(s.style.display == 'block')
		{
			result.push(s.id); 
		}
	});
	return result; 
}

function urlencode( str ) {
    // URL-encodes string  
    // 
    // version: 905.3122
    // discuss at: http://phpjs.org/functions/urlencode
    // +   original by: Philip Peterson
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: AJ
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +      input by: travc
    // +      input by: Brett Zamir (http://brett-zamir.me)
    // +   bugfixed by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   improved by: Lars Fischer
    // %          note 1: info on what encoding functions to use from: http://xkr.us/articles/javascript/encode-compare/
    // *     example 1: urlencode('Kevin van Zonneveld!');
    // *     returns 1: 'Kevin+van+Zonneveld%21'
    // *     example 2: urlencode('http://kevin.vanzonneveld.net/');
    // *     returns 2: 'http%3A%2F%2Fkevin.vanzonneveld.net%2F'
    // *     example 3: urlencode('http://www.google.nl/search?q=php.js&ie=utf-8&oe=utf-8&aq=t&rls=com.ubuntu:en-US:unofficial&client=firefox-a');
    // *     returns 3: 'http%3A%2F%2Fwww.google.nl%2Fsearch%3Fq%3Dphp.js%26ie%3Dutf-8%26oe%3Dutf-8%26aq%3Dt%26rls%3Dcom.ubuntu%3Aen-US%3Aunofficial%26client%3Dfirefox-a'
                             
    var histogram = {}, unicodeStr='', hexEscStr='';
    var ret = (str+'').toString();
    
    var replacer = function(search, replace, str) {
        var tmp_arr = [];
        tmp_arr = str.split(search);
        return tmp_arr.join(replace);
    };
    
    // The histogram is identical to the one in urldecode.
    histogram["'"]   = '%27';
    histogram['(']   = '%28';
    histogram[')']   = '%29';
    histogram['*']   = '%2A';
    histogram['~']   = '%7E';
    histogram['!']   = '%21';
    histogram['%20'] = '+';
    histogram['\u00DC'] = '%DC';
    histogram['\u00FC'] = '%FC';
    histogram['\u00C4'] = '%D4';
    histogram['\u00E4'] = '%E4';
    histogram['\u00D6'] = '%D6';
    histogram['\u00F6'] = '%F6';
    histogram['\u00DF'] = '%DF';
    histogram['\u20AC'] = '%80';
    histogram['\u0081'] = '%81';
    histogram['\u201A'] = '%82';
    histogram['\u0192'] = '%83';
    histogram['\u201E'] = '%84';
    histogram['\u2026'] = '%85';
    histogram['\u2020'] = '%86';
    histogram['\u2021'] = '%87';
    histogram['\u02C6'] = '%88';
    histogram['\u2030'] = '%89';
    histogram['\u0160'] = '%8A';
    histogram['\u2039'] = '%8B';
    histogram['\u0152'] = '%8C';
    histogram['\u008D'] = '%8D';
    histogram['\u017D'] = '%8E';
    histogram['\u008F'] = '%8F';
    histogram['\u0090'] = '%90';
    histogram['\u2018'] = '%91';
    histogram['\u2019'] = '%92';
    histogram['\u201C'] = '%93';
    histogram['\u201D'] = '%94';
    histogram['\u2022'] = '%95';
    histogram['\u2013'] = '%96';
    histogram['\u2014'] = '%97';
    histogram['\u02DC'] = '%98';
    histogram['\u2122'] = '%99';
    histogram['\u0161'] = '%9A';
    histogram['\u203A'] = '%9B';
    histogram['\u0153'] = '%9C';
    histogram['\u009D'] = '%9D';
    histogram['\u017E'] = '%9E';
    histogram['\u0178'] = '%9F';
    
    // Begin with encodeURIComponent, which most resembles PHP's encoding functions
    ret = encodeURIComponent(ret);

    for (unicodeStr in histogram) {
        hexEscStr = histogram[unicodeStr];
        ret = replacer(unicodeStr, hexEscStr, ret); // Custom replace. No regexing
    }
    
    // Uppercase for full PHP compatibility
    return ret.replace(/(\%([a-z0-9]{2}))/g, function(full, m1, m2) {
        return "%"+m2.toUpperCase();
    });
}