var MobileT = {
	last_text: null,
	init_text: "Enter your phone make and model, e.g. nokia n95",
	cache: {},
	init: function(){
		this.form = $("mobile-form-top");
		this.form.onsubmit = this._submit.bind(this);
		this.search_field = this.form["query"];
		new PeriodicalExecuter(function(){
			var val = this.search_field.getValue();
			if(val.length > 2 && val != this.init_text && this.last_text != val){
				this.last_text = val;
				if(!this.cache[val]){
					new Ajax.Request(js_url+"index.php", {
						parameters: {"side": "index", "cl": "mobile", "act": "get_suggestions", "q": val},
						method: 'post',
						onComplete: function(response){
							var js = "";
							eval("js="+response.responseText);
							if(js){
								this.cache[val] = js;
								this.render(js);
							}
						}.bind(this)
					});
				}else{
					this.render(this.cache[val]);
				}
			}
		}.bind(this), 1.1);
		this.search_field.observe("focus", function(){
			var val = this.search_field.getValue();
			if(val == this.init_text){
				this.search_field.setValue("");
			}
		}.bind(this));
		this.search_field.observe("blur", function(){
			var val = this.search_field.getValue();
			if(val.length == 0){
				this.search_field.setValue(this.init_text);
			}
		}.bind(this));
	},
	_submit: function(){
		var val = this.search_field.getValue();
		if(val.length > 2){
			var a = val.replace(" ", "_b_");
			Main.redirect(js_url+"mobile/search/"+a);
		}
		return false;
	},
	render: function(data){
		var suggs = $("phone-suggestions-top");
		if(data.total > 0){
			suggs.show();
			suggs.update("");
			var d = data["suggestions"];
			for(var i =0; i < data.total; i++){
				var item = new Element("div", {"class": "item"+(i%2!=0 ? " grey":"")});
				//item.insert(new Element("img", {"src": d[i]["image"], "width": 35}));
				item.insert(new Element("div", {"class": "p-center"}).insert(new Element("h4").update(d[i]["prod_name"])));//.insert(new Element("span").update("Select this phone")));
				item.insert(new Element("div", {"class":"p-right"}).insert(new Element("span").update("Sell now for:")).
				insert(new Element("b").update((d[i]["points"].length > 1 ? d[i]["points"]+" points" : "&pound;"+d[i]["price"]))));//.insert(new Element("span").update(d[i]["_cc"]+" prices"))
				item.observe("click", function(_url){
					Main.redirect(js_url+"mobile/details/"+_url);
				}.bind(this, d[i]["url"]));
				suggs.insert(item);
			}
		}else{
			suggs.hide();
		}
	}
};
Main.onReady(MobileT.init, MobileT);