var runningRequest = false;
var request;

$(document).ready(function() {
	$('input[name="prod_search"]').val('');
	$('input[name="prod_search"]').css( {  'background-image' : 'url(/images/search-input-bg.png)' , 'background-repeat' : 'no-repeat' }) ;
	$('input[name="prod_search"]').focus();
});

$(document).ready(function() {
	$('input[name="prod_search"]').hover(
		function () {
			$(this).focus();
			$(this).css('background', '#fff');
		}, 
		function () {
			if ( $(this).val().length == 0 ) {
				$(this).css( {	'background-image' : 'url(/images/search-input-bg.png)' , 'background-repeat' : 'no-repeat' }) ;
				$(this).blur();
			}
		}
	);
});

$(document).ready(function() {
        $('input[name="prod_search"]').keypress(function(e) {
              	$(this).css('background', '#fff');
	});
});

$(document).ready(function() {
	$('input[name="prod_search"]').keypress(function(e) {
    		if(e.keyCode == 13) {
			console.log('enter pressed');
			return false;
    		}
	});
});

$(document).ready(function() {
	$('input[name="prod_search"]').keyup(function(e) {
		if ( $(this).val().length == 0 ) {
			$(this).css( {  'background-image' : 'url(/images/search-input-bg.png)' , 'background-repeat' : 'no-repeat' }) ;
		}
		else {
			$(this).css('background', '#fff');
		}

		e.preventDefault();
        	var $q = $(this);

        	if($q.val().length < 3 ){
        		$('div#results').html('');
        		return false;
        	}

        	//Abort opened requests to speed it up
        	if(runningRequest){
            		request.abort();
        	}

        	runningRequest=true;
        	request = $.getJSON('search.php',{ 
				action:'suggest',q:$q.val() },function(data){           
        				showResults(data,$q.val());
        				runningRequest=false;
        	});

		//Create HTML structure for the results and insert it on the result div
		function showResults(data, highlight){
			if (data.r == 0) {
				return false;
			}
        		var resultHtml = '';
        		$.each(data, function(i,item){
                		resultHtml+='<div class="result">';
                		resultHtml+='<h2><a href="#">'+item.title+'</a></h2>';
                		resultHtml+='<p>'+item.post.replace(highlight, '<span class="highlight">'+highlight+'</span>')+'</p>';
                		resultHtml+='<a href="#" class="readMore">Read more..</a>'
                		resultHtml+='</div>';
           		});
	        	$('div#results').html(resultHtml);
        	}

        	$('form').submit(function(e){
            		e.preventDefault();
        	});
	});
});

$(document).ready(function() {
	$('#clean_search').click(function() {
		$('input[name="prod_search"]').val('');
		$('input[name="prod_search"]').focus();
	});
});