<!-- var $ = jQuery.noConflict(); -->
function replaceAll(str, find, replace) {
  if ( str == null || find == null || replace == null ) {
  	return '';
  	}
  	else {
  return str.replace(new RegExp(find, 'g'), replace);
  }
}

function cercaTutti() {
	var testoric = $("#fieldricercah").val();
	testoric = $.trim(testoric);
	var chiavi = replaceAll(testoric,' ',',');
    chiavi = replaceAll(chiavi,'\\+',',');
    chiavi = replaceAll(chiavi,';',',');
	if ( testoric.length > 2 ) {
//	var lnkall = urlSito+'search/'+replaceAll(testoric,'\'','%27')+'/1/id/a';
	var lnkall = urlSito+'search/'+replaceAll(chiavi,'\'','%27')+'/1/id/k';

	window.location = lnkall;
	}
}
function mostraAltriBrani() {
	clearTimeout(timeOutCercaChiudi);
	$("#mostraBrani").hide("fast", function() {
	$( ".branonascosto" ).each(function( index ) {
		$(this).removeClass("branonascosto");
	});
	});
}
function mostraAltriAlbum() {
	clearTimeout(timeOutCercaChiudi);
	$("#mostraAlbum").hide("fast", function() {
	$( ".albumnascosto" ).each(function( index ) {
		$(this).removeClass("albumnascosto");
	});
	});
}
function mostraAltriComp() {
	clearTimeout(timeOutCercaChiudi);
	$("#mostraComp").hide("fast", function() {
	$( ".compnascosto" ).each(function( index ) {
		$(this).removeClass("compnascosto");
	});
	});
}
function string_to_slug(str) {
  str = str.replace(/^\s+|\s+$/g, '');
  str = str.toLowerCase();
  var from = "àáäâèéëêìíïîòóöôùúüûñç·/_,:;";
  var to   = "aaaaeeeeiiiioooouuuunc------";
  for (var i=0, l=from.length ; i<l ; i++) {
    str = str.replace(new RegExp(from.charAt(i), 'g'), to.charAt(i));
  }

  str = str.replace(/[^a-z0-9 -]/g, '')
    .replace(/\s+/g, '-')
  str = replaceAll(str,"---","-");
  str = replaceAll(str,"--","-");
  return str;
}
function chiudiApriSearch(quale) {
	clearTimeout(timeOutCercaChiudi);
	if ( quale == 'cat' ) {
		if ($( "#contChiaviCath" ).hasClass("aperto")) {
			$( "#contChiaviCath" ).hide("fast");
			$( "#contChiaviCath" ).removeClass("aperto");
			$( "#nascondicat" ).removeClass("icon-arrow-up-line");
			$( "#nascondicat" ).addClass("icon-arrow-down");
		}
		else {
			$( "#contChiaviCath" ).show("fast");
			$( "#contChiaviCath" ).addClass("aperto");
			$( "#nascondicat" ).removeClass("icon-arrow-down");
			$( "#nascondicat" ).addClass("icon-arrow-up-line");
		}
	}
	if ( quale == 'ch' ) {
		if ($( "#contChiavih" ).hasClass("aperto")) {
			$( "#contChiavih" ).hide("fast");
			$( "#contChiavih" ).removeClass("aperto");
			$( "#nascondiChiavi" ).removeClass("icon-arrow-up-line");
			$( "#nascondiChiavi" ).addClass("icon-arrow-down");
		}
		else {
			$( "#contChiavih" ).show("fast");
			$( "#contChiavih" ).addClass("aperto");
			$( "#nascondiChiavi" ).removeClass("icon-arrow-down");
			$( "#nascondiChiavi" ).addClass("icon-arrow-up-line");
		}
	}
	if ( quale == 'br' ) {
		if ($( "#contBranih" ).hasClass("aperto")) {
			$( "#contBranih" ).hide("fast");
			$( "#contBranih" ).removeClass("aperto");
			$( "#nascondiBrani" ).removeClass("icon-arrow-up-line");
			$( "#nascondiBrani" ).addClass("icon-arrow-down");
		}
		else {
			$( "#contBranih" ).show("fast");
			$( "#contBranih" ).addClass("aperto");
			$( "#nascondiBrani" ).removeClass("icon-arrow-down");
			$( "#nascondiBrani" ).addClass("icon-arrow-up-line");
		}
	}
	if ( quale == 'al' ) {
		if ($( "#contAlbumh" ).hasClass("aperto")) {
			$( "#contAlbumh" ).hide("fast");
			$( "#contAlbumh" ).removeClass("aperto");
			$( "#nascondiAlbum" ).removeClass("icon-arrow-up-line");
			$( "#nascondiAlbum" ).addClass("icon-arrow-down");
		}
		else {
			$( "#contAlbumh" ).show("fast");
			$( "#contAlbumh" ).addClass("aperto");
			$( "#nascondiAlbum" ).removeClass("icon-arrow-down");
			$( "#nascondiAlbum" ).addClass("icon-arrow-up-line");
		}
	}
	if ( quale == 'cp' ) {
		if ($( "#contComph" ).hasClass("aperto")) {
			$( "#contComph" ).hide("fast");
			$( "#contComph" ).removeClass("aperto");
			$( "#nascondiComp" ).removeClass("icon-arrow-up-line");
			$( "#nascondiComp" ).addClass("icon-arrow-down");
		}
		else {
			$( "#contComph" ).show("fast");
			$( "#contComph" ).addClass("aperto");
			$( "#nascondiComp" ).removeClass("icon-arrow-down");
			$( "#nascondiComp" ).addClass("icon-arrow-up-line");
		}
	}
}
function esc(stringa) {
	strout = stringa.replace(/'/g, "\\\'");
	return strout;
}
function caricaChiavi(testoric) {
   	 $.getJSON(url, { 
        op: "listaChiavi",
        chiave: testoric
    }, elencoCCaricato);
}
function elencoCCaricato(json,stato) {
	jsonRic = json.ricerca;
	jsonCat = json.categorie;
	jsonCh = json.chiavi;
	jsonBr = json.brani;
	jsonComp = json.comp;
	jsonAlbum = json.album;
	var cisonoCat = false;
	var contenuto = '';
	$('#contChiaviCath').html('');
	if ( jsonCat.length > 0 ) {
	cisonoCat = true;
	contenuto += '<div class="testaChiavih" id="testaCategorieh">';
	contenuto += '<div class="w-100 p-l-10 blf brg">';
	contenuto += '<a href="javascript:chiudiApriSearch(\'cat\');"><i id="nascondicat" class="icon icon-arrow-up-line f-150 vam m-r-5"></i></a>';
	contenuto += '<strong>Categorie</strong></div></div>';
	contenuto += '<div class="contChiavih aperto" id="contChiaviCath">';
    var alterna = true;
    $.each(jsonCat, function (i, dat) {
    var testoIn = '';
    switch(dat.cat_tipo) {
    case 'mf':
        testoIn = '<strong>Music For: </strong>';
        break;
    case 'pl':
        testoIn = '<strong>Places: </strong>';
        break;
    case 'ge':
        testoIn = '<strong>Genres: </strong>';
        break;
    case 'mo':
        testoIn = '<strong>Mood: </strong>';
        break;
    case 'st':
        testoIn = '<strong>Instruments: </strong>';
        break;
    case 'tm':
        testoIn = '<strong>Tempo: </strong>';
        break;
   	 default:
        testoIn = '';
		}
		indirizzo = urlSito+'search/'+dat.cat_chiave+'/1';
     	contenuto += '<a href="'+indirizzo+'">';
     	if ( alterna == true ) {
     		sfondo = ' backOdd';
     		alterna = false;
     	}
     	else {
     		sfondo = ' backEven';
     		alterna = true;
     	}
    	contenuto += '<div class="w-100 contCh cv m-t-5 m-l-0 m-r-0 p-l-0 p-r-0 bbt blf brg p-l-5 tal'+sfondo+'">'+testoIn+dat.cat_chiave+'</div></a>';
    });
	contenuto += '</div>';
	}

	var cisonoChiavi = false;
	if ( jsonCh.length > 0 ) {
	cisonoChiavi = true;
	contenuto += '<div class="testaChiavih" id="testaChiavih">';
	contenuto += '<div class="w-100 p-l-10 blf brg bbt>';
	contenuto += '<a href="javascript:chiudiApriSearch(\'ch\');"><i id="nascondiChiavi" class="icon icon-arrow-up-line f-150 vam m-r-5"></i></a>';
	contenuto += '<strong>Chiavi</strong></div></div>';
	contenuto += '<div class="contChiavih aperto" id="contChiavih">';
    var alterna = true;
    $.each(jsonCh, function (i, dat) {
		indirizzo = urlSito+'search/'+dat.ch_descrizione+'/1';
     	contenuto += '<a href="'+indirizzo+'">';
     	if ( alterna == true ) {
     		sfondo = ' backOdd';
     		alterna = false;
     	}
     	else {
     		sfondo = ' backEven';
     		alterna = true;
     	}
    	contenuto += '<div class="w-100 contCh cv m-t-5 m-l-0 m-r-0 p-l-0 p-r-0 bbt blf brg p-l-5 tal'+sfondo+'">'+dat.ch_descrizione+'</div></a>';
    });
	contenuto += '</div>';
	}

	var cisonoBrani = false;
	if ( jsonBr.length > 0 ) {
	cisonoBrani = true;
	var ind = 0;
	contenuto += '<div class="testaChiavih" id="testaBranih">';
	contenuto += '<div class="w-100 p-l-10 blf brg bbt">';
	if ( cisonoCat || cisonoChiavi  ) {
		icona = 'icon-arrow-down';
	}
	else {
		icona = 'icon-arrow-up-line';
	}
	contenuto += '<a href="javascript:chiudiApriSearch(\'br\');"><i id="nascondiBrani" class="icon '+icona+' f-150 vam m-r-5"></i></a>';
	var titparz = '<a href="'+urlSito+'search/'+replaceAll(jsonRic.chiave,'\'','%27')+'/1/id/t">'+jsonRic.chiave+'</a>';
	contenuto += '<strong>Titoli Brano contenenti: '+titparz+'</strong></div></div>';
	if ( cisonoCat || cisonoChiavi  ) {
	contenuto += '<div class="contChiavih" id="contBranih" style="display: none;">';
	}
	else {
	contenuto += '<div class="contChiavih aperto" id="contBranih">';
	}
    var alterna = true;
    $.each(jsonBr, function (i, dat) {
        ind++;
		indirizzo = urlSito+'search/'+replaceAll(dat.br_titolo,'\'','%27')+'/1/id/t';
     	contenuto += '<a href="'+indirizzo+'">';
     	if ( alterna == true ) {
     		sfondo = ' backOdd';
     		alterna = false;
     	}
     	else {
     		sfondo = ' backEven';
     		alterna = true;
     	}
     	classnasc = '';
     	if ( ind > 10 ) {
     		classnasc = ' branonascosto';
     	}
    	contenuto += '<div class="w-100 contCh cv m-t-5 m-l-0 m-r-0 p-l-0 p-r-0 bbt blf brg p-l-5 tal'+sfondo+classnasc+'">'+decodeURI(dat.br_titolo)+'</div></a>';
    });
    if ( ind > 10 ) {
    	contenuto += '<div id="mostraBrani" class="backOdd blf brg bbt"><a href="javascript:mostraAltriBrani();">Mostra altri brani...</a></div>';
    }
	contenuto += '</div>';
	}

	var cisonoAlbum = false;
	if ( jsonAlbum.length > 0 ) {
	cisonoAlbum = true;
	var ind = 0;
	contenuto += '<div class="testaChiavih" id="testaAlbumh">';
	contenuto += '<div class="w-100 p-l-10 blf brg bbt">';
	if ( cisonoCat || cisonoChiavi  ) {
		icona = 'icon-arrow-down';
	}
	else {
		icona = 'icon-arrow-up-line';
	}
	contenuto += '<a href="javascript:chiudiApriSearch(\'al\');"><i id="nascondiAlbum" class="icon '+icona+' f-150 vam m-r-5"></i></a>';
	contenuto += '<strong>Titolo album contenenti: '+jsonRic.chiave+'</strong></div></div>';
	
	if ( cisonoCat || cisonoChiavi  ) {
	contenuto += '<div class="contAlbumh" id="contAlbumh" style="display: none;">';
	}
	else {
	contenuto += '<div class="contAlbumh aperto" id="contAlbumh">';
	}
    var alterna = true;
    $.each(jsonAlbum, function (i, dat) {
        ind++;
        indirizzo = urlSito+'album/'+dat.cd_id+'/'+string_to_slug(dat.cd_titolo);
     	contenuto += '<a href="'+indirizzo+'">';
     	if ( alterna == true ) {
     		sfondo = ' backOdd';
     		alterna = false;
     	}
     	else {
     		sfondo = ' backEven';
     		alterna = true;
     	}
     	classnasc = '';
     	if ( ind > 10 ) {
     		classnasc = ' albumnascosto';
     	}
    	contenuto += '<div class="w-100 contCh cv m-t-5 m-l-0 m-r-0 p-l-0 p-r-0 bbt blf brg p-l-5 tal'+sfondo+classnasc+'">'+dat.cd_cod+' - '+dat.cd_titolo+'</div></a>';
    });
    if ( ind > 10 ) {
    	contenuto += '<div id="mostraAlbum" class="backOdd blf brg bbt"><a href="javascript:mostraAltriAlbum();">Mostra altri album...</a></div>';
    }
	contenuto += '</div>';
	}

	var cisonoComp = false;
	if ( jsonComp.length > 0 ) {
	cisonoComp = true;
	var ind = 0;
	contenuto += '<div class="testaChiavih" id="testaComph">';
	contenuto += '<div class="w-100 p-l-10 blf brg bbt">';
	if ( cisonoCat || cisonoChiavi  ) {
		icona = 'icon-arrow-down';
	}
	else {
		icona = 'icon-arrow-up-line';
	}
	contenuto += '<a href="javascript:chiudiApriSearch(\'cp\');"><i id="nascondiComp" class="icon '+icona+' f-150 vam m-r-5"></i></a>';
	contenuto += '<strong>Cognomi compositore contenenti: '+jsonRic.chiave+'</strong></div></div>';
	if ( cisonoCat || cisonoChiavi  ) {
	contenuto += '<div class="contChiavih" id="contComph" style="display: none;">';
	}
	else {
	contenuto += '<div class="contChiavih aperto" id="contComph">';
	}
    var alterna = true;
    $.each(jsonComp, function (i, dat) {
        ind++;
		indirizzo = urlSito+'search/'+dat.comp_id+'/1/id/c';
     	contenuto += '<a href="'+indirizzo+'">';
     	if ( alterna == true ) {
     		sfondo = ' backOdd';
     		alterna = false;
     	}
     	else {
     		sfondo = ' backEven';
     		alterna = true;
     	}
     	classnasc = '';
     	if ( ind > 10 ) {
     		classnasc = ' compnascosto';
     	}
     	if ( dat.comp_nome == '' ) {
     		conome = dat.comp_cognome;
     	}
     	else {
     		conome = dat.comp_cognome+', '+dat.comp_nome;
     	}
    	contenuto += '<div class="w-100 contCh cv m-t-5 m-l-0 m-r-0 p-l-0 p-r-0 bbt blf brg p-l-5 tal'+sfondo+classnasc+'">'+conome+'</div></a>';
    });
    if ( ind > 10 ) {
    	contenuto += '<div id="mostraComp" class="backOdd blf brg bbt"><a href="javascript:mostraAltriComp();">Mostra altri Compositori...</a></div>';
    }
	contenuto += '</div>';
	}
	
if ( cisonoCat || cisonoChiavi || cisonoBrani || cisonoAlbum || cisonoComp) {
$( "#contSuggerimentih").html(contenuto);
// if ( $( "#contFieldRicercah" ).hasClass('espanso') == true) {
// $( "#contFieldRicercah" ).removeClass('espanso');
// $( "#contFieldRicercah" ).animate({
//     	width: "-=60"
//   		}, 250, function() {
// 	});
// 	
// }
$( "#contSuggerimentih" ).slideDown('slow');
}
    $('.contCh').off('mouseenter').on('mouseenter', function () {
       $(this).addClass('evidenziato');
    });
    $('.contCh').off('mouseleave').on('mouseleave', function () {
       $(this).removeClass('evidenziato');
    });
}
var timeOutCercaChiavi = '';
var timeOutCercaChiudi = '';
var ultimaChiave = '';
var url = "https://www.flippermusic.it/wp-content/themes/Divi-child/query.php";
var urlSito = "https://www.flippermusic.it/";
var urlCopertine = "https://www.flippermusic.it/copflipper/";
jQuery(document).ready(function($) {
var mdevice = $(window).width();
var contenuto = '';
if ( mdevice < 1025 ) {
contenuto = '<input id="fieldricercah" name="ricerca" type="text" placeholder="Cerca brani">';
}
else {
contenuto = '<input id="fieldricercah" name="ricerca" autocomplete="off" type="text" placeholder="Scrivi una o più keywords">';
}
contenuto += '<a href="javascript:cercaTutti();">';
contenuto += '<div id="avviaRic" class="vam">';
if ( mdevice < 770 ) {
contenuto += 'CERCA';
}
else {
contenuto += '<i class="icon icon-search vam f-30"></i>';
}
contenuto += '</div></a></div>';
contenuto += '<div id="contSuggh" class="bootst">';
contenuto += '<div id="contSuggerimentih"></div></div>';
$('#contFieldRicercah').html(contenuto);
// $('#fieldricercah').on("input", function() {
// 	clearTimeout(timeOutCercaChiudi);
//     var testoric = this.value;
// 		if ( testoric.length > 2 && ultimaChiave != testoric ) {
// 			clearTimeout(timeOutCercaChiavi);
// 			ultimaChiave = testoric;
// 			timeOutCercaChiavi = setTimeout(function(){ 
// 			caricaChiavi(testoric);
// 			 }, 150);
// 		}
// 		else {
// 			ultimaChiave = '';
// 			$("#contSuggerimentih").slideUp('slow');
// 		}
// });

$('.apre-player').on('click', function (e) {
        e.preventDefault();
        window.open('https://share.xdevel.com/player/2569', 'listen', 'toolbars=0,scrollbars=0,left=100,top=100,statusbars=0,menubars=0,resizable=0,width=300,height=300');
});

<!-- 
$('#fieldricercah').on("keyup", function(e) {
	if (e.keyCode == 13) {
        cercaTutti();
    }
});
$('body').on("click", function(e) {
	timeOutCercaChiudi = setTimeout( function() {
	$('#fieldricercah').val('');
	clearTimeout(timeOutCercaChiavi);
	ultimaChiave = '';
	$( "#contSuggerimentih" ).slideUp('fast', function() {
		$( "#contSuggerimentih" ).html('');
	}
	);
	}, 100);
});

});