var filter = new Array();
var abs_pad = ';'

function delete_group($element_id,$type)
{
	$($type + '_elements').removeChild($($element_id));	
	calculateTotal();
}
function clear_group($element)
{	
	$($element + '_cbo').selectedIndex = 0;
	calculateTotal();
}
function calculateTotal()
{
	$('form_filter').request({
		  method: 'post',
		  parameters: 'javascript=true',
		  onComplete: function(originalRequest){
				$('aantal_artikels').innerHTML = originalRequest.responseText; 
			}
		})
}
function change_element($type, $element)
{	
	if($element.value != '')
	{
		add_element($type,0,false);
	}
	
	calculateTotal();
		/*
	new Ajax.Request(abs_pad + "Ajax/CountResult.php",
			{
			method: 'post',
			onSuccess: function(transport) 
			{
				alert("hier");
			}
			});*/
	
}
$teller = 1;
$active_cbo = 0;
var $aOptions = new Array();

$aOptions['ProductCategoryID'] = new Array();
$aOptions['ProductCategoryID_values'] = new Array();
$aOptions['ProductCategoryID_maincat'] = new Array();
$aOptions['ProductGrapeID'] = new Array();
$aOptions['ProductGrapeID_values'] = new Array();
$aOptions['WineHouseID'] = new Array();
$aOptions['WineHouseID_values'] = new Array();
$aOptions['TypeID'] = new Array();
$aOptions['TypeID_values'] = new Array();
$aOptions['ProductCategoryID'] = new Array();
$aOptions['ProductCategoryID_values'] = new Array();

function add_element($type, $value,$first)
{		
	var group = Builder.node('div', { className:'group', id:$type + '_' + $teller + '_group' });
	var cbo_group = Builder.node('select', { className:'cbo_group', id:$type + '_' + $teller + '_cbo',name:$type + '[]',onChange:'change_element("' +$type+'",this)' });
	selectedindex = 0;
	cbo_group.appendChild(Builder.node('option',{value:""},"Maak een keuze"));
	
	if($type == 'ProductCategoryID')
	{
		$maincat = $aOptions[$type + "_maincat"][0];
		var cbo_optgroup = Builder.node('optgroup',{label:$aOptions[$type + "_maincat"][0]});
	}
	for(i=0;i<$aOptions[$type].length;i++)
	{
		if($type == 'ProductCategoryID')
		{
			if($maincat != $aOptions[$type + "_maincat"][i])
			{	
				cbo_group.appendChild(cbo_optgroup);
				var cbo_optgroup = Builder.node('optgroup',{label:$aOptions[$type + "_maincat"][i]});
			}
			$maincat = $aOptions[$type + "_maincat"][i];
			cbo_optgroup.appendChild(Builder.node('option',{value:$aOptions[$type + "_values"][i]},$aOptions[$type][i]));
			
		}
		else
		{
			cbo_group.appendChild(Builder.node('option',{value:$aOptions[$type + "_values"][i]},$aOptions[$type][i]));
		}
		
		if($value == $aOptions[$type + "_values"][i])
		{
			selectedindex = i + 1;
		}	
		
		
	}	
	if($type == 'ProductCategoryID')
	{
		cbo_group.appendChild(cbo_optgroup);
	}
	group.appendChild(cbo_group);
	if($first == false)
	{	
		var img_input2 = Builder.node('img', { className:'cbo',title: lang_text('close_search_option'), id:$type + '_' + $teller + '_img_cross',src: abs_pad + "Graphics/bin_closed.png" , onclick: "delete_group('" + $type + '_' + $teller + "_group','" + $type + "')"});
		group.appendChild(img_input2);
	}
	else
	{
		var img_input2 = Builder.node('img', { className:'cbo',title: lang_text('close_search_option'), id:$type + '_' + $teller + '_img_cross',src: abs_pad + "Graphics/bin_closed.png" , onclick: "clear_group('" + $type + '_' + $teller + "')"});
		group.appendChild(img_input2);
	}
	
	var cleardiv = Builder.node('div', { className:'clear'});
	group.appendChild(cleardiv);
	//$($type + '_' + $teller + '_group').appendChild(img_input2);
	
	
	
	
	
	$($type + '_elements').appendChild(group);
	
	$($type + '_' + $teller + '_cbo').selectedIndex = selectedindex;
	
		
	
	/*
	if($type == "group"){
		$teller = "";
	}
	$value = html_entity_decode($value);
	//create group element	
	var cbo_group = Builder.node('div', { className:'cbo_group', id:$type + '_' + $teller + '_group', style:'display:none' });
	$($type + '_elements').appendChild(cbo_group);
	
	//create cbo_div
	var cbo_div = Builder.node('div', { className:'cbo', id:$type + '_' + $teller });
	cbo_div.style.display = 'none';
	$($type + '_' + $teller + '_group').appendChild(cbo_div);	
	
	//create input type
	var new_input = Builder.node('input', { className:'cbo_text', id:$type + '_' + $teller + '_text',value: $value,autocomplete: "off", onclick: "get_filter('" + $type + "_" + $teller + "','" +  $type + "')", onkeyup: "get_filter_key(this,'" + $type + "_" + $teller + "','" + $type + "')"});
	$($type + '_' + $teller + '_group').appendChild(new_input);
	
	//create img	
	//var img_input = Builder.node('img', { className:'cbo', id:$type + '_' + $teller + '_img', src : "/template/default/img/icons/down.gif" , onclick: "get_filter('function_'" +  $teller,"'function')" });
	var img_input = Builder.node('img', { className:'cbo', id:$type + '_' + $teller + '_img', title: lang_text('select_from_list'),src : abs_pad + "Graphics/information.png" , onclick: "get_filter('" + $type + "_" + $teller + "','" + $type + "')"});
	$($type + '_' + $teller + '_group').appendChild(img_input);
	//create img2
	if($type != 'group' && $type != 'extradatabase')
	{
		var img_input2 = Builder.node('img', { className:'cbo',title: lang_text('close_search_option'), id:$type + '_' + $teller + '_img_cross',src: abs_pad + "Graphics/bin_closed.png" , onclick: "delete_group('" + $type + '_' + $teller + "_group','" + $type + "')"});
		$($type + '_' + $teller + '_group').appendChild(img_input2);
	}
	
	//create hidden type
	if($type == 'extrafunction'){
		//extra[function]
		var hidden_input = Builder.node('input', {value: $id, type:'hidden', name:'extra[function][]', id:$type + '_' + $teller + '_value'});
	}else if($type == 'extralanguage'){
		//extra[language]
		var hidden_input = Builder.node('input', {value: $id, type:'hidden', name:'extra[language][]', id:$type + '_' + $teller + '_value'});
	}else if($type == 'extracosts'){
		//extra[costs]
		var hidden_input = Builder.node('input', {value: $id, type:'hidden', name:'extra[costs][]', id:$type + '_' + $teller + '_value'});
	}else if($type == 'extradatabase'){
		var hidden_input = Builder.node('input', {value: $id, type:'hidden', name:'extra[database]', id:$type + '_' + $teller + '_value'});
	}else{
		var hidden_input = Builder.node('input', {value: $id, type:'hidden', name:'filter_' + $type + '[]', id:$type + '_' + $teller + '_value'});
	}
	
	$($type + '_' + $teller + '_group').appendChild(hidden_input);
	if($($type + '_' + $teller + '_group').parentNode.getStyle('display') != "none"){
		Effect.BlindDown($($type + '_' + $teller + '_group'), {duration:0.4});
		Effect.Appear($($type + '_' + $teller + '_group'), {duration:0.4});
	}else{
		cbo_group.setStyle({display:'block'});
	}
	*/
	$teller ++;
}

function html_entity_decode(str) 
{
  var ta=document.createElement("textarea");
  ta.innerHTML=str.replace(/</g,"&lt;").replace(/>/g,"&gt;");
  return ta.value;
}
function lang_text(key)
{
	if(typeof lang_strings == 'undefined' || typeof lang_strings[key] == 'undefined')
	{
		return '[='+key+'=]';
	}
	else if(lang_strings[key] == '')
	{
		return '[~'+key+'~]';
	}
	else
	{
		return lang_strings[key];
	}
}