function jqe( myid ) {
 
    return myid.replace( /(:|\.|\[|\]|,|=|@)/g, "\\$1" );
 
}
function renderFormControl(obj,dest)
{
	var out='';
	var tmpl='';
	
	if (obj.type=="number")
	{
		if (dest=="FILTER")
		{
			tmpl = '<div class="col-lg-2 col-md-3"><input type="text" class="form-control snumber" pid="{{id}}" po="from" id="ctrlForm{{id}}" placeholder="{{sname}} od" hint="{{name}}" title="{{name}}"/></div><div class="col-lg-2 col-md-3"><input type="text" class="snumber form-control" pid="{{id}}" po="to" id="ctrlTo{{id}}" placeholder="{{sname}} od"/></div>';
		}
		if (dest=="ADDFORM")
		{
			tmpl = '<div class="row formRow"><div class="col-sm-4 flab bigl"><label for="name">{{name}}</label></div>'+
					'<div class="col-sm-8 col-lg-7"><input name="ctrlForm{{id}}" type="text" class="form-control" id="ctrlForm{{id}}" placeholder=""></div></div>';
		}
		out+= Mustache.to_html(tmpl,obj);
	
	}
	
	if (obj.type=="list")
	{
		if (dest=="FILTER")
		{
			tmpl = '<div class="col-lg-2 col-md-3 fwrapper"><select pid="{{id}}" class="form-control scombo"  placeholder="{{sname}}" id="ctrl"><option class="foption" value="" selected>{{sname}}</option>{{#options}}<option value="{{id}}">{{name}}</option>{{/options}}</select></div>';
		}
		if (dest=="ADDFORM")
		{
			tmpl = '<div class="row formRow"><div class="col-sm-4 flab bigl"><label for="name">{{name}}</label></div>'+
					'<div class="col-sm-8 col-lg-7"><select pid="{{id}}" class="form-control"  placeholder="{{sname}}" id="ctrlForm{{id}}"><option class="foption" value="" selected></option>{{#options}}<option value="{{id}}">{{name}}</option>{{/options}}</select></div></div>';
		}
		out+= Mustache.to_html(tmpl,obj);
	}
	
	return out;
}
function setFilter(type,value)
{
	
	filterData[type]=value;
	
	afterFilterChange();
}

function displayParamFilter(param)
{
	$("#paramsBox").append(renderFormControl(param,"FILTER"));
}
function displayParamAddForm(param)
{
	$("#extraParams").append(renderFormControl(param,"ADDFORM"));
}
$(document).ready(function()
{
	$(document).delegate(".scombo","focus",function()
	{
		$(this).find(".foption").html("Wszystkie");
	});
	$(document).delegate(".scombo","blur",function()
	{
		$(this).find(".foption").html($(this).attr("placeholder"));
		
	});
	
	$(document).delegate(".scombo","change",function()
	{
		setFilter($(this).attr("pid"),$(this).val());
	});
	$(document).delegate(".snumber","change",function()
	{
		setFilter($(this).attr("pid")+$(this).attr("po"),$(this).val());
	});
	
});