var refinegroupTemplate = "<a>{$title}</a>{$refines}\n\r";
var refineSetTemplate = "<ul id=\"refineSet{$id}\">{$items}</ul>\n\r";
var refineItemTemplate = "<li><a href=\"/{$url}\"{$class}><div class=\"refbox\"><input type=\"checkbox\" {$checked} onclick=\"document.location='/{$url}';\" /></div> <div class=\"reftitle\">{$title}</div></a></li>\n\r";

function loadRefines(_group, _selectedRefines, _type){
    $.getJSON("/webcore/refine/menu", {"view":"json","group":_group,"type":_type,"refines":(_selectedRefines==undefined?"":urlencode(_selectedRefines))}, function(data){
        var item = $("#refinegroupSet"+_group);
        var refinegroup = "";
        var refines = "";
        var items = "";
        
        if(data.title){
            if(data.refineSet){
                for(index in data.refineSet){
                    var refine = data.refineSet[index];
                    if(typeof refine == "function"){continue;}
                    items += refineItemTemplate.replace(/{\$url}/gi,refine.url).replace(/{\$title}/gi,refine.title).replace(/{\$class}/gi,refine.active).replace(/{\$checked}/gi,refine.active!=""?" checked":"");
                }
                refines = refineSetTemplate.replace(/{\$id}/gi,_group).replace(/{\$items}/gi,items);
            }
            refinegroup = refinegroupTemplate.replace(/{\$title}/gi,data.title).replace(/{\$refines}/gi,refines);
            
            item.html(refinegroup);
            item.css("background","none");
        }
        else{
            item.css("display","none");
        }
    });
}
function loadSelect(form, element,refinegroup){
    $.getJSON("/webcore/refine/menu", {"view":"json","group":refinegroup}, function(data){
        if(data.refineSet){
            var select = document.forms[form][element];
            for(index in data.refineSet){
                var refine = data.refineSet[index];
                if(typeof refine == "function"){continue;}
                
                var option = document.createElement("option");
                option.text= refine.title;
                option.label= refine.title;
                option.value= refine.id;
                
                select.options.add(option);
            }
        }
    });
}
function gotoRefine(url,form){
    var frm = document.forms[form];
    var refine = "";
    if(frm.functiegroep.value > 0){
        refine += ","+frm.functiegroep.value;
    }
    if(frm.regio.value > 0){
        refine += ","+frm.regio.value;
    }
    if(frm.functiegroep.value == 0){
        document.location = "/"+url;
    }
    else if(trim(refine,",") == ""){
        alert("Selecteer een "+(form=="searchVacancy"?"Functiegroep":"Specialisme")+" of Regio");
    }
    else{
        document.location = "/"+url+"/refine/"+trim(refine,",");
    }
}