jQuery(document).ready(function(){
	var t;
	var len = 0;
	jQuery("body").click(function(){
		jQuery('#popup-bubble').css('display', 'none');
	});
	jQuery("input#homepage-search").click(function(){
		jQuery('#popup-bubble').css('display', 'none');
		jQuery("input#homepage-search").val('');
	});
	jQuery("input#homepage-search").keyup(function(e){
		var query = new Array();
		var q = '';
		if (jQuery(this).val().length >= 3) {
			if(len!=jQuery(this).val().length){
				clearTimeout(t);
			}
			else{
				len = jQuery(this).val().length;
			}
			arr = jQuery(this).val().split(" ");
			for (i = 0; i < arr.length; i++) {
				if (arr[i].length) 
					query.push(arr[i]);
			}
			for (i = 0; i < query.length; i++) {
				if (i == 0 && query.length > 1) {
					q = query[i] + "+";
				}
				else 
					if (i == 0 && query.length == 1) {
						q = query[i];
					}
					else 
						if (i == query.length - 1) {
							q += query[i];
						}
						else {
							q += query[i] + "+";
						}
			}
			jQuery("input#homepage-search").css('background', "url('http://www.mytraining.net/skin/frontend/enterprise/aw/images/al.gif') 100% 0 no-repeat");
			t = setTimeout(function(){
			jQuery.getJSON("http://www.mytraining.net/searchautocomplete/ajax/search/?q=" + q, function(data){
				jQuery("#home-mid-autosearch").html('');
				n = 0;
				jQuery.each(data.course, function(){
					jQuery("#home-mid-autosearch").append("<div class='result-boxes'><img src='"+this.image+"' style='margin: 2px 5px 2px 0;' width='50px' height='15px' alt='logo'/><a href='"+this.url+"'>"+this.name+" ("+this.location+")</a><br /><div class='search-description'>"+this.dec+"</div></div>");
					n++;
					if(n==2){ jQuery("#home-mid-autosearch").append("<div class='clear'>"); n=0; }
				});
				if(data.course.length==0){
					jQuery("#home-mid-autosearch").append("<div style='padding: 0 10px;'>Sorry we can't find the result with the keyword '"+jQuery("input#homepage-search").val()+"'<br/>you can click <img src='http://www.mytraining.net/skin/frontend/enterprise/mytraining/images/magnifier_icon.png' alt='image'> for more result.</div>");
				}
				else{
					jQuery("#home-mid-autosearch").append("<div class='clear' /><div style='padding: 0 10px;'>Some results are listed here and you can click <img src='http://www.mytraining.net/skin/frontend/enterprise/mytraining/images/magnifier_icon.png' alt='image'> or press enter for more results.</div>");
				}
				pos = jQuery("#homepage-search").offset();
				jQuery("#popup-bubble").css('bottom', "0");
				jQuery('#popup-bubble').css('display', 'block');
				jQuery("input#homepage-search").css('background','none');
			});}, 300);
		}
		else{
			clearTimeout(t);
			jQuery("input#homepage-search").css('background','none');
			jQuery("#home-mid-autosearch").html('');
			jQuery('#popup-bubble').css('display', 'none');
		}
		if (e.stopPropagation) {
			e.stopPropagation();
		} else {
			e.cancelBubble = true;
		}
	});
	
});