(function($) {
$.fn.extend({
ajaxyLiveSearch: function(options, arg) {
if (options && typeof(options) == 'object') {
options = $.extend( {}, $.ajaxyLiveSearch.defaults, options );
}
else {
options = $.ajaxyLiveSearch.defaults;
}
// this creates a plugin for each element in
// the selector or runs the function once per
// selector. To have it do so for just the
// first element (once), return false after
// creating the plugin to stop the each iteration
if(this.is("input")){
this.each(function() {
new $.ajaxyLiveSearch.load(this, options, arg );
});
return;
}
}
});
$.ajaxyLiveSearch = {
element: null,
timeout: null,
options: null,
load: function( elem, options, arg ) {
this.element = elem;
this.timeout = null;
this.options = options;
if($(elem).val() == "") {
$(elem).val(options.text);
}
$(elem).attr('autocomplete', 'off');
if($('#sf_sb').length == 0){
$('body').append('
');
}
$.ajaxyLiveSearch.loadEvents(this);
},
loadResults: function(elem, options) {
window.sf_lastElement = elem;
if(jQuery(elem).val() != "")
{
var loading = ""+
""+
""+
"";
jQuery("#sf_val").html("");
var pos = this.bounds(elem, options);
jQuery("#sf_sb").css({top:pos.bottom, left:pos.left});
jQuery("#sf_sb").show();
var data = { action: "ajaxy_sf", sf_value: jQuery(elem).val()};
jQuery.post(options.ajaxUrl, data, function(resp) {
var results = eval("("+ resp + ")");
var m = "";
var s = 0;
if(typeof(results.order) != "undefined")
{
for(var mindex in results.order)
{
var c = $.ajaxyLiveSearch.htmlResults(results[mindex]);
m += c[0];
s += c[1];
}
}
var sf_selected = "";
if(s == 0)
{
sf_selected = " sf_selected";
}
m += "" + sf_templates + "";
m = m.replace(/{search_value_escaped}/g, jQuery(elem).val());
m = m.replace(/{search_url_escaped}/g, options.searchUrl.replace('%s', encodeURI(jQuery(elem).val())));
m = m.replace(/{search_value}/g, jQuery(elem).val());
m = m.replace(/{total}/g, s);
if(s > 0)
{
jQuery("#sf_val").html("");
}
else
{
jQuery("#sf_val").html("");
}
$.ajaxyLiveSearch.loadLiveEvents();
jQuery("#sf_sb").show();
});
}
else
{
jQuery("#sf_sb").hide();
}
},
bounds: function (elem, options) {
var offset = jQuery(elem).offset();
return {top: offset.top, left: offset.left + options.leftOffset, bottom: offset.top + jQuery(elem).innerHeight() + options.topOffset, right: offset.left + jQuery(elem).innerWidth()};
},
htmlResults: function (results){
var m = "";
var s = 0;
if(typeof(results) != "undefined")
{
if(results.all.length > 0)
{
m += "";
for(var i = 0; i < results.all.length; i ++)
{
s ++;
m += "- "+ $.ajaxyLiveSearch.replaceResults(results.all[i], results.template) + "
";
}
m += "
";
}
}
return new Array(m, s);
},
replaceResults: function (results, template){
for(var s in results)
{
template = template.replace(new RegExp("{"+s+"}", "g"), results[s]);
}
return template;
},
loadLiveEvents: function(){
jQuery("#sf_val li.sf_lnk").mouseover(function(){
jQuery(".sf_lnk").each(function() { jQuery(this).attr("class",jQuery(this).attr("class").replace(" sf_selected" , "")); });
jQuery(this).attr("class", jQuery(this).attr("class") + " sf_selected");
});
},
loadEvents: function(object){
var d = {object: object};
jQuery(document).click(function(){ jQuery("#sf_sb").hide(); });
jQuery(window).resize(function(){
var pos = $.ajaxyLiveSearch.bounds(window.sf_lastElement, d.object.options);
jQuery("#sf_sb").css({top:pos.bottom, left:pos.left});
});
jQuery(object.element).keyup(function(event){
if(event.keyCode != "38" && event.keyCode != "40" && event.keyCode != "13" && event.keyCode != "27" && event.keyCode != "39" && event.keyCode != "37")
{
var ajaxyObject = d.object;
if(ajaxyObject.timeout != null)
{
clearTimeout(ajaxyObject.timeout);
}
jQuery(ajaxyObject.element).attr("class", jQuery(ajaxyObject.element).attr("class").replace(" sf_focused", "") + " sf_focused");
//$.ajaxyLiveSearch.loadResults(d.object.element, d.object.options);
var l = {object:d.object};
ajaxyObject.timeout = setTimeout(function() { jQuery.ajaxyLiveSearch.loadResults(l.object.element, l.object.options); }, d.object.options.delay);
}
});
jQuery(window).keydown(function(event){
if(jQuery("#sf_sb").css("display") != "none" && jQuery("#sf_sb").css("display") != "undefined" && jQuery("#sf_sb").length > 0)
{
if(event.keyCode == "38" || event.keyCode == "40")
{
if(jQuery.browser.webkit)
{
jQuery("#sf_sb").focus();
}
var s_item = null;
var after_s_item = null;
var s_sel = false;
var all_items = jQuery("#sf_val li.sf_lnk");
var s_found = false;
event.stopPropagation();
event.preventDefault();
for(var i = 0; i < all_items.length; i++)
{
if(jQuery(all_items[i]).attr("class").indexOf("sf_selected") >= 0 && s_found == false)
{
s_sel = true;
if(i < all_items.length - 1 && event.keyCode == "40")
{
jQuery(all_items[i]).attr("class",jQuery(all_items[i]).attr("class").replace(" sf_selected", ""));
jQuery(all_items[i+1]).attr("class", jQuery(all_items[i+1]).attr("class")+ " sf_selected");
i = i+1;
s_found = true;
}
else if(i > 0 && event.keyCode == "38")
{
jQuery(all_items[i]).attr("class",jQuery(all_items[i]).attr("class").replace(" sf_selected", ""));
jQuery(all_items[i-1]).attr("class", jQuery(all_items[i-1]).attr("class")+ " sf_selected");
i = i+1;
s_found = true;
}
}
else
{
jQuery(all_items[i]).attr("class",jQuery(all_items[i]).attr("class").replace(" sf_selected", ""));
}
}
if(s_sel == false)
{
if(all_items.length > 0)
{
jQuery(all_items[0]).attr("class", jQuery(all_items[0]).attr("class")+ " sf_selected");
}
}
//jQuery(window).unbind("keypress");
}
else if(event.keyCode == 27)
{
jQuery("#sf_sb").hide();
}
else if(event.keyCode == 13)
{
var b = jQuery("#sf_val li.sf_selected a").attr("href");
if(typeof(b) != 'undefined' && b != '')
{
window.location.href = b;
return false;
}
else
{
if(d.object.element != null){
window.location.href = sf_url.replace('%s', encodeURI(jQuery(d.object).val()));
}
return false;
}
}
}
});
jQuery(object.element).focus(function (){
if(jQuery(this).val() == d.object.options.text){
jQuery(this).val('');
jQuery(this).attr('class', jQuery(this).attr('class') + ' sf_focused');
}
if(d.object.options.expand){
jQuery(d.object.element).animate({width:d.object.options.iwidth});
}
});
jQuery(object.element).blur(function () {
if(jQuery(this).val() == ''){
jQuery(this).val(d.object.options.text);
jQuery(this).attr('class', jQuery(this).attr('class').replace(/ sf_focused/g, ''));
}
if(d.object.options.expand){
jQuery(d.object.element).animate({width:d.object.options.expand});
}
});
}
};
$.ajaxyLiveSearch.defaults = {
delay:500,
leftOffset: 0,
topOffset: 5,
text: "Search For",
iwidth: 180,
width: 315,
ajaxUrl: "",
searchUrl: "",
expand: false
};
})(jQuery);