ÿþ/*********************************************



  Autocomplete parameters



*********************************************/



AUTOCOMPLETE_MAX_LINES = 6;



AUTOCOMPLETE_MORE_TEXT = "more>>";

AUTOCOMPLETE_REP_HOST_URL ="http://www.huyen.com.vn/?idPhone1=";

AUTOCOMPLETE_THUMB_URL = "http://www.huyen.com.vn/product/";



/*********************************************



  Various constants, don't touch



*********************************************/



KEY_LEFT_ARROW = 37;

KEY_RIGHT_ARROW = 39;

KEY_UP_ARROW = 38;

KEY_DOWN_ARROW = 40;

KEY_BACKSPACE = 8;

KEY_ESCAPE = 27;

KEY_ENTER = 13;



AUTOCOMPLETE_COUNT = 1;



AUTOCOMPLETE_SEARCH = "search";

AUTOCOMPLETE_LEFT = "left";

AUTOCOMPLETE_RIGHT = "right";



AUTOCOMPLETE_MAKERS = null;

AUTOCOMPLETE_LIST = null;



AUTOCOMPLETE_MAKERID = 0;

AUTOCOMPLETE_PHONEID = 1;

AUTOCOMPLETE_PHONE_NAME = 2;

AUTOCOMPLETE_SEARCH_STR = 3;

AUTOCOMPLETE_THUMB = 4;



AUTOCOMPLETE_DISABLED = false;



AUTOCOMPLETE_SEARCH_TEXT = "";



function confine(a, b, c) {

  return Math.max(a, Math.min(b, c));

}



function autocompleteLoadList() {

  if (AUTOCOMPLETE_LIST !== null)

    return; // list already loaded or loading, do nothing



  AUTOCOMPLETE_LIST = false; // trying to load list, flag it with false so it doesn't send extra requests



  var xhr;



  // get XMLHttpRequest, the cross-browser way



  if (window.XMLHttpRequest) {

   xhr = new XMLHttpRequest();

  } else if (window.ActiveXObject) {

    try {

      xhr = new ActiveXObject("Msxml2.XMLHTTP");

     } catch(x) {

       try {

         xhr = new ActiveXObject("Microsoft.XMLHTTP");

       } catch(x) {

         AUTOCOMPLETE_LIST = null;

         //alert("Error loading list of phones");

       }

     }

  }



  xhr.open("GET", AUTOCOMPLETE_LIST_URL, true);



  xhr.onreadystatechange = function(e) {

    if (xhr.readyState == 4)

      if (xhr.status == 200) {

        var data; 



        if (window.JSON) {

          // try to parse JSON natively



          data = JSON.parse(xhr.responseText);

        } else {

          // use eval() if all else fails



          data = eval("(" + xhr.responseText + ")");

        }



        AUTOCOMPLETE_MAKERS = data[0];

        AUTOCOMPLETE_LIST = data[1];

      } else {

        AUTOCOMPLETE_LIST = null;

        //alert("Error loading list of phones");

      }

  }



  xhr.send(null);

}



function Autocomplete(wrapper, position, field) {



  var id = "autocomplete" + AUTOCOMPLETE_COUNT++;



 /* $(wrapper).append('<div id="' + id + '" class="autocomplete autocomplete-hide autocomplete-' + position + '"><ul></ul>' +

                    '<a class="autocomplete-more" href="#">' + AUTOCOMPLETE_MORE_TEXT + '</a></div>');

*/

 $(wrapper).append('<div id="' + id + '" class="autocomplete autocomplete-hide autocomplete-' + position + '"><ul></ul></div>');

  this.position = position;

  this.autocomplete = $("#" + id);

  this.list = $("#" + id + " ul");

  this.field = $("#" + field);

  

  this.more = this.autocomplete.find(".autocomplete-more");

  if (this.position == AUTOCOMPLETE_LEFT || this.position == AUTOCOMPLETE_RIGHT) { 

	AUTOCOMPLETE_MAX_LINES = 12;

  }

  this.maxLines = AUTOCOMPLETE_MAX_LINES;



  this.result = [];

  this.selected = -1;



  this.field.attr("autocomplete", "off");



  // handle keyboard control



  this.field.keydown({self: this}, function (e, s) {



    // if searching in something other than phones, don't show autocomplete



    if (AUTOCOMPLETE_DISABLED)

      return;



    var self = e.data.self;

    var v = $(e.target).val();



    if (e.which == KEY_ENTER) {

      // if item selected with arrow keys, don't submit - redirect instead

      if (self.selected != -1 && self.selected < self.result.length) {

        window.location = self.makeURL(self.result[self.selected]);

        return false;

      }

    }



    if (v == "") {

      AUTOCOMPLETE_SEARCH_TEXT ="";

    } else {

      AUTOCOMPLETE_SEARCH_TEXT =v;

    }



  });



  this.field.keyup({self: this}, function (e, s) {



    // if searching in something other than phones, don't show autocomplete



    if (AUTOCOMPLETE_DISABLED)

      return;



    // load list if it wasn't loaded until now



    autocompleteLoadList();



    var self = e.data.self;

    var v = $(e.target).val();



    // Handle special keys



    if (e.which == KEY_UP_ARROW) {

      self.setSelected(self.selected - 1);

      return;

    } else if (e.which == KEY_DOWN_ARROW) {

      self.setSelected(self.selected + 1);

      return;

    } else if (e.which == KEY_ESCAPE) {

      self.hide();

      return;

    }



    // Hide autocomplete if field is empty, show if over min length



    if (v == "") {

      AUTOCOMPLETE_SEARCH_TEXT ="";

      self.hide();

    } else {

      AUTOCOMPLETE_SEARCH_TEXT =v;

      self.refreshList(v.toLowerCase());

    }

  });



  // hide autocomplete when search field loses focus



  this.field.blur({self: this}, function (e) {

    var self = e.data.self;



    // if object is hidden instantly, links don't get clicked

    setTimeout(function () {

      self.hide();

    }, 200);

  });



  // deselect on mouse out



  this.list.mouseout({self: this}, function (e) {

    var self = e.data.self;



    self.setSelected(-1);



    return false;

  });



  // make mouseover work on autocomplete items



  this.list.find("a").live("mouseover", {self: this}, function (e) {

    var self = e.data.self;



    self.setSelected($(e.target).parents(".autocomplete li").attr("value"));



    return false;

  });



  // make "more" link submit



  this.more.click(function() {

    $(this).parent().parent().find("form").submit();

    return false;

  });

}



Autocomplete.prototype.cleanURL = function(s) {

  return s.toLowerCase().replace(/\s+|-|\/|\./g, "-"); //.replace(/[^a-z0-9_]+/gi, "");

}



Autocomplete.prototype.makeURL = function(e) {

  if (this.position == AUTOCOMPLETE_SEARCH) {

    var s ="?pds="+ this.cleanURL(AUTOCOMPLETE_MAKERS["" + e[AUTOCOMPLETE_MAKERID]]);

 //   s += "_" + this.cleanURL(e[AUTOCOMPLETE_PHONE_NAME]);

    s += "_" + e[AUTOCOMPLETE_PHONEID] + ".html";

    return s;

  } else if (this.position == AUTOCOMPLETE_LEFT || this.position == AUTOCOMPLETE_RIGHT) {

    var id1, id2;

    var u = window.location.href;



    if (this.position == AUTOCOMPLETE_LEFT ) 

    {



       id1 = e[AUTOCOMPLETE_PHONEID];      

       id2 = u.match("idPhone2="); 

       if (id2)

       {

           id2 = u.replace(AUTOCOMPLETE_REP_HOST_URL,"");

           var len_id2 = id2.length;

           var search_id2 = id2.search("idPhone2=");

           var pos_id2=search_id2 + 9;

           id2=id2.substring(pos_id2, len_id2) 

       }   else {id2="";} 	

    }

    else

    {

      id2 =e[AUTOCOMPLETE_PHONEID];

      id1 = u.match("idPhone1="); 

       if (id1)

       {

           id1 = u.replace(AUTOCOMPLETE_REP_HOST_URL,"");

           var search_id1 = id1.search("idPhone2=");

           if (search_id1>0) {

           id1=id1.substring(0,search_id1 - 1) ;}

       }  else {id1="";}  

    }





    var s = "?"; 

    if (id1) s += "idPhone1=" + id1;

    if (id1 && id2) s += "&";

    if (id2) s += "idPhone2=" + id2;

    return s;





  } else {

    return "http://huyen.com.vn";

  }

}



Autocomplete.prototype.setList = function(list) {



  // if searching in something other than phones, don't show autocomplete



  if (AUTOCOMPLETE_DISABLED)

    return;



  this.list.empty();

  this.selected = -1;



  if (list.length == 0) {

    this.hide();

    return;

  }



  var s = "";



  for(var i = 0; i < list.length; i++) {

    s += '<li value="' + i + '">';

    s += '<a href="' + this.makeURL(list[i]) + '">';

    s += '<img src="' + AUTOCOMPLETE_THUMB_URL + list[i][AUTOCOMPLETE_THUMB]  + '"><span>';

    s += AUTOCOMPLETE_MAKERS["" + list[i][AUTOCOMPLETE_MAKERID]] + " " + list[i][AUTOCOMPLETE_PHONE_NAME];

    s += '</span></a></li>';

  }



  this.list.html(s);

}



Autocomplete.prototype.setSelected = function(ind) {

  if (this.result.length == 0)

    return;



  if (ind < -1) {

    ind = this.result.length;

  }



  // make the "more" link the last element in the list



  if (ind >= this.result.length) {

    if (ind == this.result.length) {

      this.list.find("li").removeClass("autocomplete-selected");

      this.more.addClass("autocomplete-more-selected");



      this.selected = ind;



      return;

    } else {

     ind = -1;

    }

  }



  this.list.find("li").removeClass("autocomplete-selected");

  this.more.removeClass("autocomplete-more-selected");



  if (ind == -1) {

    this.selected = -1;

    return;

  }



  this.selected = confine(0, ind, this.result.length);



  this.show();



  $(this.list.find("li")[this.selected]).addClass("autocomplete-selected");

}



Autocomplete.prototype.doMatch = function(s1, s2) {

  if (s1 == "")

    return false;



  var l = s1.split(/\s+/g);



  for (var i = 0; i < l.length; i++) {

    var t = l[i];



    if (t.match(/^[^0-9]/)) { 

      if (s2.indexOf(t) != 0 && s2.indexOf(" " + t) == -1)

        return false;

    } else { 

      if (s2.indexOf(t) == -1)

        return false;

    }

  }



  return true;

}



Autocomplete.prototype.refreshList = function(s) {



  // if searching in something other than phones, don't show autocomplete



  if (AUTOCOMPLETE_DISABLED)

    return;

  

  // trim leading and trailing whitespace



  s = $.trim(s).toLowerCase();



  // do nothing for empty string or just whitespace



  if (s === "")

    return;





  // check if maker is included



  var makerID = false;

  for (maker in AUTOCOMPLETE_MAKERS) {

    var m = AUTOCOMPLETE_MAKERS[maker].toLowerCase();

    var t = s.substring(0, m.length).toLowerCase();

    if (m == t) {

      if (makerID && AUTOCOMPLETE_MAKERS["" + makerID].length > m.length) // prefer "sony ericsson" over "sony" for s == "sony er..."

        continue;



      makerID = parseInt(maker, 10);

    }

  }



  // remove maker name (if found) from search string



  if (makerID)

    s = $.trim(s.replace(AUTOCOMPLETE_MAKERS["" + makerID].toLowerCase(), ""));



  // search list



  var res = [];

  for (var i = 0; i < AUTOCOMPLETE_LIST.length; i++) {

    var phone = AUTOCOMPLETE_LIST[i];



    // phone from different maker

    if (makerID && phone[AUTOCOMPLETE_MAKERID] != makerID)

      continue;



    var name = phone[AUTOCOMPLETE_PHONE_NAME].toLowerCase();

    var searchStr = phone[AUTOCOMPLETE_SEARCH_STR].toLowerCase();



    if (s === "" || this.doMatch(s, name) || this.doMatch(s, searchStr))

      res.push(phone);



    if (res.length == AUTOCOMPLETE_MAX_LINES)

      break;

  }



  this.show();

  this.result = res;

  this.setList(res);

}





Autocomplete.prototype.hide = function() {

  this.autocomplete.addClass("autocomplete-hide");

}



Autocomplete.prototype.show = function() {

  // if searching in something other than phones, don't show autocomplete



  if (AUTOCOMPLETE_DISABLED)

    return;



  this.autocomplete.removeClass("autocomplete-hide");

}



$(document).ready(function() {

  var a = new Autocomplete("#topsearch", AUTOCOMPLETE_SEARCH, "topsearch-text"); 

});



function checkInputSearch(field)

   {

	this.field = $("#" + field);

	if (AUTOCOMPLETE_SEARCH_TEXT =="") 

	{

		alert('Xin nh­p tên s£n ph©m c§n tìm !');

		this.field.focus();

		return false;	

	}

	return true;

   }