myInputElement = "#quick"   
function adjustOffset(e) 
{
 var inputOffset = glow.dom.get(myInputElement).offset();
 var suggestBox =  glow.dom.get("ul.autosuggest-light").parent().parent();
 suggestBox.css('left', parseInt(inputOffset.left - 161) + 'px');
 suggestBox.css('top', parseInt(inputOffset.top + 27) + 'px');   
}
glow.ready
(
function()
{
glow.dom.get('#masthead').append('<div id="quicksearchContainer"><div class="header"><span class="heading">QUICK FIND</span><p class="inputHolder" ><input type="text" id="quick" class="text inactive" value ="Enter an artist name ..."/><span class="loader">&nbsp;</span></p></div></div>');
var test =  glow.dom.create("<div>&nbsp;</div>");
glow.events.addListener( test,'click',function () {  
  glow.dom.get("#quick").val(''); 
  document.getElementById("quick").focus();
  glow.dom.get("div.header span.loader").html("&nbsp;");   
});



var autosuggest1 = new glow.widgets.AutoSuggest
(
	    myInputElement,
				"/music/artists/search.json?q={input}" ,
	    {  
				parseData: function(response) 
				{	    
					var dataobject = [];
					dataobject = glow.data.decodeJson(response.text());
					dataobject = dataobject['artists'];	
					glow.dom.get("div.header span.loader").removeClass("active"); 
		      glow.dom.get("div.header span.loader").html(test); 
		      if (dataobject[0]) {dataobject[0].label = "Artists";} 
		      return dataobject;
					 				
	   		}, 
	
	      onItemSelect: function(e)
				{
					if (e.source[0].className == "qf_footer active"){
					  window.location = ("/music/artists/a-z/by/" + glow.dom.get("#quick").val())	
					} 
					else
					{this.val(e.selectedItem.name);
					window.location = ("/music/artists/" + e.selectedItem.gid)}
		
					
				}, 
				
				isMatch: function(indexedWord, inputWord)
				{
					return (
                  // only try to match when we have more than 1 character
                  inputWord.length > 1
                  // match anywhere in the word
                  && indexedWord.indexOf(inputWord) > -1
              );
          	
				},  
				onInputChange : function(event) { 
				            if (this.val().length < 2) {
				                event.preventDefault(); // prevent any lookups
				                this.hide(); // and tidy up behind ourselves?
				            }
				            else {
				                var that = this; // closure for callback     
											  glow.dom.get("div.header span.loader").addClass("active");
										    glow.dom.get("div.header span.loader").html("&nbsp;");
				                this.loadData(
				                    function() {
				                        that.find(); 
				                        if ( glow.dom.get(".qf_footer").length == 0) {
				                            glow.dom.create('<li class="qf_footer"> <a href="/music/artists/a-z/by/' +  glow.dom.get("input#quick").val()  +'"> All Results »</a></li>').appendTo('.autosuggest-light');
				                        }
				                        else {
				                            glow.dom.get(".qf_footer").html('<a href="/music/artists/a-z/by/' +  glow.dom.get("input#quick").val()  + '">  Show All Artist Results »</a>');
				                        }
				                    }
				                );
				            }
				        },
				    				
			 
			
			
			 
				
				formatItem: function(item) 
				{
					var html =""
					if (item.label){ html += "<span class=\"type_label\">" +  item.label + '</span>'}
					html += '<img src="/music/images/artists/70x39_black/' + item.gid + '.jpg" style="width:46px !important;height:26px !important;"/>' ;
				  html += "" + item.name + "";  
					return html;
				},
				width: 385,
				left:922,
				anim: "roll",
				autoPosition: false
	    }
); // end of autosugets       


glow.events.addListener(glow.dom.get("#quick"), 'keydown',
	function(e) {
		if (e.key == 'ENTER') {
			autosuggest1.loadData();
			e.preventDefault();
		}
	}
);   
glow.events.addListener(glow.dom.get("#quick"),'focus',function() {
 		if (glow.dom.get("#quick").val() == "Enter an artist name ..." ) {
		glow.dom.get("#quick").val('');
		glow.dom.get("#quick").removeClass("inactive");
		var quickfinder_anim = glow.anim.css("#quick", 0.2, { "opacity": {from: "0.8", to: "1"}  });
     quickfinder_anim.start();
		}   
		
	});

  glow.events.addListener(autosuggest1.overlay, 'afterShow', function() {
    
    var newTopPosition = glow.dom.get('#quick').offset().top +25
    var newLeftPosition = glow.dom.get('#quick').offset().left - 90;
    autosuggest1.overlay.container.css('top', newTopPosition);
    autosuggest1.overlay.container.css('left', newLeftPosition);
  });


}  //end of anonymous function

)  // end of glow.ready