$(function(){
	
	jQTubeUtil.init({
		key: 'AI39si73J88KqOpnS0qufASk1veyM38Bx1c2n4FNr--LoSh3hQrNI6BT9PsWblRvP_gbX2sQ651gR0ThY1lCABwSL5aFedgPqQ',
		orderby: 'viewCount',
		time: 'all_time',  
		maxResults: 30
	});
	
	$('.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();
		$('.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 += '<div class="cont1"><a target="_blank" href="http://www.youtube-mp3.me/share.php?v='+video.videoId+'">';
				html += '<div class="top" id="top">' + minutes + ':' + (seconds < 10 ? '0'+seconds : seconds) + '</div>';
				html += '<span class="image-cont1"><img class="pic" src="http://i.ytimg.com/vi/'+video.videoId+'/hqdefault.jpg"></span>';
				html += '<span class="videoservice-300-listing-text-cont">';
				html += '<span class="objekt1">' + video.title + '</span>';
				html += '</span>';
				html += '</a></div>';
				html += '</li>';
				}
			$('.videos').removeClass('preloader').html(html);
		});
	}
			
});