function init_components_page(input){
input.component_autocomplete('page',{
skin: function(item){
var html = '';
var re = new RegExp(input.val(),"gi");
var label = item.label.replace(re, function (x) {
return ''+x+'';
});
html += '
';
html += '
'+label+'
';
html +=''+item.url+'';
html += '';
html += ''
return html;
},
onClick: function(selected,element){
container = input.data("data-component");
input.val(selected.id);
var label = selected.label;
if(selected.parentLabel) label +=' ('+selected.parentLabel+')';
container.val(label);
input.trigger('click').trigger('change');
},
onLoad: function(component,item){
var label = item.label;
if(item.parent) label+=' ('+item.parent.label+')';
component.container.val(label);
}
});
}