/*
 * http://woorkup.com/2010/09/13/how-to-create-your-own-instant-search/
 */

$(document).ready(function(){
var runningRequest = false;
    var request;

	$('a#showall').click(function(e){
		startSearch(e, '----------', runningRequest);
	});

    $('input#q').keyup(function(e){
		var $q = $(this).val();
		startSearch(e, $q, runningRequest);
	});
});

function startSearch(e, q, runningRequest){
        e.preventDefault();
		//var $q = $(this);

		requestInstantSearch(q);
		
        /*var $q = $(this);

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

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

        runningRequest=true;

        request = $.getJSON("instantsearch.php",{
            q:$q.val()
        },function(data){           
            showResults(data,$q.val());
            runningRequest=false;
        });*/

function requestInstantSearch(searchVal)
{
	var $q = searchVal;

    if($q == '')
	{
        $('div#results').html('');
        return false;
    }

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

    runningRequest=true;
    request = $.getJSON("instantsearch.php",{
        q:$q
    },function(data){           
        showResults(data,$q);
        runningRequest=false;
	});
}

	function showResults(data, highlight)
	{
           var resultHtml = '';
            $.each(data, function(i,item){
                resultHtml+='<div class="result">';
                //resultHtml+='<h2><a href="#">'+item.title+'</a></h2>';
				resultHtml+='<p class="destination-result"><a href="destinations/' + item + '.php">' + item + '</a></p>';
                //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();
        });
    }/*);
 });
*/