$(function(){
	
	jQTubeUtil.init({
		key: 'AI39si73J88KqOpnS0qufASk1veyM38Bx1c2n4FNr--LoSh3hQrNI6BT9PsWblRvP_gbX2sQ651gR0ThY1lCABwSL5aFedgPqQ',
		orderby: 'viewCount',
		time: 'all_time',  
		maxResults: 9
	});
	
	$('.search').keyup(function(){
		var val = $(this).val();
		jQTubeUtil.suggest(val, function(response){
			var html = '';
			for(s in response.suggestions){
				var sug = response.suggestions[s];
				html += '<li><a href="#">'+sug+'</a></li>';
			}
			if (response.suggestions.length)
				$('.autocomplete').html(html).fadeIn(500);
			else 
				$('.autocomplete').fadeOut(500);
		});
	});
	
	
	$('.btn').click(function(){
		//show_videos();
		$('.autocomplete').fadeOut(500);
		return false;
	});
	
	$('.autocomplete').find('a').live('click', function(){
		var text = $(this).text();
		document.getElementById("k").value=text;
		//$('k').val(text);
		//alert(text);
		$('.blocks').find('.search').val(text);
		$('.autocomplete').fadeOut(500);
		//show_videos();
		return false;
	});
	
	function show_videos(){
		var val = $('.blocks').find('.search').val();
		$('.videos').addClass('preloader').html('');
		jQTubeUtil.search(val, function(response){
			var html = '';
			for (v in response.videos) {
				var	video = response.videos[v],
					minutes = parseInt(video.duration / 60),
					seconds = video.duration % 60;
				html += '<li>';
				html += '<p class="image"><a href="http://www.youtube.com/watch?v='+video.videoId+'">';
				html += '<img src="' + video.thumbs[1].url + '" alt="' + video.title + '" title="' + video.title + '" />';
				html += '</a></p>'
				html += '<p class="entry"><a href="http://www.youtube.com/watch?v='+video.videoId+'">' + video.title + '</a>';
				html += '<small>' + minutes + ':' + (seconds < 10 ? '0'+seconds : seconds) + '</small>';
				html += '</p>';
				html += '</li>';
			}
			$('.videos').removeClass('preloader').html(html);
		});
	}
			
});