var suggest_locations  = new Array();
var suggest_categories = new Array();

(function($){
	$(document).ready(function(){
	
		// Global variables here
		var cat_suggest = $('.cat_suggest');
		var loc_suggest = $('.loc_suggest');
		
		// displays the suggestions here on keyup event
		$('#location').keyup(function(){
			var locval = $(this).val().replace(/(^[\s]|\s*?)*/, '');
			$(this).val(locval);
			$.ajax({
				url : 'search/suggest_location/'+$(this).val(),
				data: 'location='+$(this).val(),
				type: 'post',
				success: function(o){					
					var res = o.split('-');					
					var aut = res[1].split('_');
					for(var i=0; i<(aut.length-1); i++)
						suggest_locations[i] = aut[i];
					if ( aut.length == 1 ) $('#dawgs').val('');
					if (res[0] == '<dt>Suggestions</dt>') {
						loc_suggest.removeClass('show').addClass('hide');
					} else {
						loc_suggest.removeClass('hide').addClass('show');
						$('.loc_suggest dl').html(res[0]);
					}
				}
			});
		});	
		
		$('#categories').keyup(function(){
			var catval = $(this).val().replace(/(^[\s]|\s*?)*/, '');
			$(this).val(catval);
			$.ajax({
				url : 'search/suggest_categories/'+$(this).val(),
				data: 'categories='+$(this).val(),
				type: 'post',
				success: function(o){
					cat_suggest.removeClass('hide').addClass('show');
					var res = o.split('-');					
					var aut = res[1].split('_');
					for(var i=0; i<(aut.length-1); i++)
						suggest_categories[i] = aut[i];
					if ( aut.length == 1 ) $('#cats').val('');
					if (res[0] == '<dt>Suggestions</dt>') {
						cat_suggest.removeClass('show').addClass('hide');
					} else {
						$('.cat_suggest dl').html(res[0]);
					}
				}
			});
		});
		
		$('.loc_suggest dl dd').live('click', function(){
			var location = $(this).text();
			$('#location').val(location);
			if (loc_suggest.hasClass('show'))
				loc_suggest.removeClass('show').addClass('hide');
		});
		
		$('.cat_suggest dl dd').live('click', function(){
			var category = $(this).text();
			$('#categories').val(category);
			if (cat_suggest.hasClass('show'))
				cat_suggest.removeClass('show').addClass('hide');
		});
	
		
		$('#location').focus(function(){ tvalues = $(this).attr('title'); if ($(this).val() == tvalues) $(this).removeClass('hint').val(''); });
		$('#categories').focus(function(){ uvalues = $(this).attr('title'); if ($(this).val() == uvalues) $(this).removeClass('hint').val(''); });
		
		
		$('#location').blur(function(){ if ($(this).val() == '') $(this).addClass('hint').val(tvalues); });
		$('#categories').blur(function(){ if ($(this).val() == '') $(this).addClass('hint').val(uvalues); });
	});			
})(jQuery);