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 urlTerm(description) {
  // 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, '');

    return title 
}

$('#apa-search-text').val('');
sessionStorage.removeItem("search_site");

function doSearch() {
  var term = $('#apa-search-text').val();
  if (term.length < 1) return;

  sessionStorage.setItem("search_site", term);
  const redirectUrl = `https://www.marks4antiques.com/price-guides/${urlTerm(term)}`;
  window.location.href = redirectUrl;
}

var $input = $('<input>').attr('placeholder', 'Search for items...').attr('id', 'apa-search-text');
var $button = $('<button>').text('Search');
var $lost = $('<p style="margin-top:10px;font-size:0.9em;">').text("Lost for words?  please click")
$lost.append("<a href='https://www.marks4antiques.com/Lost_for_words.htm' onclick=\"window.open(this.href, 'mywin','left=20,top=20,width=1050,height=450,toolbar=1,scrollbars=1,resizable=0'); return false;''\"> here</a>");
var $results = $('<div class="results">').css('display', 'none');

$input.appendTo($('#apa-search'));
$button.appendTo($('#apa-search'));
$lost.appendTo($('#apa-search'));
$results.appendTo($('#apa-search'));
//$('#apa-search').html($input.html() + $button.html())


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