var foaas = "http://fortunecookieapi.herokuapp.com/v1/";
var API_ENDPOINT = "https://api.foaavs.com";
var s3bucketurl = "http://foaavs.com/";

$.ajax({
	url: foaas + 'fortunes',
	type: 'GET',
	success: function (response) {
		jQuery.each(response, function(i,data) {
			var Url = data['id'];
			$("#selectit").append("<option value="+ Url +">" + data['message'] + "</option>");
		});
		},
	error: function (e) {
		console.log(e);
	}
});
function UpdateFields(){
	var element = document.getElementById('selectit');
	var item = element.selectedIndex;
	var text = element.options.item(item).value;
	document.getElementById("valuefield").value = text;
	SetFOAASParams(text);	
}
function findparam(str){
	return str.match(":");
}
function getFieldValues (Name){
	 var value = document.getElementById(Name).value;
	 var text = document.getElementById("valuefield").value;
	 var newtext = text.replace(Name,value);
	 document.getElementById("valuefield").value = newtext;
}
function GetPreview(){
	var element = document.getElementById('selectit');
	var item = element.selectedIndex;
	var text = element.options.item(item).value;
	document.getElementById("valuefield").value = text
	var arrParamsRaw = text.split("/");
	var arrParamsFil = arrParamsRaw.filter(findparam);
	arrParamsFil.forEach(getFieldValues)
	var newUrl2 = document.getElementById("valuefield").value;
	GetFOAASPreview(newUrl2);
}
function GetFOAASPreview(url){
	$.ajax({
	    url: foaas+ 'fortunes/' +url ,
	    type: 'Get',
	    success: function (response) {
			var Arrtext = response['message']

			document.getElementById("Preview").innerHTML = Arrtext;
	    },
	    error: function (e) {
	        console.log(e);
	    }
	});
}
function Send(){
	var text = document.getElementById("Preview").innerHTML
	var element = document.getElementById('voiceSelected');
	var item = element.selectedIndex;
	var voice = element.options.item(item).value;
	GetVoice(text,voice);
}
function findTitle(str){
	return str.match("title>FOAAS")
} 
function GetVoice(text,voice){
	var inputData = {
		"voice" : voice,
		"text" : text
	};
	$("#postIDreturned").replaceWith("<div id='postIDreturned' class='loader'></div>");
	$.ajax({
		url: API_ENDPOINT,
		type: 'POST',
		data:  JSON.stringify(inputData)  ,
		contentType: 'application/json; charset=utf-8',
		success: function (response) {
			let baseuri = s3bucketurl;
			let audiouri = baseuri + "audio/" + response + ".mp3";
			let audiocontrol = "<audio id='postIDreturned' controls autoplay>";
			let audioplayer = audiocontrol+"<source src='" + audiouri + "' type='audio/mpeg'></audio>";
			setTimeout(function(){	
				$("#postIDreturned").replaceWith(audioplayer); 
			}, 4000);
			$("#postIDLink").text(audiouri);
		},
		error: function (e) {
			$(".loader").css("border", "16px solid red");
			$(".loader").css("border-top", "16px solid red");
			console.log(e);
		}
	});
}
function AppendElements(Name){
	var column1 = "<div class='column'>"+Name.replace(":","")+": </div>";
	var column2 = "<div class='column'><input type='text' id='"+Name+"' value='-- Enter text --'></div>";
	var element = "<div class='row'>"+ column1 + column2 +"</div>"; 
	if (Name.match(":from")){
		var column2 = "<div class='column'><input type='text' id='"+Name+"' value='Me'></div>";
		var element = "<div class='row' style='display:none'>"+ column1 + column2 +"</div>"; 
	}
	$("#additionalfields").append(element);
}
function SetFOAASParams(Name){
	var arrParamsRaw = Name.split("/");
	var arrParamsFil = arrParamsRaw.filter(findparam);
	$("#additionalfields").empty();
	arrParamsFil.forEach(AppendElements);
}
function getRandomIntWithinRange(min,max){
	return Math.floor(Math.random() * (max - min + 1) + min);
}
$("#Preview").bind("DOMSubtreeModified",function(){
	var voicelist = document.getElementById('voiceSelected');
	var voiceindex = getRandomIntWithinRange(2,14)
	var voice = voicelist.options.item(voiceindex).value;
	GetVoice(document.getElementById("Preview").innerHTML,voice);
});
function GetRandom(){
	var insultindex = getRandomIntWithinRange(2,80);
	var insultlist = document.getElementById('selectit');
	var insult = insultlist.options.item(insultindex).value;
	var randominsult = insult.replace(/:\w*/ig,'You');
	GetFOAASPreview(randominsult);
}