function urltitle(description, id) {
   // Trim the description to 30 characters
    let title = description.substring(0, 30);

    // Replace specific characters with a hyphen
    title = title.replace(/['"&]/g, '');
    title = title.replace(/[^A-Za-z0-9\-_]/g, '-');

    // Remove consecutive hyphens
    title = title.replace(/--+/g, '-');

    // Remove leading and trailing hyphens
    title = title.replace(/^-+|-+$/g, '');

    // Convert ID to hexadecimal
    let hexString = parseInt(id).toString(16);

    // Combine title and hexString
    return title + '-' + hexString;
}

function doSearch() {
   var term = $('#apa-search-text').val();
   if (term.length < 1) return;
   sessionStorage.setItem("search_word", term);
	$.ajax({
		url: `https://51ce-74-80-248-93.ngrok-free.app/example/${escape(term)}`,
      dataType: 'json',
      headers: {
            'ngrok-skip-browser-warning': 'true' 
      },
      success: function (data) {
         //debugger;
         var $parent = $('#apa-search div.results');
         
         if ($parent.is(':visible')) {
            $parent.html('');
            $parent.hide();
         }
         
         $parent.append('<p><b>Search results for ' + term + '</b></p>');
         var $ul = $('<ul></ul>');
         
         for (var i in data) {
            var link = 'https://www.marks4antiques.com/apa/' + data[i].link;
            
            var $l = $('<li>');
            // linode
            var pid = btoa(data[i].id + ',max');
            var phoid = data[i].image_key ? data[i].image_key : data[i].photo;
            $l.append('<a href="https://www.marks4antiques.com/apa/' + urltitle(data[i].description, data[i].id) + '"><img src="https://www.marks4antiques.com/apa/recordimages/resize.php?pid=' + escape(pid) + '&amp;size=max' + phoid.replace('[', '').replace(']', '') + '" alt="' + data[i].description.substring(0, 30) + '"></a>');
            $l.append('<a href="https://www.marks4antiques.com/apa/' + urltitle(data[i].description, data[i].id) + '">' + (data[i].description.substring(0, 30)) + '</a>');
            $l.append('<div class="apa-related-desc">' + data[i].description.substring(0, 150) + '</div>');
           $l.append('<a class="apa-more-links" href="https://www.marks4antiques.com/apa/' + urltitle(data[i].description, data[i].id) + '">[more like this]</a>');
            $l.appendTo($ul);
         }
         
         $parent.append($ul);
         
         $parent.slideDown('fast');
      },
      error: function (err) {
         alert("An error occurred. Please try again.");
      }
   });
}



$('#apa-search input').on('keyup', function (e) {
   if (e.keyCode == 13) doSearch();
});
$('#apa-search button').on('click', function () {
   doSearch();
});