<!--
78. verdant-profiterole-5b7463 TEXT, PICTURE AND VIDEO WORKED IN  ONE

Thank you Jesus Christ Father God and Holy Spirit for this: best seller, it will happen. goal one regarding payment processor, go public, I earned it.


  Complete description of the goods or services offered

  What I am selling is a platform for the end users to list used items that he or she has for sale to the local
  community to which the person lives. As an analogy, If the house owner wanted to have a garage sale, they would display their 
  used items for sale in the garage for the neighbors to buy. With johnslist.org, they can list the same used items
  for sale online with johnslist.org instead of having a garage sale. They can still have a garage sale but this is
  another option. For example, lets say I am selling a car in wells Nevada which has a population of
  1,243 as of 2021, a relatively small community. As a resident of Wells Nevada, I sign up and log into johnslist.org because 
  I want to sell my car to someone in Wells Nevada that is looking to buy a car. I click settings. I click one of three ad types. 
  Lets say I pick create video ad. I attempt to upload the video ad. If I do not have enough prepaid megabytes available to upload
  the ad, stripe.com loads the payment page at which point the user may click stripe.com's pay button to buy the 30 day limit of 100 megabytes
  of ad storage DATA for $7.00. If the user does, stripe.com redirects the user back to johnslist.org. I thank them for the 
  purchase and request the user to re-login because I can not pass the password from stripe.com back to johnslist.org on a successful purchase since
  it is done with a GET redirect. After the user logs back in again, under settings, the user will see 100 under 
  "Ad storage megabytes available:". Each time the user uploads a video ad or picture ad that is less than or equal to their
  remaining ad megabytes available amount I substract the number of megabytes the video or picture file size is from the
  Ad storage megabytes available variable and redisplay it. If the user tries to upload a video or picture ad that
  is bigger in megabytes than what is available in the Ad storage megabytes available variable, I request that the file size
  be smaller. As long as the user keeps paying $7.00 every 30 days the user can keep his or her ads online with 
  johnslist.org and sell his or her used items. So if the user pays $7.00 for 100 megabytes of DATA and uses 100 megabytes of DATA and has the account for less than 30 days,
  the profit will be $0.82. Example: The user pays $7.00 for DATA. The per user profit per 30 days will be $7.00-$0.36-$.50-$0.32=$0.82. 
  The $0.36 is payment to stripe.com. The $0.50 is payment to the google firebase database. The $0.32 is the IRS capital gains tax at 28%. 
  Google firebase database charges me $5.00 per gigabyte that is stored in their database monthly. I keep the price low which will 
  encourage more people to sign up and use the platform. I hope to help society obtain needed cash for used items they no longer
  need or want or just need the cash more so they can buy something else or just save it. I have no refund policy.

Transaction currency
USD

Customer service contact details (phone, email, address)
John McGovern
johmcg64@gmail.com
331 7th Street, Elko Nevada 89801

Return/refund and shipping policies (if shipping physical goods)
not applicable

Legal or export restrictions (if applicable)
not applicable

Consumer data privacy policy

Terms and conditions of any promotions
not offering promotions at this but I have a terms under settings

Security capabilities and policy for transmission of payment card details
  
  
  
  
  -----------

  I need to keep a running count of the number of bytes the user is storing.
  when 30 days arrives, how much I charge them depends on this number. I charge them this number x2.

  
  
  
  
  
  
  work uniform with patch and hat
  need to go door to door getting signups 
  online garage sale by johnslist.org
  on fiverr.com order with Nur, on 6/7/2023 for image 70px by 
  family resource center, case manager, Hemena.

  johnslist.org, first financial that works, https://papaya-queijadas-fed7b9.netlify.app
  GaryH21, database code for the webhook tutorial https://github.com/GaryH21/Stripe-Webhooks-Tutorial
  https://medium.com/@GaryHarrower/working-with-stripe-webhooks-firebase-cloud-functions-5366c206c6c

    5/29/2023 downgrqded to a free account when still within the 7 day trial which would have expired on 6/2/2023
  johnslist code: marvelous-telumba
   
  Current Advertising Contacts from https://www.smalltownpapers.com/browse-by-state.php
  which contains a list


  5/24/2023
  Fay, Pahrump Valley Times
  status: she said a sales representative will call me back

  Heavener Ledger,
  status: emailed Craig



  logo
  https://cloudconvert.com/png-to-ico
  L https://www.iconfinder.com/icons/8665588/l_alphabet_icon
  J https://www.iconfinder.com/search?q=j



  youtube.com: attack of the giant bunnies
  Terms building
  for roket lawyer website to get the terms
  Purpose of the website
  The purpose of this website is to serve small town communities in the United States with a way to list used 
  items for sale within the community. The seller provides the town and state information, item for sale, 
  price or free and contact information

  =======================================================================================================================
  =======================================================================================================================
  ======================================================================================================================
  
  
  stalwart-kulfi-524719 latest worked
  modal: https://www.w3schools.com/howto/howto_css_modals.asp
Renee

<script>
// Get the modal
var modal = document.getElementById("myModal");

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];

// When the user clicks the button, open the modal 
btn.onclick = function() {
  modal.style.display = "block";
}

// When the user clicks on <span> (x), close the modal
span.onclick = function() {
  modal.style.display = "none";
}

// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
  if (event.target == modal) {
    modal.style.display = "none";
  }
}
</script>



https://anseki.github.io/jquery-plainmodal/
  rummage sale, garage sale, used items sale, thrift store sale, i want to sell one thing
  snazzy arithmetic 5/18/23 12:54 is the latest best working
  window.u is the userId
  window.currentPenniesBalance is not getting set with the new pennies balance after it returns from stripe
  chimerical is the one before i moved the code from johnslist.org/success
  was Jesus triumphal entry path a straight path
  enteredCityAndState, i commented 2 lines out and initiaized it in readystate part
  reliable-pasca-29b74d in netlify is johnslist.org/success code
  brilliant-syrniki-53d9a3 in netlify is johnslist.org


  function meanings
  restore_last_chosen() //display videos after login, I took it out because they were displaying twice after I added a new video
-->
<!--
  advertising
dream: so close we can make big team USA, USA Today advertising, stripe
[
chatscroll.com, put this link in chatscroll.com https://www.youtube.com/shorts/F-QmORbNX4A
make a big wooden cross to wear around your neck after hours to remind people of their need
]
firebase with stripe callable function help: https://www.youtube.com/watch?v=8mL1VuiL5Kk
fast search:
pzp2 will go right to commentsandreplies

doos and dids
5. add twitter and fb api and others to
15. for the bigideachallenge, Melania said we should give a voice to america's children in Be Best
17. check for undefined before push or update or set because on a slow internet i don't need undefined as a key in the
database



-------------------------------------------------------------------------------------------------------------------

8 billion people have my website
6 How much does it cost to use firebase? 5/gb
26. how to make the file size of an image smaller: https://github.com/josefrichter/resize/blob/master/public/preprocess.js
29 make a donation to this person when you get another computer, I downloaded christmas snow mp4 video
30. videos to upload: https://pixabay.com/videos/rose-red-rose-flower-blossom-bloom-3654/
33. codebase, for one code base I need the pro plan on netlify this way if I need to make a code change, I don't 
have to change each code lising for each of the small towns.
34. store a list of all states and their cities in the database, https://www.back4app.com/database/back4app/usa-by-state/get-started/javascript/rest-api/fetch
get the state and city from the user
check if the state and city is in the database list
if it is, use, if it is not request an email address from the user to let the user know that I added it to the system if it exists in real life so the person can start using johnslist.org after it finds out that I added it. collect the state and city that it tries in a separate list in the database
look at this list and check each one by hand to see if it exists in real life, if it does add it, if it does not
ignore it.

36. payments: https://github.com/EnterFlash/firebase-stripe
https://www.youtube.com/watch?v=DzZ9ehZemFc&list=PLUyOH6KXr3dfjR8U66lHoaarhctuvEN5e&ab_channel=EliLopez
37. stripe payment how to: https://www.youtube.com/watch?v=L_ADtp1tWPA, webdevsimplified: https://www.youtube.com/watch?v=1r-F3FIONl8
38. stripe all of the code: https://github.com/EnterFlash/firebase-stripe
39. https://nodejs.org/en/blog/release/v16.16.0





62. need to set firebase storage bucket with cors to get smaller images in for upload picture, need need gsutil command line tool for this to work: https://cloud.google.com/storage/docs/gsutil_install, see bookmarks. I need another computer with a terminal window
to do this.

69. edit pdf file and put no refunds
70. create privacy file
71. in login, make sure the username and password are removed from the edit fields after the logout is pressed







-------------------------------------------------------------------------------------------------------------------
admin3@admin3.com is the current administration of the code email address
-------------------------------------------------------------------------------------------------------------------


-->

<!--
Problem and Solution to the login problem after a code change.
If I make a change and accounts like e@e.com won't login, then sign up a dummy account. After doing this all valid accounts
will login again. Go into firebase and delete the dummy account from the authentication list and the realtime database list.
-->




<!DOCTYPE html>

<!--
firebase api: where I got onValue
https://modularfirebase.web.app/common-use-cases/database/
before push to production this app needs to be verified
https://console.developers.google.com/apis/api/identitytoolkit.googleapis.com/overview?project=403183854045
google identity toolkit api
https://cloud.google.com/blog/products/identity-security/getting-started-with-identity-platform?apix=true
-->
<!--
CODE PROBLEMS:

---------------
left off:
loadComments
-->

<!--
netlify has it, magenta haupia
-->

<html>
<head>
<title>Used Item Sales (Small Towns)</title>
<link rel="icon" type="image/x-icon" href="./favicon.ico">
     <meta name="robots" content="noindex">
     <meta name="robots" content="nofollow">
     <meta name="description" content="Do you have a used item to sell? You may list it here for your town to see.">
     <meta name="keywords" content="swapmeet, garage sale, thrift store, flea market, used item for sale, used items for sale, community sale, small town targeted marketing">
     <!--<meta name="author" content="John McGovern">-->
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     
     <!--<script src="https://cdn.tailwindcss.com"></script>-->
     <link href="/output.css" rel="stylesheet">
	 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800;900&family=Roboto:wght@400;700;900&display=swap" rel="stylesheet">

    <style>
    
      pre {
        white-space: pre-wrap;
        word-break: break-all;
      }

.card button {
  width: 100%;
  height: 30px;
  border-radius: 15px;
  color: white;
  background-color: #3e7dff;
  border: none;
  padding: 5px 0px 5px 0px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 8pt;
  cursor: pointer;
}
        
</style>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" />

<script>
  const SIGNUPMAXIMUM=999
  let fbBucketName = 'images';
  let storage;
  let theFileName;
  let last_chosen_id;
  //let currentPenniesBalance=0;
  let mycurrentPenniesBalance=0;
  let notEnoughPaidForBytesAvailable=false
  let okToUploadVideoFile=false
  let email = ""
  var emailli = ""
  let passwordi=""
  let thestate="";
  let thecity="";
  var userId="";
  let userId2=""
  let deluser1=false
  let deluser2=false
  let pennies=0;
  let videoFileSize=0;
  let a1tcount;
  let a1pcount;
  let a1vcount;
  
  let video_byte_count=0
  let picture_byte_count=0
  let total_byte_count=0
  let usercanceledsubscription=false
  let subscriptionmadedt=false
  let subscriptioncanceleddt=false
  
  const obj = {
    userId2: 0
  };

  let sessionId="";
</script>
<!--
source:  https://www.davidebarranca.com/2012/10/crypto-js-tutorial-cryptography-for-dummies/
-->
<!--
<script src="http://crypto-js.googlecode.com/svn/tags/3.0.2/build/rollups/aes.js"></script>
-->

<style>
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    -webkit-transition: .15s ease-in-out;
       -moz-transition: .15s ease-in-out;
        -ms-transition: .15s ease-in-out;
         -o-transition: .15s ease-in-out;
            transition: .15s ease-in-out;

  background: rgba(0,0,0,.6);
  visibility: hidden;
  transition: .20s ease-in-out;
  opacity: 0;
  z-index: 5;
}

.modal-overlay.is-open {
  visibility: visible;
  opacity: 1;
}

.modal2 {
  visibility: hidden;
  position: absolute;
  left: 50%;
  right: 0;
  top: 50%;
  z-index: 10;
  -webkit-transform: translate(-50% , -50%);
  transform: translate(-50%, -50%);
  padding: 3em;
  border-radius:  12px;
  background-color: rgb(255, 255, 255);
  text-align: center;
  max-width: 40%;
  margin: auto;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 2px 10px;
  transition: .20s ease-in-out;
  opacity: 0;
}

.modal2.is-open {
  visibility: visible;
  opacity: 1;
}

.modal__close {
  position: absolute;
  right: 0;
  top: 0;
  background: white;
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  line-height: 30px;
  line-heght: 7px;
  cursor: pointer;
  margin: -7px -7px 0 0;
}

.modal-btn {
    background: white;
    padding: 14px 20px;
    color: #505763;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
    border-radius: 6px;
    border: 1px solid transparent;
    transition: .15s ease-in-out;
}

.modal-btn:active {
  background-color: #cecece;
}

.vert-mid {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);//Here is the magic
}


.breakWord {
 -ms-word-break: break-all;
 word-break: break-all;

 /* Non standard for webkit */
 word-break: break-word;

 -webkit-hyphens: auto;
 -moz-hyphens: auto;
 -ms-hyphens: auto;
 hyphens: auto;
 }
</style>





<script>
    let n1=0
</script>

</head>
<body class="">

<!--<div id="twspinner"
  class="inline-block h-12 w-12 animate-spin rounded-full border-4 border-solid border-current border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite]"
  role="status">
  <span
    class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]"
    >Loading...</span
  >
</div>-->
<!--
<div id="twspinner"
  class="absolute z-10 top-4 left-4 inline-block h-12 w-12 animate-[spinner-grow_0.75s_linear_infinite] rounded-full bg-current align-[-0.125em] opacity-0 motion-reduce:animate-[spinner-grow_1.5s_linear_infinite]"
  role="status">
  <span
    class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]"
    >Loading...</span
  >
</div>
-->

  <!--
<div id="myModal" class="modal"></div>
  <div class="modal-content">
    <span class="close">&times;</span>
    <p>Some text in the Modal..</p>
  </div>
  -->

<div class="modal2">

  <div class="modal__inner">
    
    <div class="modal__header">
    <h1>Awesome Modal</h1>
    <button class="modal__close">
         &#x2716;
    </button>
    
    </div>
    
    <div class="modal__content">
      <p><input id="reauthorizeLogin" type="password" /></p>
	  <input type="submit" id="reauthorizeSubmit" name="reauthorizeSubmit" value="reauthorize login"  class="ml-8 cursor-pointer" />
    </div>

  </div>
  
</div>
  
<div class="flex flex-row justify-between items-center p-2 bg-green-700 flex-wrap">
             <img class="w-20 h-14 rounded-md" src="./images/logo.jpg" title="johnslist.org" />
			 <span id="siteInformation" class="hover:cursor-pointer text-white" title="toggle to turn on and off">business info?</span>
             
              <input type="text" id="getthecity" name="getthecity" value="" placeholder="city or place name" class="focus:outline-none block rounded-md p-2"  title="All ads in the same city or place should be grouped together for potential buyers. This is the target market."  />
    
     <input type="text" id="getthestate" name="getthestate" value="" placeholder="your state name" class="focus:outline-none block rounded-md p-2" title="This will be used to categorize your uploads so people in your town can find what you are selling" />
              
              <input type="submit" id="scbutton" name="scbutton" value="submit" class="cursor-pointer focus:outline-none block p-1.5 bg-yellow-100 hover:bg-yellow-500 border-2 border-[#FFD700] rounded-md mt-4 sm:mt-0" title="submits the state and city to the database for categorization" />
    
   
    <span class="flex"><span></span><input type="text" id="address" name="address" class="rounded-md h-10- p-2 w-48 focus:outline-none" placeholder="map location" title="To see the location on the google map, please start entering the city and state in the edit field to the right and select location entry from the drop down list to see the map." /></span>
    
  
    
    <div><button id="stripe" class="block p-2 flex flex-rows justify-center items-center rounded-md bg-yellow-100 border-2 border-[#FFD700] hover:bg-yellow-500 hidden" >checkout</button></div>
    <div><button id="stripe2" class="block p-2 flex flex-rows justify-center items-center rounded-md bg-yellow-100 border-2 border-[#FFD700] hover:bg-yellow-500 hidden" >service</button></div>
	<div><button id="stripe3" class="block p-2 flex flex-rows justify-center items-center rounded-md bg-yellow-100 border-2 border-[#FFD700] hover:bg-yellow-500 hidden" >service2</button></div>
     <div><button id="stripe4" class="block p-2 flex flex-rows justify-center items-center rounded-md bg-yellow-100 border-2 border-[#FFD700] hover:bg-yellow-500 hidden" >service2</button></div>
             
     
    <div class="space-x-5 mr-[30px]">
  
     
          <div class="flex flex-row justify-between items-center text-white font-bold">
        

              <div class="block- ml-8 flex flex-row" title="Here, you may list used item(s) for sale or buy used items(s) in your town. (s) means 1 or more used items">Used Item Sales in <div id="city-title-id" class="hidden ml-2 mr-2 block- capitalize">?</div><div id="state-title-id" class="hidden mr-2 block- capitalize">?</div></div>
                <input type="submit" id="signupPanel" name="signupPanel" value="SignUp"  class="ml-8 cursor-pointer" />
              <input type="submit" id="loginPanel" name="loginPanel" value="Login"    title="login to upload something that you are selling" class="ml-8 cursor-pointer" />
              <input type="submit" id="logoutId" name="logoutId" value="Logout" class="hidden ml-8 cursor-pointer" href="#" />
              <input type="submit" id="settings" name="settings" value="Settings"  title="Upload Ads and other settings"  class="hidden ml-8 cursor-pointer focus:outline-none" />
               <input type="submit" id="loginr" name="loginr" value="Login" class="hidden"/>
	          <input type="submit" id="loginr2" name="loginr2" value="Login" class="hidden"/>
               <input type="submit" id="loginr2c" name="loginr2c" value="Login" class="hidden"/>
          </div>
         
     </div>
    <div class="flex-shrink-0">
        <div><img id="profile-picture-id" src="white-square.jpg" class="hidden block h-[20px] w-[20px] rounded-full flex-shrink-0" /></div>
    </div>
          
</div>


<div id="site-information" class="hidden">
<div  class="flex flex-row justify-center items-center p-1 bg-green-700 flex-wrap text-white text-sm mb-1 mt-1">
<!--<img src="profile_picture.jpg" width="75" height="100" class="rounded-sm" />-->
</div>
<div  class="flex flex-row justify-center items-center p-1 bg-green-700 flex-wrap text-white text-sm mb-1 mt-1">
This website is an online brokerage platform connecting used item buyers and sellers in your local community, market targeted to city and state together, owned and operated from the sole proprietor, John.  
</div>
<div  class="flex flex-row justify-center items-center p-1 bg-green-700 flex-wrap text-white text-sm mb-1 mt-1">
As a subscriber, you will be able to start advertising used items you have for sale to your local community. Your local community is whatever you submit for (city or place) and state. The program is as is and no refunds.
</div>
<div class="flex flex-row justify-center items-center p-1 bg-green-700 flex-wrap text-white text-sm mb-1 mt-1">
The business model is a monthly subscription of $7.00 per month which automatically renews each month. My product that is for sale here is 100 megabytes of reusable memory for each signed up user for the purpose of displaying used item text, picture or video ads describing used items for sale in the local (city or place) he or she lives in. The user may cancel the subscription at any time and upon cancellation, the user's account will be deleted.
</div>
<!--
<div  class="flex flex-row justify-center items-center p-1 bg-green-700 flex-wrap text-white text-sm mb-1">
Owner's Contact Information: Mr. John McGovern, 331 7th Street, Elko Nevada, 89801; Phone Number: 775 388 9302, email: johmcg64@gmail.com
</div>
-->
<div  class="flex flex-row justify-center items-center p-1 bg-green-700 flex-wrap text-white text-sm mb-1">
Owner's Contact Information: John, Phone Number: 775 388 9302, email: johmcg64@gmail.com
</div>
<!--
<div class="flex flex-row justify-center items-center p-1 bg-green-700 flex-wrap text-white text-sm mb-1">
For website verification, please contact my case manager at the Family Resource Center at 331 7th Street Elko Nevada at (775) 753-7352.
</div>
-->
</div>


</div>
<div class="flex-shrink-0">
<div><img id="profile-picture-id" src="white-square.jpg" class="hidden block h-[20px] w-[20px] rounded-full flex-shrink-0" /></div>
</div>

</div>






    
<div id="signUpId" class="hidden lg:hidden lg:flex lg:flex-row lg:justify-center lg:items-center p-4 bg-green-700">
<div class="lg:space-x-5">
    
     <input type="text" id="username" name="username" placeholder="username" maxlength="50" class="p-2 w-full block mb-2 rounded-md lg:w-64 lg:inline-block focus:outline-none" />
    
     <input type="email" id="email1" name="email1" placeholder="E-mail" maxlength="128" class="p-2 w-full block mb-2 rounded-md lg:w-64 lg:inline-block focus:outline-none" />

     <input type="password" id="passwordId1" name="password" placeholder="Password" maxlength="15" class="p-2 w-full block mb-2 rounded-md lg:w-64 lg:inline-block focus:outline-none" />
     <input type="submit" id="signup" name="signup" value="SignUp" class="cursor-pointer border-2 border-[#FFD700] rounded-md bg-yellow-100 p-1.5 block lg:inline-block hover:bg-yellow-500"" />
<span id="terms"><span class="text-white">By signing up, you agree to the </span><span><a href="terms.pdf" class="text-white overline" target="_blank">terms</a></span></span><span class="text-white">and</span>
<span id="privacy"><span class="text-white"></span><span><a href="./privacy/OnlinePrivacyPolicy.pdf" class="text-white overline" target="_blank">privacy policy</a>.</span></span>
    </div>
</div>
    
<div id="loginId"  class="hidden lg:hidden lg:flex lg:flex-row lg:justify-center lg:items-center p-4 bg-green-700">    
<div class="lg:space-x-5">
     <input type="email" id="email2" name="email2" placeholder="E-mail" maxlength="128" class="p-2 w-full block mb-2 rounded-md lg:w-64 lg:inline-block focus:outline-none" />
     <input type="password" id="passwordId2" name="password" placeholder="Password" maxlength="15" class="p-2 w-full block mb-2 rounded-md lg:w-64 lg:inline-block focus:outline-none" />
     <input type="submit" id="login" name="login" value="Login" class="cursor-pointer border-2 border-[#FFD700] rounded-md bg-yellow-100 p-1.5 block lg:inline-block hover:bg-yellow-500"/>
</div>
</div>
    

<div id="settingsId"  class="z-40 hidden flex flex-col justify-between lg:hidden lg:flex lg:flex-row lg:justify-between lg:items-center bg-green-700 p-4">
    
<div class="w-[800px] flex flex-row justify-between flex-wrap">
  <div id="ppuploadsection" class="block flex flex-col items-start mb-4 lg:flex lg:flex-row lg:justify-start lg:items-center bg-green-700"> 
      <div  class="mr-4 flex flex-col">Profile Picture Upload Section
      <div><progress value="0" max="100" id="uploader" class="block- mr-4">0%</progress></div>
      <div><input type="file" value="upload" accept=".jpg, .png" id="fileButton" class="cursor-pointer"></div>
	  </div>
  </div>
     
	 
  <div>
    <div><a id="resize-image" href="https://www.simpleimageresizer.com/" class="block p-2 flex flex-rows justify-center items-center rounded-md bg-yellow-100 border-2 border-[#FFD700] hover:bg-yellow-500" title="click this resize image link, select the file for resizing, select a % to reduce the number of bytes by, it needs to be under 20,000 bytes, after it is done click the download link, right click on it and and save it, this is your thumbnail image file if it is under 20,000 bytes" target="_blank" >resize image</a></div>
  </div>                                                                                             
                                                                                                


<div>
  <div><a id="cancelsubscription" href=""  class="mt-4 block p-2 lg:mt-0 flex flex-rows justify-center items-center rounded-md bg-yellow-100 border-2 border-[#FFD700] hover:bg-yellow-500" title="Cancels your monthly subscription" >cancel monthly</a></div>
</div>

<div>
  <div><a id="buysubscription30daysofadstorage" href=""  class="mt-4 block p-2 lg:mt-0 flex flex-rows justify-center items-center rounded-md bg-yellow-100 border-2 border-[#FFD700] hover:bg-yellow-500"  title="Establishes your monthly subscription for $7.00 per month to sell your used items to your local community like a garage sale would do" >Est. monthly</a></div>
</div>


<div>
  <div><a id="deleteAccountId" href="" class="mt-4 block p-2 lg:mt-0 flex flex-rows justify-center items-center rounded-md bg-yellow-100 border-2 border-[#FFD700] hover:bg-yellow-500" >delete account</a></div>
</div>

<div class="flex flex-col ml-4 border-2 border-white p-4">
  <span class="inline-block flex flex-row justify-center underline mb-4 text-white" title="when you click a sales category in the right hand column, you have the option to display only your ads or everybodies ads">display options</span>
  <div class="border-1 border-[#FFD700] p-2  flex flex-row items-center">
  <input type="checkbox" id="tmine" name="tmine" value="text" class="w-4 h-4" onclick="setTextMineOnly()">
  <label for="tmine-label" title="text ads, display mine only" class="ml-2 text-white">your text ads only</label>
   </div>
  <div class="border-1 border-[#FFD700] p-2 flex flex-row items-center">
  <input type="checkbox" id="pmine" name="pmine" value="picture"  class="w-4 h-4 border-2 border-blue-500 p-4"  onclick="setPictureMineOnly()">
  <label for="pmine-label"  title="picture ads, display mine only"  class="ml-2 text-white">your picture ads only</label>
   </div>
  <div class="border-1 border-[#FFD700] p-2 flex flex-row items-center">
  <input type="checkbox" id="vmine" name="vmine" value="video"  class="w-4 h-4 border-2 border-blue-500 p-4" onclick="setVideoMineOnly()">
  <label for="vmine-label"  title="video ads, display mine only"  class="ml-2 text-white">your video ads only</label>
  </div>
</div>

</div>


<div>
  <div><a id="csdeleteAccountId" href="" class="hidden" ></a></div>
</div>


<div id="emailli-label" class="hidden text-white">Account: <div class="hidden text-white" id="emailli-id"></div></div>  
<div id="balancelabel" class="hidden text-white" title="Mega Bytes Available to upload video ad or text ad (100 mega bytes maximum)">MBA: <div class="hidden text-white" id="remainingbalance">0</div></div> 
<div id="bytescountlabel" class="hidden text-white" title="Running Byte Count">RBC: <div class="hidden text-white" id="bytescount">0</div></div> 

 
</div>


<div id="quotaId"  class="hidden lg:hidden w-full flex flex-col lg:flex lg:flex-row lg:justify-center lg:items-center p-4 bg-green-700">    
    <label for="pictureQuotaId" class="mr-4">Picture Upload Quota Amount:</label><br>
	<input type="text" value="1" id="pictureQuotaId" class="focus:outline-none rounded-md">
    <label for="videoQuotaId" class="ml-4 mr-4">Video Quota Amount:</label><br>
    <input type="text" value="1" id="videoQuotaId" class="focus:outline-none rounded-md">
    <input type="submit" id="quotaButtonId" name="quota" value="Submit Quota" class="ml-4 cursor-pointer border-2 border-[#FFD700] rounded-md bg-gray-300 p-1.5 block lg:inline-block "/>
</div>
    
    
     <div id="defaultCategoryId"  class="hidden w-full flex flex-row justify-start items-center p-4 bg-green-700">
         <label for="dcategoryId" class="ml-4 mr-4">Default Category:</label>
         <input id="dcategoryId" type="text" value="" class="focus:outline-none rounded-md p-2" />  
         <input type="submit" id="dcategoryButtonId" name="dcategoryButtonId" value="Submit" class="ml-4 cursor-pointer border-2 border-[#FFD700] rounded-md bg-gray-300 p-1.5 block lg:inline-block "/>
    </div>
    

   
    
    <div class="grid grid-cols-1 grid-auto-rows md:grid md:grid-cols-2 md:grid-auto-rows">
    <div>
      <div id="checkboxesId"  class="hidden  grid grid-cols-2 grid-auto-rows grid-auto-flow-dense gap-4 pl-8 pr-8 pt-4 pb-4 bg-green-700 w-full  md:grid-cols-4- md:grid-auto-rows- md:grid-auto-flow-dense-">
     
         <div class="p-2 border-2 border-[#FFD700] ">
     <input type="radio" id="antiquesId" name="a" class="w-4 h-4" ></input>
     <label for="antiquesId" class="ml-2 mr-6">antiques</label>
        </div>

     <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="appliancesId" name="a" class="w-4 h-4" ></input>
    <label for="appliancesId" class="ml-2 mr-6">appliances</label>
        </div>
    
        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="arts-craftsId" name="a" class="w-4 h-4" ></input>
    <label for="arts-craftsId" class="ml-2 mr-6">arts+crafts</label>
        </div>
    
        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="atv-utv-snoId" name="a" class="w-4 h-4" ></input>
    <label for="atv-utv-snoId" class="ml-2 mr-6">atv/utv/sno</label>
    </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="auto-partsId" name="a" class="w-4 h-4" ></input>
    <label for="auto-partsId" class="ml-2 mr-6">auto parts</label>
    </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="aviationId" name="a" class="w-4 h-4" ></input>
    <label for="aviationId" class="ml-2 mr-6">aviation</label>
    </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="baby-kidId" name="a" class="w-4 h-4" ></input>
    <label for="baby-kidId" class="ml-2 mr-6">baby+kid</label>
    </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="barterId" name="a" class="w-4 h-4" ></input>
    <label for="barterId" class="ml-2 mr-6">barter</label>
        </div>

<div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="beauty-hlthId" name="a" class="w-4 h-4" ></input>
    <label for="beauty-hlthId" class="ml-2 mr-6">beauty+hlth</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="bike-partsId" name="a" class="w-4 h-4" ></input>
    <label for="bike-partsId" class="ml-2 mr-6">bike parts</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="boatsId" name="a" class="w-4 h-4" ></input>
    <label for="boatsId" class="ml-2 mr-6">boats</label>
    </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="booksId" name="a" class="w-4 h-4" ></input>
    <label for="booksId" class="ml-2 mr-6">books</label>
    </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="businessId" name="a" class="w-4 h-4" ></input>
    <label for="businessId" class="ml-2 mr-6">business</label>
    </div>


        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="cars-trucksId"  name="a"  class="w-4 h-4" ></input>
    <label for="cars-trucksId" class="ml-2 mr-6">cars+trucks</label>
       </div>

  

 <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="cdsId"  name="a"  class="w-4 h-4" ></input>
    <label for="cdsId" class="ml-2 mr-6">cds/dvd/vhs</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="cell-phonesId"  name="a"  class="w-4 h-4" ></input>
    <label for="cells-phonesId" class="ml-2 mr-6">cell phones</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="cloths-accId"  name="a"  class="w-4 h-4" ></input>
    <label for="cloths-accId" class="ml-2">cloths+acc</label>
        </div>

 <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="collectiblesId"  name="a"  class="w-4 h-4" ></input>
    <label for="collectiblesId" class="ml-2 mr-6">collectibles</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="computer-partsId"  name="a"  class="w-4 h-4" ></input>
    <label for="computer-partsId" class="ml-2 mr-6">computer parts</label>
        </div>

      

 <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="computersId"  name="a"  class="w-4 h-4" ></input>
    <label for="computersId" class="ml-2 mr-6">computers</label>
        </div>

  <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="electronicsId"  name="a"  class="w-4 h-4" ></input>
    <label for="electronics" class="ml-2">electronics</label>


        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="farm-gardenId"  name="a"  class="w-4 h-4" ></input>
    <label for="farm-gardenId" class="ml-2 mr-6">farm+garden</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="freeId"  name="a"  class="w-4 h-4" ></input>
    <label for="freeId" class="ml-2">free</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="furnitureId"  name="a"  class="w-4 h-4" ></input>
    <label for="furnitureId" class="ml-2 mr-6">furniture</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="garagesaleId"  name="a"  class="w-4 h-4" ></input>
    <label for="garagesaleId" class="ml-2 mr-6">garage sale</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="generalId"  name="a"  class="w-4 h-4" ></input>
    <label for="generalId" class="ml-2">general</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="heavyequipId" name="a" class="w-4 h-4" ></input>
    <label for="heavyequipId" class="ml-2 mr-6">heavy equip</label>
    </div>
        
        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="householdId" name="a" class="w-4 h-4" ></input>
    <label for="householdId" class="ml-2 mr-6">household</label>
    </div>

   <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="jewelryId"  name="a"  class="w-4 h-4" ></input>
    <label for="jewelryId" class="ml-2 mr-6">jewelry</label>
        </div>

    <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="jobs-availableId"  name="a"  class="w-4 h-4" ></input>
    <label for="jobs-availableId" class="ml-2 mr-6 text-red-500">jobs available</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="materialsId"  name="a"  class="w-4 h-4" ></input>
    <label for="materialsId" class="ml-2">materials</label>
        </div>

<div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="miscId"  name="a"  class="w-4 h-4" ></input>
    <label for="miscId" class="ml-2">misc</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="motorcyclepartsId"  name="a"  class="w-4 h-4" ></input>
    <label for="motorcyclepartsId" class="ml-2 mr-6">motorcycle parts</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="motorcyclesId"  name="a"  class="w-4 h-4" ></input>
    <label for="motorcyclesId" class="ml-2 mr-6">motorcycles</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="music-instrId"  name="a"  class="w-4 h-4" ></input>
    <label for="music-instrId" class="ml-2">music inst</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="photo-videoId" name="a" class="w-4 h-4" ></input>
    <label for="photo-videoId" class="ml-2 mr-6">photo+video</label>
    </div>
        
        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="rvs-campId" name="a" class="w-4 h-4" ></input>
    <label for="rvs-campId" class="ml-2 mr-6">rvs+camp</label>
    </div>
   <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="sportingId"  name="a"  class="w-4 h-4" ></input>
    <label for="sportingId" class="ml-2 mr-6">sporting</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="ticketsId"  name="a"  class="w-4 h-4" ></input>
    <label for="ticketsId" class="ml-2">tickets</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="toolsId"  name="a"  class="w-4 h-4" ></input>
    <label for="toolsId" class="ml-2 mr-6">tools</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="toys-gamesId"  name="a"  class="w-4 h-4" ></input>
    <label for="toys-gamesId" class="ml-2 mr-6">toys+games</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="trailersId"  name="a"  class="w-4 h-4" ></input>
    <label for="trailersId" class="ml-2">trailers</label>
        </div>

        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="video-gamingId" name="a" class="w-4 h-4" ></input>
    <label for="video-gamingId" class="ml-2 mr-6">video gaming</label>
    </div>
        
        <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="wantedId" name="a" class="w-4 h-4" ></input>
    <label for="wantedId" class="ml-2 mr-6">wanted</label>
    </div>
   <div class="p-2 border-2 border-[#FFD700] ">
    <input type="radio" id="wheels-tiresId"  name="a"  class="w-4 h-4" ></input>
    <label for="wheels-tiresId" class="ml-2 mr-6">wheels+tires</label>
        </div>
    </div> 
    </div>
    
    
    <!--<div id="newVideosId"  class="hidden w-full md:flex- md:flex-row- md:justify-center- md:items-start- p-4 bg-green-700 self-start sticky top-0 border-2 border-black"></div>-->
<div id="newVideosId"  class="hidden lg:hidden w-full lg:flex lg:flex-row lg:justify-center lg:items-center p-4 bg-green-700 self-start sticky top-0"></div>
    
</div>


   
    

   

<div class="flex flex-row flex-wrap border-2- border-black- ml-4 mr-4">

    
      <div id="" class="w-full lg:w-8/12 overflow-scroll pt-4"> <!--outter orange on the left side, 8/12. the other side 4/12 is the right side-->
         
          
          <div id="vdiv" class="relative w-full pb-[56.25%] h-0">
            
          </div>
          
              
          <div id="vtitle" class="mt-2 text-sm ml-4 pb-2"></div>
          
          
          <div id="ty" class="hidden font-bold text-base text-[#FFD700] mb-2">Comments</div>
  
          <div class="hidden flex flex-row">
              <div class="w-12"><img id="cpp" src="./white-square.jpg" class="hidden w-11 h-11 rounded-full" /></div>
          <input maxlength="256"  class="rounded-md pl-4 pt-2 pb-2 pr-4 ml-4 mt-4- w-full inline-block border-2 border-[#FFD700] focus:outline-none focus: border-b-2 border-b-[#FFD700]" type="text" title="if the field is disabled, you may login to add comments. Thank you." id="commentId" placeholder="Comment" onClick="isLoggedIn()" disabled="disabled" />
          </div>
          <div id="div-comments-id-" class="flex flex-row justify-between items-center flex-wrap">
              
               <button id="addCommentId"  class="hidden ml-[60px] block mt-4 border-2 border-[#FFD700] p-1 rounded-md hover:bg-yellow-300 bg-yellow-100" type="button"  disabled="disabled" title="">Save the Comment</button>
              
               <button id="seeRepliesButtonId"  class="hidden block mt-4 border-2 border-[#FFD700] ml-4 p-1 rounded-md hover:bg-yellow-300 bg-yellow-100" type="button"  disabled="disabled" title="" >See the Comments and Replies</button>
              
               <button id="cancelButtonId"  class="hidden block mt-4 border-2 border-[#FFD700] ml-4 p-1 rounded-md hover:bg-yellow-300" type="button" disabled="disabled" >Cancel</button>
              
             
               
            
          </div> 
          <div class="hidden flex flex-col ml-4 mt-4">
                   <div id="see-commentsandreplies" class="pb-4 mb-4 border-2- border-black-"></div>
                   <div id="see-comment" class="hidden"></div>
                   <div id="see-replies" class="hidden ml-4"></div>
          
                </div>
          <div id="all-comments" class="hidden flex flex-col">
              
          </div>
          
          <!--<div class="flex flex-col">
          <div id="displayTitle"><div>-->
          <div id="all-things" class="flex flex-row flex-wrap justify-between md:justify-between items-center -ml-4 -mr-4 -mt-4 2xl:margin-top:-mt-40">
              
          </div>
              <!--</div>-->
         
      </div>
   
    
   
    
      <div id="rightColumn" class="w-full lg:w-4/12 overflow-scroll lg:pl-4 pt-4 pb-8 border-2- border-[#FFD700]-">
          <!--
          <div id="top-menu" class="hidden w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <div><a href="#" onclick="showVideos()" class="block">Show Videos</a></div><div><a href="#" onclick="showPictures()" class="block" >Show Pictures</a></div><div><a href="#" onclick="showTextOnly()" class="block hidden" >Show Text</a></div>
          </div>
-->
           
           <div class="flex flex-col">
               <div class="categorySettingsId" title="to see different uploaded videos or pictures in another category">
                   <!--
                   <a href="#" id="change-category-settings" class="block flex flex-row justify-center items-center w-full p-2 border-2 border-[#FFD700] rounded-md mb-2 hover:bg-yellow-500">change category</a>
-->
               
               </div>
             
            <div id="categoryId" class="hidden mb-2">Category: <span id="category-name" class="hidden"></span></div>
             <div id="top-menu" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4 rounded-tl-md rounded-tr-md">
          <a href="#" onclick="showVideos()" class="hidden block- focus:text-[#FFD700]" title="load the videos" >Show Vids</a><a href="#" onclick="showPictures()" class="hidden block- focus:text-[#FFD700]"  title="load the pictures"  >Show Pics</a><a href="#" onclick="theSearch()" class="block- focus:text-[#FFD700]"  title="search for videos" >Search</a><a href="#" onclick="putNumbers()" class="block focus:text-[#FFD700] hidden"  title="see how many items are for sale"  >refresh counts</a><a href="#" onclick="toggleThem()" class="block focus:text-[#FFD700]"  title="toggle ads"  >toggle for Donald Trump</a>
             </div>
          </div>
          
          <!--
          <div id="top-menu" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <a href="#" onclick="showVideos()" class="block-">Show Videos</a><a href="#" onclick="showPictures()" class="block-" >Show Pictures</a><a href="#" onclick="toggleThem()" class="block" >toggle</a>
          </div>
          -->
          <!--<div id="the-menu" class="hidden">
          <div id="search-menu" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="search" name="search" placeholder="Search Through Video Captions" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton" name="searchButton" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
              
          </div>
          <div id="search-menu2" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="searchd" name="searchd" placeholder="Search Through Video Descriptions" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton2" name="searchButton2" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
             
          </div>
          
          
          <div id="search-menu3" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="search3" name="search3" placeholder="Search Through Picture Captions" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton3" name="searchButton3" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
              
          </div>
          <div id="search-menu4" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="search4" name="search4" placeholder="Search Through Picture Descriptions" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton4" name="searchButton4" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
             
          </div>
          </div>-->
          <!--<div id="cats"></div>-->
          <div id="rci">
          
          </div>
          <div id="the-ads" class="hidden">
          <div class="border-4 border-[#FFD700] p-2 mb-2">
            <div class="">
              <a href="#" onClick="putUpVideo('https://www.youtube.com/embed/NlESdf5yMpY','2020 Salute to America')" class="block mb-4 hover:text-blue-500 h-11 w-full flex flex-row justify-center items-center bg-black"><span class="text-red-700">2020 Salute</span> <span class="text-white ml-2">to</span> <span class="text-blue-700 ml-2">America</span>
</a>
           </div> 
          
           <div class="mb-4">
              <img src="./2020-salute-to-america.webp" class="w-20- h-40 w-full object-cover rounded-md" />
           </div>
        
           <div class="w-full h-11 bg-black flex flex-row justify-center items-center mb-4-">
          <a href="https://www.youtube.com/@whitehouse45" class="block mb-2- mt-2" target="_blank"><span class="text-red-700">Trump</span> <span class="text-white">White House</span> <span class="text-blue-700">Archived</span></a>
           </div>
              
              
              <div class="w-full h-11 bg-black flex flex-row justify-center items-center mb-4-">
          <a href="https://trumpwhitehouse.archives.gov/" class="block mb-2- mt-2" target="_blank"><span class="text-red-700">Promises made</span>, <span class="text-white">Promises</span> <span class="text-blue-700">kept</span></a>
           </div>
              
                <div class="w-full h-11 bg-black flex flex-row justify-center items-center mb-4-">
          <a href="https://www.trumplibrary.gov/" class="block mb-2- mt-2" target="_blank">
                    <span class="text-red-700">Donald J.</span>, <span class="text-white">Trump</span> <span class="text-sky-900">Presidential</span> <span class="text-blue-700">Library</span>
                    </a>
           </div>
              
              
         </div>  
          
          <!--
 <div class="flex flex-row mb-4">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">.</div><div class="ml-6- flex-shrink-0"><img src="./covid-vaccines-developed.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><a href="#" onClick="putUpVideo('https://www.youtube.com/embed/_1cJNlPQYf0','A Message from President Donald J. Trump, topic: covid vaccines developed')" class="block mb-4 hover:text-blue-500">A Message from President Donald J. Trump, topic: covid vaccines developed
</a></div> 
              </div>
          -->
          
          
          <div class="font-semibold text-lg mb-2  text-[#FFD700]">Be Best by First Lady Melania Trump </div>
          
           
          
           <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/sMitmZxFi10','Be Best, an initiative by First Lady Melania Trump')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">1.</div><div class="ml-4- flex-shrink-0"><img src="./first-lady-melania-shares-be-best.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Be Best, an initiative by First Lady Melania Trump
</span></div> 
              </a>
          
          
            <div class="font-semibold text-lg mb-2  text-[#FFD700]">Donald Trump's Presidential Announcements Regarding the 47th Presidency of the United States of America</div>
         
          
          <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/9TeYOZWGu8s','Former President Trump Announces 2024 Presidential Campaign')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">2.</div><div class="ml-4- flex-shrink-0"><img src="./dt-announced-2024-campaign.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Former President Trump Announces 2024 Presidential Campaign
</span></div> 
              </a>
   
          
            <div class="font-semibold text-lg mb-2  text-[#FFD700]">Donald Trump's 2024 Presidential Campaign Plans</div>
           
          
          
           <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/R6B2vSFQ6mA','JUST IN: Trump Responds To Twitter Files In New Video, topic of video: freedom of speach intentions')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">3.</div><div class="ml-4- flex-shrink-0"><img src="./dt-twitter-acct-freedom-of-speach.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">JUST IN: Trump Responds To Twitter Files In New Video, topic of video: freedom of speach intentions
</span></div> 
              </a>
   
          
          
          
          <div class="font-semibold text-lg mb-2  text-[#FFD700]">Donald Trump's First Term as the 45th President of the United States of America</div>
          
     
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/4GNWldTc8VU','The Inauguration of the 45th President of the United States')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">5.</div><div class="ml-4- flex-shrink-0"><img src="./inag-45th-pres.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">The Inauguration of the 45th President of the United States
</span></div> 
              </a>
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/_1cJNlPQYf0','A Message from President Donald J. Trump, topic: covid vaccines developed')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">5.</div><div class="ml-4- flex-shrink-0"><img src="./covid-vaccines-developed.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">A Message from President Donald J. Trump, topic: covid vaccines developed
</span></div> 
              </a>
          
           
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/5INg0j98FcI','The Trump Family Adjust to Life as the First Family')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">6.</div><div class="ml-4- flex-shrink-0"><img src="./adjusts-to-life-at-the-whitehouse.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">The Trump Family Adjust to Life as the First Family
</span></div> 
              </a>
          
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/MT-NzXP_UWA','Queen Elizabeth hosts NATO world leaders at Buckingham Palace')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">7.</div><div class="ml-4- flex-shrink-0"><img src="./q-wl-buckingham-palace.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Queen Elizabeth hosts NATO world leaders at Buckingham Palace
</span></div> 
              </a>
          
       
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/FLkpOfBFj60','Queen and Donald Trump meet at Buckingham Palace | 5 News')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">8.</div><div class="ml-4- flex-shrink-0"><img src="./queen-trump-speach-buckingham-palace.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Queen and Donald Trump meet at Buckingham Palace | 5 News
</span></div> 
              </a>
       
          
            
          
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/QGWRfuLZkuQ','Full Interview: Donald Trump, Melania & Family with George Stephanopoulos')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">9.</div><div class="ml-4- flex-shrink-0"><img src="./full-interview-with-steph.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Full Interview: Donald Trump, Melania & Family with George Stephanopoulos
</span></div> 
              </a>
          
          
          <div class="font-semibold text-lg mb-2  text-[#FFD700]">45th President Donald Trump's News Conferences</div>
         
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/VuwUuNGZfUE','08/19/2020: President Trump Holds a News Conference')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">10.</div><div class="ml-4- flex-shrink-0"><img src="./iran-latest-actions.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">08/19/2020: President Trump Holds a News Conference
</span></div> 
              </a>
          
          
          
          
          
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/ij5zOuyyXCQ','President Donald Trump holds a Labor Day news conference | FULL, 9/7/2020')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">11.</div><div class="ml-4- flex-shrink-0"><img src="./9-7-2020-news-conference.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Donald Trump holds a Labor Day news conference | FULL, 9/7/2020 
</span></div> 
              </a>
    
          
          <div class="font-semibold text-lg mb-2  text-[#FFD700]">President Trump's Holiday Messages</div> 
          
         
          
       
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/CKXvznk3rI0','Christmas message from President and Mrs. Trump, 2017')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">12.</div><div class="ml-4- flex-shrink-0"><img src="./hol-message-1.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Christmas message from President and Mrs. Trump, 2017
</span></div> 
              </a>
          
         
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/ToGKhztGNa8','The President and First Lady\'s 2018 Christmas Message')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">13.</div><div class="ml-4- flex-shrink-0"><img src="./hol-message-2018.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">The President and First Lady's 2018 Christmas Message
</span></div> 
              </a>
         
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/l73tJGqHFOw','The President & First Lady\'s 2019 Christmas Message')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">14.</div><div class="ml-4- flex-shrink-0"><img src="./hol-message-2019.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">The President & First Lady's 2019 Christmas Message
</span></div> 
              </a>
          
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/tvtO9f_bcQM','President Trump and First Lady share Christmas message')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">15.</div><div class="ml-4- flex-shrink-0"><img src="./hol-message-2020.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Trump and First Lady share Christmas message
</span></div> 
              </a>
          
          
          
        
          <div class="font-semibold text-lg mb-2  text-[#FFD700]"> President Donald Trump's state of the Union Addresses</div> 
       
          
          
     <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/9o_WDqG2x_4','President Donald Trump\'s 2017 Joint Address To Congress: Full Speach | NBC News')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">16.</div><div class="ml-4- flex-shrink-0"><img src="./2017-state-of-the-union.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Donald Trump's 2017 Joint Address To Congress: Full Speach | NBC News
</span></div> 
              </a>
          
          
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/ATFwMO9CebA','President Trump 2018 State of the Union Address (C-SPAN)')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">17.</div><div class="ml-4- flex-shrink-0"><img src="./2018-state-of-the-union.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Trump 2018 State of the Union Address (C-SPAN)
</span></div> 
              </a>
       
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/bYj4cDmilxc','WATCH: Trump\'s full 2019 State of the Union address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">18.</div><div class="ml-4- flex-shrink-0"><img src="./2019-state-of-the-union.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">WATCH: Trump's full 2019 State of the Union address
</span></div> 
              </a>
          
        

            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/4pYaBf15xa4','Top 5 Moments - 2020 State of the Union')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">19.</div><div class="ml-4- flex-shrink-0"><img src="./2020-state-of-the-union.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Top 5 Moments - 2020 State of the Union
</span></div> 
              </a>
          
          <div class="font-semibold text-lg mb-2  text-[#FFD700]">Weekly Addresses of the 45th President</div> 
          
          
             
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/KgCZaKkk7No','President Trump\'s First Weekly Address (ABC)')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">20.</div><div class="ml-4- flex-shrink-0"><img src="./wa-first.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Trump's First Weekly Address (ABC)
</span></div> 
              </a>
          
          
      
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/N0CSUhF4tyA','President Trump\'s Weekly Address: 1/28/17')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">21.</div><div class="ml-4- flex-shrink-0"><img src="./wa-1-28-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Trump's Weekly Address 1/28/17
</span></div> 
              </a>
          
          
 
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/cSew1jkb_40','2/3/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">22.</div><div class="ml-4- flex-shrink-0"><img src="./wa-2-3-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">2/3/17: Weekly Address
</span></div> 
              </a>

          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/Am1DfjmGcvc','2/10/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">23.</div><div class="ml-4- flex-shrink-0"><img src="./wa-2-10-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">2/10/17: Weekly Address
</span></div> 
              </a>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/F0rpawGF1mU','2/17/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">24.</div><div class="ml-4- flex-shrink-0"><img src="./wa-2-10-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">2/17/17: Weekly Address
</span></div> 
              </a>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/42HH45leldI','2/25/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">25.</div><div class="ml-4- flex-shrink-0"><img src="./wa-2-25-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">2/25/17: Weekly Address
</span></div> 
              </a>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/k_qVjMYpl9o','3/3/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">26.</div><div class="ml-4- flex-shrink-0"><img src="./wa-3-3-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">3/3/17: Weekly Address
</span></div> 
              </a>
         
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/VaNZ4Gm1ylM','3/10/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">27.</div><div class="ml-4- flex-shrink-0"><img src="./wa-3-10-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">3/10/17: Weekly Address
</span></div> 
              </a>
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/2GK1eY_4628','3/18/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">28.</div><div class="ml-4- flex-shrink-0"><img src="./wa-3-18-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">3/18/17: Weekly Address
</span></div> 
              </a>
          
          
        
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/ZGt6lkLApuo','3/25/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">29.</div><div class="ml-4- flex-shrink-0"><img src="./wa-3-25-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">3/25/17: Weekly Address
</span></div> 
              </a>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/l_f5gtYOHhM','3/31/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">30.</div><div class="ml-4- flex-shrink-0"><img src="./wa-3-31-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">3/31/17: Weekly Address
</span></div> 
              </a>
          
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/qGWTBdInLfk','4/7/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">31.</div><div class="ml-4- flex-shrink-0"><img src="./wa-4-7-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">4/7/17: Weekly Address
</span></div> 
              </a>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/5-HAAlJebkY','4/14/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">32.</div><div class="ml-4- flex-shrink-0"><img src="./wa-4-14-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">4/14/17: Weekly Address
</span></div> 
              </a>
          
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/LhTx_4IUA1U','4/21/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">33.</div><div class="ml-4- flex-shrink-0"><img src="./wa-4-21-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">4/21/17: Weekly Address
</span></div> 
              </a>
          
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/0o4Vi5iF_cM','Weekly Address 4/28/17')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">34.</div><div class="ml-4- flex-shrink-0"><img src="./wa-4-28-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Weekly Address 4/28/17
</span></div> 
              </a>
          
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/59WmVu3rccg','5/5/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">35.</div><div class="ml-4- flex-shrink-0"><img src="./wa-5-5-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">5/5/17: Weekly Address
</span></div> 
              </a>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/x1Ihgr7wewg','5/12/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">36.</div><div class="ml-4- flex-shrink-0"><img src="./wa-5-12-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">5/12/17: Weekly Address
</span></div> 
              </a>
          
         
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo(' https://www.youtube.com/embed/YjltlxCfG-Y','5/19/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">37.</div><div class="ml-4- flex-shrink-0"><img src="./wa-5-19-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">5/19/17: Weekly Address
</span></div> 
              </a>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/YYcPnX7Tzfc','5/26/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">38.</div><div class="ml-4- flex-shrink-0"><img src="./wa-5-26-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">5/26/17: Weekly Address
</span></div> 
              </a>
          
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/zdyUvAyWi4w','6/3/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">39.</div><div class="ml-4- flex-shrink-0"><img src="./wa-6-3-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">6/3/17: Weekly Address
</span></div> 
              </a>
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/zLj0IGLlvk8','6/9/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">40.</div><div class="ml-4- flex-shrink-0"><img src="./wa-6-9-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">6/9/17: Weekly Address
</span></div> 
              </a>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/X1AyUyKHpC0','6/16/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">41.</div><div class="ml-4- flex-shrink-0"><img src="./wa-6-16-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">6/16/17: Weekly Address
</span></div> 
              </a>
         
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/i9BiKHdl-Ek','6/23/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">42.</div><div class="ml-4- flex-shrink-0"><img src="./wa-6-23-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">6/23/17: Weekly Address
</span></div> 
              </a>
          
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/0ewCRiVq-Eg','6/30/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">43.</div><div class="ml-4- flex-shrink-0"><img src="./wa-7-14-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">6/30/17: Weekly Address
</span></div> 
              </a>
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/PBN0G6PsQvI','7/7/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">44.</div><div class="ml-4- flex-shrink-0"><img src="./wa-7-14-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">7/7/17: Weekly Address
</span></div> 
              </a>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/za-pQSM_988','7/14/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">45.</div><div class="ml-4- flex-shrink-0"><img src="./wa-7-14-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">7/14/17: Weekly Address
</span></div> 
              </a>
          
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/g13CnihlioY','7/21/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">46.</div><div class="ml-4- flex-shrink-0"><img src="./wa-7-21-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">7/21/17: Weekly Address
</span></div> 
              </a>
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/oGmY1xqVvN8','7/28/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">47.</div><div class="ml-4- flex-shrink-0"><img src="./wa-7-28-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">7/28/17: Weekly Address
</span></div> 
              </a>
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/uADUdNOHlg8','Weekly Address 8/4/17')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">48.</div><div class="ml-4- flex-shrink-0"><img src="./wa-8-4-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Weekly Address 8/4/17
</span></div> 
              </a>
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/HP2HEpO74q8','Weekly Address 8/25/17')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">49.</div><div class="ml-4- flex-shrink-0"><img src="./wa-8-25-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Weekly Address 8/25/17
</span></div> 
              </a>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/jHdYOueQatA','9/1/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">50.</div><div class="ml-4- flex-shrink-0"><img src="./wa-9-1-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">9/1/17: Weekly Address
</span></div> 
              </a>
 
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/-bZOvsdFldU','9/15/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">51.</div><div class="ml-4- flex-shrink-0"><img src="./wa-9-15-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">9/15/17: Weekly Address
</span></div> 
              </a>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/JxT-bNAEKpY','9/22/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">52.</div><div class="ml-4- flex-shrink-0"><img src="./wa-9-22-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">9/22/17: Weekly Address
</span></div> 
              </a>
        
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/98drMIow4Rg','9/29/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">53.</div><div class="ml-4- flex-shrink-0"><img src="./wa-9-29-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">9/29/17: Weekly Address
</span></div> 
              </a>
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/OnEAL4SOsFc','10/6/17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">54.</div><div class="ml-4- flex-shrink-0"><img src="./wa-10-6-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">10/6/17: Weekly Address
</span></div> 
              </a>
          
              
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/qUePMp0pu_c','10-14-17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">55.</div><div class="ml-4- flex-shrink-0"><img src="./wa-10-14-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">10-14-17: Weekly Address
</span></div> 
              </a>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/UnMNe9P1V_8','12-2-17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">56.</div><div class="ml-4- flex-shrink-0"><img src="./wa-12-2-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">12-2-17: Weekly Address
</span></div> 
              </a>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/pfVIIMtcDWw','12-9-17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">57.</div><div class="ml-4- flex-shrink-0"><img src="./wa-12-9-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">12-9-17: Weekly Address
</span></div> 
              </a>
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/CJcmL2eWlag','12-16-17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">58.</div><div class="ml-4- flex-shrink-0"><img src="./wa-12-16-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">12-16-17: Weekly Address
</span></div> 
              </a>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/jyQ7oRtpNGQ','12-30-17: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">59.</div><div class="ml-4- flex-shrink-0"><img src="./wa-12-30-17.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">12-30-17: Weekly Address
</span></div> 
              </a>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/qaD1c3CVeLQ','2-10-18: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">60.</div><div class="ml-4- flex-shrink-0"><img src="./wa-2-10-18.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">2-10-18: Weekly Address
</span></div> 
              </a>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/cezI_IN0YI0','3/10/18: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">61.</div><div class="ml-4- flex-shrink-0"><img src="./wa-3-10-18.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">3/10/18: Weekly Address
</span></div> 
              </a>
   
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/wIZo0rqJCVo','Weekly Address 3/31/2018')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">62.</div><div class="ml-4- flex-shrink-0"><img src="./wa-3-31-18.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Weekly Address 3/31/2018
</span></div> 
              </a>
          
            
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/l5LwnDv9SuQ','4/7/18: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">63.</div><div class="ml-4- flex-shrink-0"><img src="./wa-four-7-18.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">4/7/18: Weekly Address
</span></div> 
              </a>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/J3a7WWtwClQ','4/13/18: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">64.</div><div class="ml-4- flex-shrink-0"><img src="./wa-4-13-18.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">4/13/18: Weekly Address
</span></div> 
              </a>
          
            
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/tkqD49HsFAw','5/13/18: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">65.</div><div class="ml-4- flex-shrink-0"><img src="./wa-5-13-18.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">5/13/18: Weekly Address
</span></div> 
              </a>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/hONabIzdapo','6/2/18: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">66.</div><div class="ml-4- flex-shrink-0"><img src="./wa-6-2-18.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">6/2/18: Weekly Address
</span></div> 
              </a>
          
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/lG8bPqFr2T8','6/23/18: Weekly Address')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">67.</div><div class="ml-4- flex-shrink-0"><img src="./wa-6-23-18.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">6/23/18: Weekly Address
</span></div> 
              </a>
          
     
           <div class="font-semibold text-lg mb-2  text-[#FFD700]">Documentaries</div>
          
          
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/SMwXKl0odq8','Trump\'s Road to the White House (full documentary) | FRONTLINE')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">68.</div><div class="ml-4- flex-shrink-0"><img src="./dt-road-whitehouse.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Trump\'s Road to the White House (full documentary) | FRONTLINE
</span></div> 
              </a>
          
         
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/4_xQ5JisFuo','Donald Trump\'s Trade War (full documentary) | FRONTLINE')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">69.</div><div class="ml-4- flex-shrink-0"><img src="./td-trade-war.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Donald Trump\'s Trade War (full documentary) | FRONTLINE
</span></div> 
              </a>
          
          
       
          
          
          <div class="font-semibold text-lg mb-2  text-[#FFD700]">Donald Trump hosts press conferences</div>
          
          
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/LO2IoiT63Pg','President Trump Hosts a Press Conference')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">70.</div><div class="ml-4- flex-shrink-0"><img src="./dt-holds-a-press-conference.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Trump Hosts a Press Conference
</span></div> 
              </a>
          
          
         
        
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/7HX2Hi7sBhU','President Trump holds press conference after UN meetings in New York | ABC News')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">71.</div><div class="ml-4- flex-shrink-0"><img src="./dt-holds-a-press-conference-abc.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Trump holds press conference after UN meetings in New York | ABC News
</span></div> 
              </a>
          
          
           <div class="font-semibold text-lg mb-2  text-[#FFD700]">Donald Trump at g20 summits</div>
         
          
           
          
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/Sai5Ab5xFRk','Presidtent Donald Trump tells Putin at G20 summit: Don\'t meddle in U.S. elections')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">72.</div><div class="ml-4- flex-shrink-0"><img src="./dont-meddle.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Donald Trump tells Putin at G20 summit: Don't meddle in U.S. elections
</span></div> 
              </a>
          
              
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/ryHe7Cwnmzo','President Donald Trump\'s and Xi\'s bilateral meeting at G20')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">73.</div><div class="ml-4- flex-shrink-0"><img src="./dt-xi.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Donald Trump's and Xi's bilateral meeting at G20
</span></div> 
              </a>
          
         
          
       
          
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/Vpwkdmwui3k','President Donald Trump and Stoltenberg get into tense exchange at NATO summit')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">74.</div><div class="ml-4- flex-shrink-0"><img src="./dt-stolt-heated-exch.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Donald Trump and Stoltenberg get into tense exchange at NATO summit
</span></div> 
              </a>
          
           
          
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/jtl5XK7QP38','President Donald Trump\'s Most Heated Exchanges With Reporters At His Longest Press Conference')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">75.</div><div class="ml-4- flex-shrink-0"><img src="./dt-heated-exch-reporters.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Donald Trump's Most Heated Exchanges With Reporters At His Longest Press Conference
</span></div> 
              </a>
          
          <div class="font-semibold text-lg mb-2  text-[#FFD700]">Donald Trump is the first United States President to visit North Korea </div>
          
      
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/P5QpCaMHJjQ','Watch Historic Meeting Between Presidnt Donald Trump and Kim Jong Un In The DMZ | NBC News')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">76.</div><div class="ml-4- flex-shrink-0"><img src="./dt-w-kim-jung-un.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Watch Historic Meeting Between Donald Trump and Kim Jong Un In The DMZ | NBC News
</span></div> 
              </a>
          
         
          

          <div class="font-semibold text-lg mb-2  text-[#FFD700]">Donald Trump's Commencement Speaches</div>
          
          
          
          
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/nsUAV_ggisE','WATCH: President Donald Trump Delivers Commencement Speech At Liberty University 2017')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">77.</div><div class="ml-4- flex-shrink-0"><img src="./liberty-commencement.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">WATCH: President Donald Trump Delivers Commencement Speech At Liberty University 2017
</span></div> 
              </a>
          
         
          <div class="font-semibold text-lg mb-2  text-[#FFD700]">Donald Trump's Family</div>
          
         
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/pMaS_1b2SOM','Meet The Donald Trump Family | Biography')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">78.</div><div class="ml-4- flex-shrink-0"><img src="./dt-family.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Meet The Donald Trump Family | Biography
</span></div> 
              </a>
          
          
            
          
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/7oW-Z1a7iRs','Donald Trump\â€™s Family On Instincts, Empathy, Habit They Wish He\â€™d Stop | TODAY')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">79.</div><div class="ml-4- flex-shrink-0"><img src="./meeting-w-dt-family-onstage-in-ny.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Donald Trumpâ€™s Family On Instincts, Empathy, Habit They Wish Heâ€™d Stop | TODAY
</span></div> 
              </a>
          
         
          
          
            
          
           <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/xm24p9VkKH8','President Donald Trump\'s Family on Effects of Election')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">80.</div><div class="ml-4- flex-shrink-0"><img src="./dt-family-on-effects-of-election.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Donald Trump's Family on Effects of Election
</span></div> 
              </a>
         
          
          
          
          
          <div class="font-semibold text-lg mb-2  text-[#FFD700]">Donald Trump's campaign for a second Term as President and visiting Iowa</div>
          
          
          
          
            <a class="pl-4 pt-4 pr-4 pb-2 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/K_IR90FthXQ','President Donald Trump: 30 Hours l Interview with George Stephanopoulos l Part 1')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">81.</div><div class="ml-4- flex-shrink-0"><img src="./dt-w-steph.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">President Donald Trump: 30 Hours l Interview with George Stephanopoulos l Part 1
</span></div> 
              </a>
          
          
           <div class="font-semibold text-lg mb-2  text-[#FFD700]">Be Best by First Lady Melania Trump </div>
          
           
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/sMitmZxFi10','Be Best, an initiative by First Lady Melania Trump')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">82.</div><div class="ml-4- flex-shrink-0"><img src="./first-lady-melania-shares-be-best.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Be Best, an initiative by First Lady Melania Trump
</span></div> 
              </a>
            
          
           <div class="font-semibold text-lg mb-2 text-[#FFD700]">First Lady Melania Trump's Farewell Message</div>
          
            
          
            <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/WSEi-YBt-Uw','A Message from First Lady Melania Trump')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">83.</div><div class="ml-4- flex-shrink-0"><img src="./first-lady-melania-trump-says-goodbye.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">A Message from First Lady Melania Trump
</span></div> 
              </a>
          
          
       </div>  
          <div id="the-menu" class="hidden ">
          <div id="search-menu" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="search" name="search" placeholder="Search Through Video Captions" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton" name="searchButton" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
              
          </div>
          <div id="search-menu2" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="searchd" name="searchd" placeholder="Search Through Video Descriptions" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton2" name="searchButton2" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
             
          </div>
          
          
          <div id="search-menu3" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="search3" name="search3" placeholder="Search Through Picture Captions" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton3" name="searchButton3" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
              
          </div>
          <div id="search-menu4" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="search4" name="search4" placeholder="Search Through Picture Descriptions" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton4" name="searchButton4" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
             
          </div>
              
              
              
               <div id="search-menu5" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="search5" name="search4" placeholder="Search Through Text Titles" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton5" name="searchButton5" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
             
          </div>
              
              
               <div id="search-menu6" class="hidden- w-full flex flex-row justify-between items-center bg-green-100 p-4 mb-4">
          <input type="text" id="search6" name="search4" placeholder="Search Through Text Descriptions" maxlength="50" class="p-2 w-full block rounded-md lg:w-64- lg:inline-block- focus:outline-none" /><input type="submit" id="searchButton6" name="searchButton6" value="Search" class="hidden- ml-4 cursor-pointer focus:outline-none p-1.5 border-2 border-[#FFD700] bg-white rounded-md" href="#" />
             
          </div>
              
          </div>
<div id="cats"></div>
      </div>
    
</div>
    

    
</div>
</div>     



<script>
    let tmineonly=false
	let pmineonly=false
	let vmineonly=false
	
    //let firsttimepaying=false
    let catsShowing=false
    let gdefault_category
window.gdefault_category = gdefault_category
    
    
    let scs = {
     selected_category:gdefault_category,
     display_category:""
        
    }
	
	function setTextMineOnly() {
	//alert("setTextMineOnly")
	console.log(window.document.querySelector("#tmine").value)
	tmineonly=window.document.querySelector("#tmine").checked
	}
	
	function setPictureMineOnly() {
	//alert("setPictureMineOnly")
	console.log(window.document.querySelector("#pmine").value)
	pmineonly=window.document.querySelector("#pmine").checked
	}
	
	function setVideoMineOnly() {
	//alert("setVideoMineOnly")
	console.log(window.document.querySelector("#vmine").value)
	vmineonly=window.document.querySelector("#vmine").checked
	}
    
     function theSearch() {
         //alert("showVideos")
        
         window.document.querySelector('#the-menu').classList.toggle('hidden')
        
         
        
    }
          
    
    function showVideos() {
      /*
         //alert("showVideos")
        
         //let myNode = window.document.querySelector("#rci")
          
                       
         //while (!!myNode && myNode.lastElementChild) 
         //{
              //alert("it")
         //     myNode.removeChild(myNode.lastElementChild);
         //}
        
        let myNode = window.document.querySelector("#all-things")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
       
              
         console.log("loadVideos2 93")
         loadVideos2(true, false)
         */
        
    }
    
    function showPictures() {
        //alert("showPictures")
         let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
                       while (!!myNode && myNode.lastElementChild) 
                       {
                           //alert("it")
                              myNode.removeChild(myNode.lastElementChild);
                       }
         loadPictures2(true,false)
    }
    
    function showTextOnly() {
        //alert("showReplies")
        
        let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        loadReplies2(true, false)

    }
    
    
    function toggleThem() {
       
        //alert("toggleThem 1")
        window.document.querySelector('#the-ads').classList.toggle('hidden')
        //alert("toggleThem 2")
        

    }
    
        
    
    function example() {
    alert("e")
    }
    
        //pointer-events-none
    //pointer-events-auto
    //window.document.querySelector('#')classList.add('pointer-events-none')
    //window.document.classList.remove('pointer-events-none')
    //window.document.classList.add('pointer-events-auto')
    //window.document.classList.remove('pointer-events-auto')
    
    function addNone()
    {
    window.document.querySelector('#a1input1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#a1input2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#a1input3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#ainput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ainput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ainput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#binput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#binput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#binput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#cinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#cinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#cinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#dinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#dinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#dinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#einput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#einput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#einput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#finput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#finput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#finput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#ginput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ginput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ginput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#hinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#hinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#hinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#iinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#iinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#iinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#jinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#jinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#jinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#kinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#kinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#kinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#linput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#linput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#linput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#minput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#minput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#minput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#ninput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ninput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ninput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#oinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#oinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#oinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#pinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#pinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#pinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#qinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#qinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#qinput3r-1').classList.add('pointer-events-none')
   
    window.document.querySelector('#rinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#rinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#rinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#sinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#sinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#sinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#tinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#tinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#tinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#uinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#uinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#uinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#vinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#vinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#vinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#winput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#winput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#winput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#xinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#xinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#xinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#yinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#yinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#yinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#zinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#zinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#zinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#aainput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aainput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aainput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#abinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#abinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#abinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#acinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#acinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#acinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#adinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#adinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#adinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#aeinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aeinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aeinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#afinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#afinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#afinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#aginput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aginput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aginput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#ahinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ahinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ahinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#aiinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aiinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aiinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#ajinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ajinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#ajinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#akinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#akinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#akinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#alinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#alinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#alinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#aminput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aminput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aminput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#aninput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aninput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aninput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#aoinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aoinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aoinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#apinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#apinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#apinput3r-1').classList.add('pointer-events-none')
    
    window.document.querySelector('#aqinput1r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aqinput2r-1').classList.add('pointer-events-none')
    window.document.querySelector('#aqinput3r-1').classList.add('pointer-events-none')
    }
    window.addNone = addNone
    //////////////////////////////////////////////////////////
    //////////////////////////////////////////////////////////
    function addAuto() 
    {
     window.document.querySelector('#a1input1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#a1input2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#a1input3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#ainput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ainput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ainput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#binput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#binput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#binput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#cinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#cinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#cinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#dinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#dinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#dinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#einput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#einput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#einput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#finput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#finput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#finput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#ginput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ginput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ginput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#hinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#hinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#hinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#iinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#iinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#iinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#jinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#jinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#jinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#kinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#kinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#kinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#linput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#linput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#linput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#minput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#minput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#minput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#ninput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ninput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ninput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#oinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#oinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#oinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#pinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#pinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#pinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#qinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#qinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#qinput3r-1').classList.add('pointer-events-auto')
   
    window.document.querySelector('#rinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#rinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#rinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#sinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#sinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#sinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#tinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#tinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#tinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#uinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#uinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#uinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#vinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#vinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#vinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#winput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#winput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#winput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#xinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#xinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#xinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#yinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#yinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#yinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#zinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#zinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#zinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#aainput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aainput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aainput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#abinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#abinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#abinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#acinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#acinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#acinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#adinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#adinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#adinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#aeinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aeinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aeinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#afinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#afinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#afinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#aginput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aginput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aginput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#ahinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ahinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ahinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#aiinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aiinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aiinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#ajinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ajinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#ajinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#akinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#akinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#akinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#alinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#alinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#alinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#aminput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aminput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aminput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#aninput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aninput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aninput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#aoinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aoinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aoinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#apinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#apinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#apinput3r-1').classList.add('pointer-events-auto')
    
    window.document.querySelector('#aqinput1r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aqinput2r-1').classList.add('pointer-events-auto')
    window.document.querySelector('#aqinput3r-1').classList.add('pointer-events-auto')
    }
    window.addAuto = addAuto
   ///////////////////////////////////////////////////////////
   //////////////////////////////////////////////////////////
   function removeNone() 
   {
    window.document.querySelector('#a1input1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#a1input2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#a1input3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#ainput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ainput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ainput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#binput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#binput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#binput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#cinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#cinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#cinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#dinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#dinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#dinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#einput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#einput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#einput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#finput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#finput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#finput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#ginput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ginput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ginput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#hinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#hinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#hinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#iinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#iinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#iinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#jinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#jinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#jinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#kinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#kinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#kinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#linput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#linput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#linput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#minput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#minput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#minput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#ninput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ninput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ninput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#oinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#oinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#oinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#pinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#pinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#pinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#qinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#qinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#qinput3r-1').classList.remove('pointer-events-none')
   
    window.document.querySelector('#rinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#rinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#rinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#sinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#sinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#sinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#tinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#tinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#tinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#uinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#uinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#uinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#vinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#vinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#vinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#winput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#winput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#winput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#xinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#xinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#xinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#yinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#yinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#yinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#zinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#zinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#zinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#aainput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aainput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aainput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#abinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#abinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#abinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#acinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#acinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#acinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#adinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#adinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#adinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#aeinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aeinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aeinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#afinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#afinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#afinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#aginput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aginput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aginput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#ahinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ahinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ahinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#aiinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aiinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aiinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#ajinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ajinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#ajinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#akinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#akinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#akinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#alinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#alinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#alinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#aminput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aminput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aminput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#aninput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aninput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aninput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#aoinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aoinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aoinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#apinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#apinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#apinput3r-1').classList.remove('pointer-events-none')
    
    window.document.querySelector('#aqinput1r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aqinput2r-1').classList.remove('pointer-events-none')
    window.document.querySelector('#aqinput3r-1').classList.remove('pointer-events-none')
    }
    window.removeNone =  removeNone
    //////////////////////////////////////////////////////////
    //////////////////////////////////////////////////////////
    function removeAuto()
    {
     window.document.querySelector('#a1input1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#a1input2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#a1input3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#ainput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ainput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ainput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#binput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#binput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#binput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#cinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#cinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#cinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#dinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#dinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#dinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#einput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#einput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#einput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#finput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#finput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#finput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#ginput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ginput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ginput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#hinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#hinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#hinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#iinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#iinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#iinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#jinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#jinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#jinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#kinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#kinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#kinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#linput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#linput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#linput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#minput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#minput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#minput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#ninput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ninput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ninput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#oinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#oinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#oinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#pinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#pinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#pinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#qinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#qinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#qinput3r-1').classList.remove('pointer-events-auto')
   
    window.document.querySelector('#rinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#rinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#rinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#sinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#sinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#sinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#tinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#tinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#tinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#uinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#uinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#uinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#vinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#vinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#vinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#winput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#winput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#winput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#xinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#xinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#xinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#yinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#yinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#yinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#zinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#zinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#zinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#aainput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aainput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aainput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#abinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#abinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#abinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#acinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#acinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#acinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#adinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#adinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#adinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#aeinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aeinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aeinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#afinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#afinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#afinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#aginput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aginput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aginput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#ahinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ahinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ahinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#aiinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aiinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aiinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#ajinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ajinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#ajinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#akinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#akinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#akinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#alinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#alinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#alinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#aminput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aminput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aminput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#aninput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aninput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aninput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#aoinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aoinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aoinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#apinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#apinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#apinput3r-1').classList.remove('pointer-events-auto')
    
    window.document.querySelector('#aqinput1r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aqinput2r-1').classList.remove('pointer-events-auto')
    window.document.querySelector('#aqinput3r-1').classList.remove('pointer-events-auto')
    }
    window.removeAuto = removeAuto


    
    
    
document.addEventListener("DOMContentLoaded", function() {
    console.log("loadVideos2 944")
    //console.log("loadVideos2 94")
        
        if (history.scrollRestoration) {
             history.scrollRestoration = 'manual';
        }
        window.scroll({
             top: 0, 
             left: 0, 
             //behavior: 'smooth'
        });
       

    //window.scrollTo(0,0)
    window.addEventListener('scroll', () => {
        theScrollPosition = document.documentElement.scrollTop
        
         if(rscrollPos > 0) {
         window.scroll({
             top: rscrollPos, 
             left: 0, 
             //behavior: 'smooth'
        });
             
         }
        
    });
    
    scs.selected_category = "antiques"
    scs.display_selected_category = "antiques"
    

    //window.document.querySelector("#displayTitle").textContent=scs.display_selected_category
    //alert("listCategories callig it")
    catsShowing=false
    listCategories()
    
    
    //window.document.querySelector('#category-name').textContent="church"
    console.log("loadVideos2 1")
    console.log("loadVideos2 1111111")
     
    window.document.querySelector("#vdiv").textContent="Providing a way to sell used item(s) to your local community, please submit your (city or place) and state, signup/login, click settings, click Est Monthly, fill in the payment information at $7.00 per month. For each consequtive month, the $7.00 payment recurs automatically. You may cancel the subscription at anytime, no refunds, relogin, click settings, click create text ad or create picture ad or create video ad, fill in requested information, wait for a buyer to call you with interest in your used item(s)."
    addNone()
    
});
   
   
</script>


<!--
<script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-app.js"></script>

<script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-functions.js"></script>

<script src="https://js.stripe.com/v3/"></script>
-->

<script>

//const checkoutButton = document.getElementById('stripe')
const monthly = document.getElementById('stripe2')// other one createStripeCheckout

const cancelsubscriptionf = document.getElementById('stripe3')
const cancelsubscriptionf2 = document.getElementById('stripe4')



siteInformation.addEventListener('click', () => {
window.document.querySelector('#site-information').classList.toggle('hidden')
})



function generateUUID() { // Public Domain/MIT
    var d = new Date().getTime();//Timestamp
    var d2 = ((typeof performance !== 'undefined') && performance.now && (performance.now()*1000)) || 0;//Time in microseconds since page-load or 0 if unsupported
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        var r = Math.random() * 16;//random number between 0 and 16
        if(d > 0){//Use timestamp until depleted
            r = (d + r)%16 | 0;
            d = Math.floor(d/16);
        } else {//Use microseconds since page-load if supported
            r = (d2 + r)%16 | 0;
            d2 = Math.floor(d2/16);
        }
        return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
    });
}



</script>




</body>

       <script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-app.js"></script>

    <script src="https://www.gstatic.com/firebasejs/8.2.9/firebase-functions.js"></script>
    
    <script src="https://js.stripe.com/v3/"></script>

    <script>
  
 
</script>
	
	 <script>
  
 


const firebaseConfig3 = {
  apiKey: "AIzaSyClmezsYhvo32vfiVwYBjwQjw2bQp7bVxA",
  authDomain: "learn-firebase-c5294.firebaseapp.com",
  projectId: "learn-firebase-c5294",
  storageBucket: "learn-firebase-c5294.appspot.com",
  messagingSenderId: "44819407872",
  appId: "1:44819407872:web:d7d4320186014e7f6264e5"
};

  // Initialize Firebase
  firebase.initializeApp(firebaseConfig3);
  

</script>



<script>
    
    /*AIzaSyCJY5VAbhDf0NTqQf83gUs2Wbys3wAyooU*/
    /*AIzaSyByL0k_kfTGRJpLGL1hN1bcxYmg4de1oVc*/
    
    // Initialize and add the map
function initMap() {
  // The location of Uluru
  const uluru = { lat: -25.344, lng: 131.031 };
  // The map, centered at Uluru
  const map = new google.maps.Map(document.getElementById("map"), {
    zoom: 4,
    center: uluru,
  });
  // The marker, positioned at Uluru
  const marker = new google.maps.Marker({
    position: uluru,
    map: map,
  });
}

window.initMap = initMap;
    </script>

<script>
   
    function showTheMap(thecity,thestate) {
         //alert("showTheMap, thecity="+thecity)
         //alert("showTheMap, thestate="+thestate)
         //window.document.getElementById("address").value=thecity+" "+thestate
    }

</script>

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false&key=AIzaSyAhMUA4V96K-Qss0BqQ-XdSMFRtCBs8z_c&libraries=places"></script>
 
<script>
    document.addEventListener("DOMContentLoaded", function () {
  window.document.getElementById("address").value=""
});
    let lat;
    let lng;
google.maps.event.addDomListener(window, 'load', initialize);
function initialize() {
var input = document.getElementById('address');
var autocomplete = new google.maps.places.Autocomplete(input);
autocomplete.addListener('place_changed', function () {
var place = autocomplete.getPlace();
// place variable will have all the information you are looking for.
 
  //document.getElementById("latitude").value = place.geometry['location'].lat();
  //document.getElementById("longitude").value = place.geometry['location'].lng();
    lat=place.geometry['location'].lat();
        lng=place.geometry['location'].lng();
    console.log("lat="+lat)
      console.log("lng="+lng)
    
    
    var map = new google.maps.Map(document.getElementById('vdiv'), {
      zoom: 12,
      center: {lat: 0,  lng:  0}
    });

    marker = new google.maps.Marker({
                map:map,
                draggable:true,
                animation: google.maps.Animation.DROP,
                position: {lat: 0,  lng:  0}
            });
    
    
     var latLng = new google.maps.LatLng(lat, lng);
      marker.setPosition(latLng);
      map.panTo(latLng);
    
});
}

//readystate was here

</script>


</body>
<script>
function isLoggedIn() {
 if(isLoggedIn === false) {
       
     //window.document.getElementById("commentId").setAttribute("disabled","disabled")
     alert("To comment, please login first.") 
     
 }
    else {
        window.document.getElementById("commentId").removeAttribute("disabled")
    }
}
</script>
<script>


// Throws an error in strict mode

console.log(obj.prop);


let uploadTask1 //video
let uploadTask2 //thumbnail
let uploadTask3 //picture

let j=0;
let m=0;
let n=0; 
let newLogin = false
let theScrollPosition=0
     let rscrollPos = 0
window.rscrollPos = rscrollPos
window.theScrollPosition = theScrollPosition
</script>


<script type="module">
   /*9.15.0*/

import{initializeApp}from"https://www.gstatic.com/firebasejs/9.15.0/firebase-app.js";import{ref,getDatabase,set,get,update,remove,child,push,onValue}from"https://www.gstatic.com/firebasejs/9.15.0/firebase-database.js";import{getStorage,deleteObject,uploadBytesResumable,getDownloadURL,listAll,ref as sRef}from"https://www.gstatic.com/firebasejs/9.15.0/firebase-storage.js";import{getAuth,deleteUser,createUserWithEmailAndPassword,signInWithEmailAndPassword,onAuthStateChanged,signOut}from"https://www.gstatic.com/firebasejs/9.15.0/firebase-auth.js";const firebaseConfig3={apiKey:"AIzaSyClmezsYhvo32vfiVwYBjwQjw2bQp7bVxA",authDomain:"learn-firebase-c5294.firebaseapp.com",projectId:"learn-firebase-c5294",storageBucket:"learn-firebase-c5294.appspot.com",messagingSenderId:"44819407872",appId:"1:44819407872:web:d7d4320186014e7f6264e5"};//put the rest of the code here
const app=initializeApp(firebaseConfig3);window.app=app;// Initialize Firebase
console.log(2);const db=getDatabase(app);console.log(3);console.log("b auth");const auth=getAuth(app);console.log("a auth");let profilePicture="white-square.jpg";// firebase bucket name
// REPLACE WITH THE ONE YOU CREATE
// ALSO CHECK STORAGE RULES IN FIREBASE CONSOLE
//let fbBucketName = 'images';
//let storage;
//let theFileName;
// get elements
var uploader=document.getElementById('uploader');var fileButton=document.getElementById('fileButton');//////////////////////
//////////////////////
//////////////////////
//////////////////////
//////////////////////
//////////////////////
logoutId.addEventListener('click',e=>{//alert("in logout")
if(deluser1===false&&deluser2===false){if(confirm('Are you sure you want to logout?')){signOut(auth).then(()=>{if(!!uploadTask1===true){uploadTask1.cancel();uploadTask1=undefined;let recoverBalance=pennies+window.currentPenniesBalance;window.currentPenniesBalance=recoverBalance;//alert(recoverBalance)
window.document.querySelector("#remainingbalance").textContent=String(recoverBalance);update(ref(db,'users/'+obj.userId2),{balance:recoverBalance}).then(text=>{//alert("recoverBalance successful")
});//total_byte_count = total_byte_count-videoFileSize
//window.document.querySelector("#bytescount").innerHTML=total_byte_count
//update(ref(db, 'users/'+obj.userId2), {total_byte_count:total_byte_count}).then((text)=>{})
}if(!!uploadTask2===true)//thumbnail
{uploadTask2.cancel();uploadTask2=undefined;}if(!!uploadTask3===true){uploadTask3.cancel();uploadTask3=undefined;let recoverBalance=pennies+window.currentPenniesBalance;window.currentPenniesBalance=recoverBalance;//alert(recoverBalance)
window.document.querySelector("#remainingbalance").textContent=String(recoverBalance);update(ref(db,'users/'+obj.userId2),{balance:recoverBalance}).then(text=>{//alert("recoverBalance successful")
});//total_byte_count = total_byte_count-videoFileSize
//window.document.querySelector("#bytescount").innerHTML=total_byte_count
//update(ref(db, 'users/'+obj.userId2), {total_byte_count:total_byte_count}).then((text)=>{})
}enteredCityAndState=false;//can not relogin unless city and state has been reentered
initialLogin=false;newLogin=false;let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}let v=!!window.document.querySelector("#newVideosId").classList.contains('hidden');if(!v){sp();}//window.firsttimepaying2=true
//  if(window.document.querySelector("#buysubscription30daysofadstorage").classList.contains("hidden")===true)
//window.document.querySelector("#buysubscription30daysofadstorage").classList.add("hidden")
var rbOnRightColumn=document.querySelector("#"+last_chosen_id);rbOnRightColumn.checked=false;window.document.querySelector('#profile-picture-id').classList.toggle('hidden');window.document.querySelector('#settings').classList.toggle('hidden');console.log(3);window.document.querySelector('#signupPanel').classList.toggle('hidden');console.log(4);window.document.querySelector('#loginPanel').classList.toggle('hidden');console.log(5);window.document.querySelector('#logoutId').classList.toggle('hidden');window.document.querySelector('#vtitle').textContent="";window.document.querySelector("#getthestate").value="";window.document.querySelector("#getthecity").value="";window.document.querySelector("#state-title-id").textContent="";window.document.querySelector("#city-title-id").textContent="";window.document.querySelector('#email2').value="";window.document.querySelector('#passwordId2').value="";window.document.querySelector('#username').value="";window.document.querySelector('#email1').value="";window.document.querySelector('#passwordId1').value="";window.document.querySelector("#vdiv").textContent="Please submit your city and state and then select a category or signup/login to share something you are selling with the local city or place.";removeAuto();addNone();catsShowing=false;userId="";currentVideoTitle="";profilePicture="";adminLoggedIn=false;//let v2 = !!window.document.querySelector("#profile-picture-id").classList.contains('hidden')
//if(!v2)
//window.document.querySelector('#profile-picture-id').classList.toggle('hidden')
myNode=window.document.querySelector("#rci");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}myNode=window.document.getElementById("vdiv");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}console.log(8);myNode=window.document.querySelector("#see-commentsandreplies");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}console.log(9);window.document.getElementById("commentId").value="";console.log(10);window.document.querySelector("#cpp").classList.toggle('hidden');window.document.querySelector("#commentId").setAttribute("disabled","disabled");window.document.querySelector("#addCommentId").setAttribute("disabled","disabled");window.document.querySelector("#seeRepliesButtonId").setAttribute("disabled","disabled");email="";//alert("accountDeleted="+accountDeleted)
if(accountDeleted===true){alert('Thank you. Your account has been deleted and you are logged out. I hope you have a nice day.');}else alert('Thank you. You are logged out.');}).catch(error=>{const errorCode=error.code;const errorMessage=error.message;console.log("logout error code="+errorCode+", logout errormessage="+errorMessage+", userId="+userId);});}else{}}else{deluser1===false;deluser2===false;signOut(auth).then(()=>{if(!!uploadTask1===true){uploadTask1.cancel();uploadTask1=undefined;let recoverBalance=pennies+window.currentPenniesBalance;window.currentPenniesBalance=recoverBalance;//alert(recoverBalance)
window.document.querySelector("#remainingbalance").textContent=String(recoverBalance);update(ref(db,'users/'+obj.userId2),{balance:recoverBalance}).then(text=>{//alert("recoverBalance successful")
});//total_byte_count = total_byte_count-videoFileSize
//window.document.querySelector("#bytescount").innerHTML=total_byte_count
//update(ref(db, 'users/'+obj.userId2), {total_byte_count:total_byte_count}).then((text)=>{})
}if(!!uploadTask2===true)//thumbnail
{uploadTask2.cancel();uploadTask2=undefined;}if(!!uploadTask3===true){uploadTask3.cancel();uploadTask3=undefined;let recoverBalance=pennies+window.currentPenniesBalance;window.currentPenniesBalance=recoverBalance;//alert(recoverBalance)
window.document.querySelector("#remainingbalance").textContent=String(recoverBalance);update(ref(db,'users/'+obj.userId2),{balance:recoverBalance}).then(text=>{//alert("recoverBalance successful")
});//total_byte_count = total_byte_count-videoFileSize
//window.document.querySelector("#bytescount").innerHTML=total_byte_count
//update(ref(db, 'users/'+obj.userId2), {total_byte_count:total_byte_count}).then((text)=>{})
}enteredCityAndState=false;//can not relogin unless city and state has been reentered
initialLogin=false;newLogin=false;let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}let v=!!window.document.querySelector("#newVideosId").classList.contains('hidden');if(!v){sp();}//window.firsttimepaying2=true
//  if(window.document.querySelector("#buysubscription30daysofadstorage").classList.contains("hidden")===true)
//window.document.querySelector("#buysubscription30daysofadstorage").classList.add("hidden")
var rbOnRightColumn=document.querySelector("#"+last_chosen_id);rbOnRightColumn.checked=false;window.document.querySelector('#profile-picture-id').classList.toggle('hidden');window.document.querySelector('#settings').classList.toggle('hidden');console.log(3);window.document.querySelector('#signupPanel').classList.toggle('hidden');console.log(4);window.document.querySelector('#loginPanel').classList.toggle('hidden');console.log(5);window.document.querySelector('#logoutId').classList.toggle('hidden');window.document.querySelector('#vtitle').textContent="";window.document.querySelector("#getthestate").value="";window.document.querySelector("#getthecity").value="";window.document.querySelector("#state-title-id").textContent="";window.document.querySelector("#city-title-id").textContent="";window.document.querySelector('#email2').value="";window.document.querySelector('#passwordId2').value="";window.document.querySelector('#username').value="";window.document.querySelector('#email1').value="";window.document.querySelector('#passwordId1').value="";window.document.querySelector("#vdiv").textContent="Please submit your city and state and then select a category or signup/login to share something you are selling with the local city or place.";removeAuto();addNone();catsShowing=false;userId="";currentVideoTitle="";profilePicture="";adminLoggedIn=false;//let v2 = !!window.document.querySelector("#profile-picture-id").classList.contains('hidden')
//if(!v2)
//window.document.querySelector('#profile-picture-id').classList.toggle('hidden')
myNode=window.document.querySelector("#rci");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}myNode=window.document.getElementById("vdiv");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}console.log(8);myNode=window.document.querySelector("#see-commentsandreplies");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}console.log(9);window.document.getElementById("commentId").value="";console.log(10);window.document.querySelector("#cpp").classList.toggle('hidden');window.document.querySelector("#commentId").setAttribute("disabled","disabled");window.document.querySelector("#addCommentId").setAttribute("disabled","disabled");window.document.querySelector("#seeRepliesButtonId").setAttribute("disabled","disabled");email="";//alert("accountDeleted="+accountDeleted)
if(accountDeleted===true){alert('Thank you. Your account has been deleted and you are logged out. I hope you have a nice day.');}else alert('Thank you. You are logged out.');}).catch(error=>{const errorCode=error.code;const errorMessage=error.message;console.log("logout error code="+errorCode+", logout errormessage="+errorMessage+", userId="+userId);});}});// listen for file selection
fileButton.addEventListener('change',function(e){// what happened
console.log('file upload event',e);// get file
var file=e.target.files[0];//1mb or less 1 cent, 2mb or < 2 cents,... 100 mb 1.00, 1gb 10.00, pay firebase 5.00 for 1gb, that will cover it
//const size_limit = 5*1024*1024
//if(file.size > size_limit) {
//     alert("The file size is too big. It needs to be less than "+size_limit+" bytes, 1 mega byte.")
//     return
//}
storage=getStorage(app);console.log("file.name="+file.name);// create a storage ref, Quinton Price on stackoverflow, sRef resolution https://stackoverflow.com/questions/70297884/typeerror-db-checknotdeleted-is-not-a-function-when-creating-a-storage-ref-o
var storageRef=sRef(storage,`images/${userId}/`+file.name);// upload file
//var uploadTask = storageRef.put(file);
const uploadTask=uploadBytesResumable(storageRef,file);// The part below is largely copy-pasted from the 'Full Example' section from
// https://firebase.google.com/docs/storage/web/upload-files
// update progress bar
uploadTask.on('state_changed',function(snapshot){// Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
var progress=snapshot.bytesTransferred/snapshot.totalBytes*100;uploader.value=Math.round(progress);console.log('Upload is '+progress+'% done');switch(snapshot.state){case'paused':// or 'paused'
console.log('Upload is paused');break;case'running':// or 'running'
console.log('Upload is running');break;}},function(error){// A full list of error codes is available at
// https://firebase.google.com/docs/storage/web/handle-errors
switch(error.code){case'storage/unauthorized':// User doesn't have permission to access the object
break;case'storage/canceled':// User canceled the upload
break;case'storage/unknown':// Unknown error occurred, inspect error.serverResponse
break;}},function(){getDownloadURL(storageRef).then(url=>{console.log("profile picture URL",url);set(ref(db,'users/'+userId+"/profile_picture"),url).then(text=>{profilePicture=url;window.document.querySelector("#profile-picture-id").setAttribute("src",url);//alert("This profile picture is stored.")
}).catch(()=>{//alert("The profile picture was NOT stored.")
});}).catch(error=>{});});// or 'state_changed'
});// listen for file selection
let currentVideoTitle='';let videoUpAlready=false;window.currentVideoTitle=currentVideoTitle;function putUpVideo(vlink,vtitle){//alert("putupvideo, vlink="+vlink)
//alert("putupvideo, userId="+userId)
if(userId!==""){//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => { //onValue does not need to do the processing in the then callback, get does so I had to switch it
get(ref(db,'users/'+userId+"/profile_picture"),()=>{}).then(d=>{if(newLogin===true){//alert("src url="+d.val())
if(window.document.getElementById("cpp").classList.contains('hidden'))window.document.getElementById("cpp").classList.toggle('hidden');window.document.getElementById("cpp").setAttribute("src",d.val());profilePicture=d.val();}else{//alert("newLogin is false") 
}}).catch(()=>{});}let currentElement=window.document.getElementById("all-comments").firstElementChild;if(currentElement!=null){while(!!currentElement.nextElementSibling){currentElement.nextElementSibling.remove();}currentElement.remove();window.document.getElementById("commentId").value="";}let currentElement2=window.document.getElementById("see-commentsandreplies").firstElementChild;if(currentElement2!=null){sr2();while(!!currentElement2.nextElementSibling){currentElement2.nextElementSibling.remove();}currentElement2.remove();}else{//alert("not")   
}currentVideoTitle=vtitle;currentVideoTitle=currentVideoTitle.replace(/\W/g,'');//alert(currentVideoTitle)
videoUpAlready=true;//relative w-full pb-[56.25%] h-0
//absolute top-0 left-0 w-full h-full'
//document.querySelector('#vdiv').innerHTML="<iframe class='w-full h-[100%]- h-[450px] object-cover' src="+vlink+"?autoplay=1"+" title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>"
document.querySelector('#vdiv').innerHTML="<iframe class='absolute top-0 left-0 w-full h-full' src="+vlink+"?autoplay=1"+" title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>";document.querySelector('#vtitle').textContent=vtitle;}//window.profile_picture = profile_picture
window.putUpVideo=putUpVideo;let video_id="";function putUpVideoV(vlink,vtitle,id,n){//alert("putupvideoV, vlink="+vlink) 
//alert("putupvideoV, vtitle="+vtitle) 
if(userId!==""){//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => { //onValue does not need to do the processing in the then callback, get does so I had to switch it
get(ref(db,'users/'+userId+"/profile_picture"),()=>{}).then(d=>{if(newLogin===true){//alert("src url="+d.val())
if(window.document.getElementById("cpp").classList.contains('hidden'))window.document.getElementById("cpp").classList.toggle('hidden');window.document.getElementById("cpp").setAttribute("src",d.val());profilePicture=d.val();}else{//alert("newLogin is false") 
}}).catch(()=>{});}let currentElement=window.document.getElementById("all-comments").firstElementChild;if(currentElement!=null){while(!!currentElement.nextElementSibling){currentElement.nextElementSibling.remove();}currentElement.remove();window.document.getElementById("commentId").value="";}let currentElement2=window.document.getElementById("see-commentsandreplies").firstElementChild;if(currentElement2!=null){sr2();// display comments
while(!!currentElement2.nextElementSibling){currentElement2.nextElementSibling.remove();}currentElement2.remove();}else{//alert("not")   
}video_id=id;currentVideoTitle=vtitle;currentVideoTitle=currentVideoTitle.replace(/\W/g,'');//alert(currentVideoTitle)
videoUpAlready=true;//relative w-full pb-[56.25%] h-0
//absolute top-0 left-0 w-full h-full'
/*
         if(window.document.querySelector("#vtitle").classList.contains('hidden'))
              window.document.querySelector("#vtitle").classList.toggle('hidden')
        if(window.document.querySelector("#vdiv").classList.contains('hidden'))
              window.document.querySelector("#vdiv").classList.toggle('hidden')
        */document.querySelector('#vdiv').innerHTML="<iframe class='absolute top-0 left-0 right-0 w-full h-full' src="+vlink+"?autoplay=1"+" title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>";document.querySelector('#vtitle').textContent=vtitle;//document.querySelector('#vremove').textContent="remove"
//document.querySelector('#vdiv').innerHTML="<video id="+"videoDiv-"+n+" width='300' height='200' controls=true autoplay=true muted=false><source src="+vlink+" type='video/mp4'></source></video>"
}//window.profile_picture = profile_picture
window.putUpVideoV=putUpVideoV;let picture_id="";function putUpPictureP(picture,vtitle,id,n){//alert("putupPictureP, picture="+picture) 
//alert("putupPictureP, vtitle="+vtitle) 
if(userId!==""){//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => { //onValue does not need to do the processing in the then callback, get does so I had to switch it
get(ref(db,'users/'+userId+"/profile_picture"),()=>{}).then(d=>{if(newLogin===true){//alert("src url="+d.val())
if(window.document.getElementById("cpp").classList.contains('hidden'))window.document.getElementById("cpp").classList.toggle('hidden');window.document.getElementById("cpp").setAttribute("src",d.val());profilePicture=d.val();}else{//alert("newLogin is false") 
}}).catch(()=>{});}let currentElement=window.document.getElementById("all-comments").firstElementChild;if(currentElement!=null){while(!!currentElement.nextElementSibling){currentElement.nextElementSibling.remove();}currentElement.remove();window.document.getElementById("commentId").value="";}let currentElement2=window.document.getElementById("see-commentsandreplies").firstElementChild;if(currentElement2!=null){sr2();// display comments
while(!!currentElement2.nextElementSibling){currentElement2.nextElementSibling.remove();}currentElement2.remove();}else{//alert("not")   
}picture_id=id;currentVideoTitle=vtitle;currentVideoTitle=currentVideoTitle.replace(/\W/g,'');//alert(currentVideoTitle)
videoUpAlready=true;//relative w-full pb-[56.25%] h-0
//absolute top-0 left-0 w-full h-full'
if(window.document.querySelector("#vtitle").classList.contains('hidden'))window.document.querySelector("#vtitle").classList.toggle('hidden');if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');document.querySelector('#vdiv').innerHTML="<img src="+picture+" class='w-[600px] h-[400px] object-contain flex flex-row justify-start items-center' />";document.querySelector('#vtitle').textContent=vtitle;//document.querySelector('#vremove').textContent="remove"
//document.querySelector('#vdiv').innerHTML="<video id="+"videoDiv-"+n+" width='300' height='200' controls=true autoplay=true muted=false><source src="+vlink+" type='video/mp4'></source></video>"
}//window.profile_picture = profile_picture
window.putUpPictureP=putUpPictureP;let signupcount=0;signup.addEventListener('click',e=>{get(ref(db,'dataforme/signupcount'),()=>{}).then(d=>{console.log("1 d.val()="+d.val());let l=d.val();console.log("1 l="+l);signupcount=parseInt(JSON.stringify(d.val()));console.log("1 signupcount="+signupcount);if(signupcount>SIGNUPMAXIMUM){alert("The signup maximum has been reached. Please email me at johmcg64@gmail.com if you would like me to add a spot for one more. Returning ...");return;}else{/////////////
const email=document.getElementById('email1').value.trim();const password_signup=document.getElementById('passwordId1').value.trim();const username=document.getElementById('username').value.trim();if(!!username===false||!!email===false||!!password_signup===false){alert("The username, email and password cannot be empty.");return;}createUserWithEmailAndPassword(auth,email,password_signup).then(userCredential=>{newLogin=false;window.document.querySelector('#signUpId').classList.toggle('hidden');window.document.querySelector('#signUpId').classList.toggle('lg:hidden');// Signed in 
user=userCredential.user;set(ref(db,'users/'+user.uid),{username:username,email:email,profile_picture:'white-square.jpg',picture_upload_count:0,video_upload_count:0,picture_upload_count:0,dc:{default_category:"antiques",display_default_category:"antiques",tpv_last_chosen_id:"a1input3r-1"},balance:0,//in pennies //1 penny per 1MB uploaded, firebase charges 5 dollars per 1GB uploaded 
onerrorrefunds:0,firsttimepaying1:true,firsttimepaying2:true,session_id_object:null,picture_byte_count:0,video_byte_count:0,total_byte_count:0});//2628288000 30.42 days in milliseconds, average of all of the months
const dt1=new Date();const n1=Date.parse(dt1);update(ref(db,'users/'+user.uid),{signedupdt:n1,usercanceledsubscription:false,subscriptioncanceleddt:0,//dt means datetime in unix miliseconds
subscriptionmadedt:0});let r=signupcount+1;update(ref(db,'dataforme'),{signupcount:r});alert('Thank you. Your user account has been created.');// ...
}).catch(error=>{const errorCode=error.code;if(error.code="auth/email-already-in-use"){alert("The username and password is already taken. Please try another one.");}const errorMessage=error.message;alert(errorMessage);// ..
});////////////
// console.log("2 signupcount="+signupcount)
// let newsignupcount = signupcount+1
// console.log("newsignupcount="+newsignupcount)
// set(ref(db, 'dataforme'),{signupcount: newsignupcount})
}});});const city_state_array=[];const catArray=['antiques','appliances','arts-crafts','atv-utv-sno','auto-parts','aviation','baby-kid','barter','beauty-hlth','bike-parts','boats','books','business','cars-trucks','cds-dvd-vhs','cell-phones','cloths-acc','collectibles','computer-parts','computer','electronics','farm-garden','free','furniture','garagesale','general','heavyequip','household','jewelry','jobs-available','materials','motorcycleparts','motorcycles','music-instr','photo-video','rvs-camp','sporting','tickets','tools','toys-games','trailer','video-gaming','wanted','wheels-tires'];function deleteAllTextAds(thestate,thecity){//console.log("deleteAllTextAds, thestate="+thestate)
//console.log("deleteAllTextAds, thestate="+thestate)
remove(ref(db,"users/"+userId)).then(()=>{//alert("delete all of the user's data");
for(let j=0;catArray.length;j++){get(ref(db,`thelists/${thestate}/${thecity}/adTextUploaded/${catArray[j]}`),()=>{}).then(snapshot=>{//console.log("deleteAccount, snapshot.val()="+JSON.stringify(snapshot.val(),null,4))
if(!!snapshot.val()){//console.log("n deleteAccount text ads, snapshot.val()="+JSON.stringify(snapshot.val(), null, 4))
let ok=Object.keys(snapshot.val());//console.log("ok="+JSON.stringify(ok))
for(let t=0;t<ok.length;t++){//console.log("snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]].userId))
//console.log("obj.userId2="+userId)
if(!!snapshot.val()[ok[t]])//ok[t] is a text ad id
{//console.log("snapshot.val()[ok[t]].userId="+snapshot.val()[ok[t]].userId)
//console.log("deleteAllTextAds, obj.userId2="+userId)
if(snapshot.val()[ok[t]].userId===obj.userId2){//alert("f")
//console.log("about to delete it, ok["+t+"]="+ok[t])
//delete snapshot.val()[ok[t]]
remove(ref(db,`thelists/${thestate}/${thecity}/adTextUploaded/${catArray[j]}/`+ok[t])).then(()=>{console.log("deleted text ad");}).catch(()=>{console.log("did not delete text ad");});}}//if
}//for
//console.log("videos.length="+videos.length)
//console.log("videos="+JSON.stringify(videos,null,4))
//if(!!snapshot.val()) {
}}).catch(error=>{console.log("error is "+error);});}//for
});}function deleteAllPictureAds(){//alert("deleteAllPictureAds, userId2="+ userId2)
remove(ref(db,"users/"+userId)).then(()=>{//alert("delete all of the user's data");
for(let j=0;j<catArray.length;j++){get(ref(db,`thelists/adPicturesUploaded/${catArray[j]}`),()=>{}).then(snapshot=>{console.log("deleteAccount, snapshot.val()="+JSON.stringify(snapshot.val(),null,4));if(!!snapshot.val()){//console.log("n loadVideos2 (userId), snapshot.val()="+JSON.stringify(snapshot.val(), null, 4))
let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){console.log("snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4));if(!!snapshot.val()[ok[t]])//ok[t] is a video id
{console.log("snapshot.val()[ok[t]].userId="+snapshot.val()[ok[t]].userId);console.log("deleteAllPictureAds, userId="+userId);console.log("deleteAllPictureAds, obj.userId2="+obj.userId2);if(snapshot.val()[ok[t]].userId===obj.userId2){console.log("about to delete it, ok["+t+"]="+ok[t]);//delete snapshot.val()[ok[t]]
remove(ref(db,`thelists/adPicturesUploaded/${catArray[j]}/`+ok[t])).then(()=>{console.log("deleted picture ad");}).catch(()=>{console.log("did not delete picture ad");});}}//if
}//for
//console.log("videos.length="+videos.length)
//console.log("videos="+JSON.stringify(videos,null,4))
//if(!!snapshot.val()) {
}}).catch(error=>{console.log("error is "+error);});}//for
});}function deleteAllVideoAds(){//alert("deleteAllVideoAds, userId2="+ userId2)
remove(ref(db,"users/"+userId)).then(()=>{//alert("delete all of the user's data");
for(let j=0;j<catArray.length;j++){get(ref(db,`thelists/adVideosUploaded/${catArray[j]}`),()=>{}).then(snapshot=>{console.log("deleteAccount, snapshot.val()="+JSON.stringify(snapshot.val(),null,4));if(!!snapshot.val()){//console.log("n loadVideos2 (userId), snapshot.val()="+JSON.stringify(snapshot.val(), null, 4))
let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){console.log("snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4));if(!!snapshot.val()[ok[t]])//ok[t] is a video id
{console.log("snapshot.val()[ok[t]].userId="+snapshot.val()[ok[t]].userId);//alert("deleteAllVideoAds, userId="+ userId)
console.log("deleteAllVideoAds, obj.userId2="+userId);if(snapshot.val()[ok[t]].userId===obj.userId2){console.log("about to delete it, ok["+t+"]="+ok[t]);//delete snapshot.val()[ok[t]]
remove(ref(db,`thelists/adVideosUploaded/${catArray[j]}/`+ok[t])).then(()=>{console.log("deleted it");}).catch(()=>{console.log("did not delete it");});}}//if
}//for
//console.log("videos.length="+videos.length)
//console.log("videos="+JSON.stringify(videos,null,4))
//if(!!snapshot.val()) {
}}).catch(error=>{console.log("error is "+error);});}//for
});}/*
    buy30daysofadstorage.addEventListener('click',(e) => {
        e.preventDefault()
        checkoutButton.click()
    
    })
*/buysubscription30daysofadstorage.addEventListener('click',e=>{e.preventDefault();monthly.click();});cancelsubscription.addEventListener('click',e=>{e.preventDefault();loginr2c.click();//reauthenticate the login just in case the user stepped away from the computer for 
//a long time. If I don't do this, firebase will throw a stop code execution  if the user wants to cancel the subscription and THE
//user object will not be deleted from the realtime database
});async function doit1(){let c=await get(ref(db,'dataforme/signupcount'));let r1=parseInt(JSON.stringify(c));let r2=r1-1;console.log("r2="+r2);await update(ref(db,'dataforme'),{signupcount:r2});}let plarr3p=[];async function doit3p(){console.log("doit3p, plarr3p.length="+plarr3p.length);for(const picturelink of plarr3p){let arr=picturelink.split("/");//counts/nevada/elko/antiques/countof/pictures/uploaded
let x=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/pictures/uploaded`;let x2=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/pictures`;let count=await get(ref(db,x));console.log("doit3p, count="+count);let z=parseInt(JSON.stringify(count));console.log("doit3p, z="+z);z=z-1;console.log("doit3p, z="+z);await update(ref(db,x2),{uploaded:z});let c=await get(ref(db,x));console.log("doit3p, c="+c);let z1=parseInt(JSON.stringify(c));console.log("doit3p, z1="+z1);if(z1===0){await remove(ref(db,x));}}}async function doit4p(){for(const picturelink of plarr3p){await remove(ref(db,picturelink));}}function doit2p(){get(ref(db,`users/${userId}/pictures`)).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){plarr3p[t]=snapshot.val()[ok[t]]['picturelink'];console.log("doit2, picturelink="+plarr3p[t]);}doit3p();doit4p();}});}let plarr3v=[];async function doit3v(){for(const videolink of plarr3v){let arr=videolink.split("/");let x=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/videos/uploaded`;let x2=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/videos`;let count=await get(ref(db,x));let z=parseInt(JSON.stringify(count));z=z-1;await update(ref(db,x2),{uploaded:z});let c=await get(ref(db,x));let z1=parseInt(JSON.stringify(c));if(z1===0){await remove(ref(db,x));}}}async function doit4v(){for(const videolink of plarr3v){await remove(ref(db,videolink));}}function doit2v(){get(ref(db,`users/${userId}/videos`)).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){plarr3v[t]=snapshot.val()[ok[t]]['videolink'];console.log("doit2, videolink="+plarr3v[t]);}doit3v();doit4v();}});}let plarr3t=[];async function doit3t(){for(const textlink of plarr3t){let arr=textlink.split("/");let x=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/texts/uploaded`;let x2=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/texts`;let count=await get(ref(db,x));let z=parseInt(JSON.stringify(count));z=z-1;await update(ref(db,x2),{uploaded:z});let c=await get(ref(db,x));let z1=parseInt(JSON.stringify(c));if(z1===0){await remove(ref(db,x));}}}async function doit4t(){for(const textlink of plarr3t){await remove(ref(db,textlink));}}function doit2t(){get(ref(db,`users/${userId}/text`)).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){plarr3t[t]=snapshot.val()[ok[t]]['textlink'];console.log("doit2, textlink="+plarr3t[t]);}doit3t();doit4t();}});}csdeleteAccountId.addEventListener('click',e=>{e.preventDefault();console.log("csdeleteAccountId.addEventListener");doit1();doit2p();doit2v();doit2t();const storage=getStorage();const imagesRef=sRef(storage,'images/'+userId+'/pictures');listAll(imagesRef).then(res=>{res.items.forEach(itemRef=>{//console.log(itemRef)
console.log(itemRef._location.path_);let desertRef=sRef(storage,itemRef._location.path_);// Delete the file
deleteObject(desertRef).then(()=>{console.log("deleted "+itemRef._location.path_);}).catch(()=>{console.log("itemRef._location.path_ was not deleted.");});});}).catch(e=>{});const storage2=getStorage();const imagesRef2=sRef(storage2,'images/'+userId+'/videos');listAll(imagesRef2).then(res=>{res.items.forEach(itemRef=>{//console.log(itemRef)
console.log(itemRef._location.path_);let desertRef=sRef(storage,itemRef._location.path_);// Delete the file
deleteObject(desertRef).then(()=>{console.log("deleted "+itemRef._location.path_);}).catch(()=>{console.log("itemRef._location.path_ was not deleted.");});});}).catch(e=>{});const storage3=getStorage();const imagesRef3=sRef(storage3,'images/'+userId+'/thumbnails');listAll(imagesRef3).then(res=>{res.items.forEach(itemRef=>{//console.log(itemRef)
console.log(itemRef._location.path_);let desertRef=sRef(storage,itemRef._location.path_);// Delete the file
deleteObject(desertRef).then(()=>{console.log("deleted "+itemRef._location.path_);}).catch(()=>{console.log("itemRef._location.path_ was not deleted.");});});}).catch(e=>{});let theuser=auth.currentUser;deleteUser(theuser).then(()=>{remove(ref(db,'users/'+userId)).then(d=>{console.log("removed main account");accountDeleted=true;deluser2=true;logoutId.click();}).catch(e=>{console.log("did not remove main account");});}).catch(e=>{console.log("error 1c, e="+e);});});var modal2=document.querySelector('.modal2');//var modalBtn = document.querySelector('.modal-btn');
var modalCloseBtn=document.querySelector('.modal__close');var body=document.querySelector('body');var modalOverlay=document.createElement('div');modalOverlay.className='modal-overlay';function openModal(e){console.log("openModal");e.preventDefault();console.log("e.preventDefault()");modalOverlay.classList.add('is-open');console.log(" modalOverlay.classList.add('is-open');");modal2.classList.add('is-open');console.log("modal.classList.add('is-open');");console.log("modal overlay");document.body.appendChild(modalOverlay);}function closeModal(e){modalOverlay.classList.remove('is-open');modal2.classList.remove('is-open');document.body.removeChild(modalOverlay);}modalCloseBtn.addEventListener('click',closeModal);modalOverlay.addEventListener('click',closeModal);//modalBtn.addEventListener('click', openModal);
loginr.addEventListener('click',openModal);reauthorizeSubmit.addEventListener('click',()=>{//reauthorizeLogin get the password with this
alert("reauthorizeSubmit");// passwordi = window.document.getElementById("reauthorizeLogin").value
//loginr2.click()
});deleteAccountId.addEventListener('click',e=>{e.preventDefault();loginr2.click();////////
//I put all of the code that was in here in loginr2.addEvent... on successful return
////////
});function validquerystring(text){console.log("validquerystring");try{const myArray=text.split("&");if(!!myArray===false)return false;const arr1=myArray[0].split("=");const userId=arr1[0];const arr2=myArray[1].split("=");const city=arr2[0];const arr3=myArray[2].split("=");const state=arr3[0];const arr4=myArray[3].split("=");const w=arr4[0];const arr5=myArray[4].split("=");const n1=arr5[0];const arr6=myArray[5].split("=");const ftp=arr6[0];if(userId==="userId"&&city==="city"&&state==="state"&&w==="w"&&ftp==="ftp"){console.log("returning true");return true;}console.log("returning false");return false;}catch(e){return false;}}function iscancel(text){console.log("iscancel");try{const myArray=text.split("&");const arr1=myArray[0].split("=");const userId=arr1[0];const arr2=myArray[1].split("=");const cancel=arr2[0];if(cancel==="cancel"){console.log("returning true");return true;}console.log("returning false");return false;}catch(e){return false;}}window.document.onreadystatechange=()=>{if(document.readyState==="complete"){console.log("readyState entered");let text=location.search.substring(1);if(text.length>0&&validquerystring(text)===true){const myArray=text.split("&");const arr1=myArray[0].split("=");const userId=arr1[1];const arr2=myArray[1].split("=");const city=arr2[1];const arr3=myArray[2].split("=");const state=arr3[1];const arr4=myArray[3].split("=");const w=arr4[1];const arr5=myArray[4].split("=");const n1=arr5[1];const arr6=myArray[5].split("=");const ftp=arr6[1];window.document.querySelector("#city-title-id").classList.toggle('hidden');window.document.querySelector("#state-title-id").classList.toggle('hidden');window.document.getElementById('getthestate').value=state;window.document.getElementById('getthecity').value=city;window.document.getElementById("scbutton").click();enteredCityAndState=true;console.log("readystate, w="+w);if(w==="data"){update(ref(db,'users/'+userId),{firsttimepaying1:false}).then(text=>{console.log("first payment of $7.00 is successful. setting firsttimepaying to false");//alert("updated the pennies balance")
}).catch(()=>{});alert("Thank you for your $7.00 payment for 100 megabytes of text, picture or video ad storage capacity. Please re-login.");}else if(w==="service"){update(ref(db,'users/'+userId),{firsttimepaying2:false}).then(text=>{console.log("first payment of $7.00 is successful. setting firsttimepaying to false");//alert("updated the pennies balance")
}).catch(()=>{});alert("Thank you for your $7.00 payment to begin your monthly subscription. Please re-login.");}}}};/*
  
  */let t1displayedAlready=false;window.t1displayedAlready=t1displayedAlready;let t2displayedAlready=false;window.t2displayedAlready=t1displayedAlready;let t3displayedAlready=false;window.t3displayedAlready=t1displayedAlready;let t4displayedAlready=false;window.t4displayedAlready=t1displayedAlready;let t5displayedAlready=false;window.t5displayedAlready=t1displayedAlready;let t6displayedAlready=false;window.t6displayedAlready=t1displayedAlready;searchButton.addEventListener('click',e=>{const term=document.querySelector('#search').value.trim();if(!!term===false){alert("The search term cannot be empty.");return;}let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}if(t1displayedAlready===false){//alert(term)
get(ref(db,`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}`)).then(datain1=>{//alert("in")
console.log("searchButton., datain1.val()="+JSON.stringify(datain1.val(),null,4));const searchResults=[];if(!!datain1.val()){//console.log("n loadComments(userId), datain1.val()="+JSON.stringify(datain1.val(), null, 4))
const keys=Object.keys(datain1.val());console.log("key3 = "+keys);let j=0;datain1.forEach(childSnapshot=>{//console.log("n loadComments(userId), childSnapshot.val()="+JSON.stringify(childSnapshot.val(), null, 4))
if(!!childSnapshot.val()){if(childSnapshot.val()['video_caption'].includes(term)){searchResults.push({str1:keys[j],str2:childSnapshot.val()['otherkey'],category:childSnapshot.val()['category'],username:childSnapshot.val()['username'],email:childSnapshot.val()['email'],profile_picture:childSnapshot.val()['profile_picture'],thumbnail:childSnapshot.val()['thumbnail'],userId:childSnapshot.val()['userId'],video:childSnapshot.val()['video'],video_caption:childSnapshot.val()['video_caption'],video_description:childSnapshot.val()['video_description'],video_storage_time:childSnapshot.val()['video_storage_time']});}j=j+1;}});//forEach
//console.log("searchResults.length="+searchResults.length)
//console.log("searchResults="+JSON.stringify(searchResults,null,4))
}//if(!!datain1.val()) {
//loadVideos2Search(true,false,searchResults)
//let myNode = window.document.querySelector("#rci")
//while (!!myNode && myNode.lastElementChild) 
//{
//alert("it")
//myNode.removeChild(myNode.lastElementChild);
//}
let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//let d4 = window.document.createElement('div')
//d4.classList="flex flex-col divide-y-2 divide-gray-500"
if(searchResults.length>0){if(!window.document.querySelector("#vtitle").classList.contains('hidden'))window.document.querySelector("#vtitle").classList.toggle('hidden');if(!window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');let i=0;searchResults.forEach(video=>{let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row p-4- border-2- border-green-500- mb-4";let d2=window.document.createElement('div');d2.id="d2wt-"+i;d2.classList="m-4 flex flex-row p-4 border-2- border-purple-500- w-full border-2 border-[#FFD700]";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col border-2- border-orange-500- pb-4 w-full hover:bg-gray-200";let atag=window.document.createElement('a');atag.classList="rounded-md block flex flex-row mb-2- hover:bg-gray-200- rounded-md- border-2- border-green-500- w-full mr-4 p-2 hover:rounded-tl-md hover:rounded-tr-md";atag.href="#";atag.onclick=()=>{putUpVideoV(video.video,video.video_caption,video.str1,i);};//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
let div2=window.document.createElement('div');div2.classList="flex-shrink-0";let img1=window.document.createElement('img');img1.src=video.thumbnail;img1.classList="w-20 h-20 object-cover rounded-md";div2.appendChild(img1);atag.appendChild(div2);let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=video.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=video.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=video.video_caption;div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 hover:rounded-bl-md hover:rounded-br-md flex flex-row w-full mr-4";atag3.href="#";atag3.onclick=()=>{putUpVideoV(video.video,video.video_caption,video.str1,i);};atag3.textContent=video.video_description;wrappertag.appendChild(atag3);if(email===video.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the video";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('1 Are you sure you want to remove this video?')){remove(ref(db,`thelists/adVideosUploaded/${scs.selected_category}/`+video.str1)).then(text=>{//alert("theScrollPosition="+theScrollPosition)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
//window.document.getElementById(wrappertag.id).remove()
//window.document.getElementById(atag2.id).remove()
window.document.getElementById(d2.id).remove();//alert("removed")
remove(ref(db,`users/${userId}/uploaded/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/`+video.str2)).then(text=>{console.log("remove, text="+JSON.stringify(text));}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}};//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("appending right-column-insert entry");//window.document.getElementById('rightColumn').appendChild(wrappertag)
//let el = window.document.querySelector("#rci")
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;});}else{console.log("video, newLogin2="+newLogin2);console.log("window.document.querySelector('#vdiv').classList.contains('hidden')="+window.document.querySelector("#vdiv").classList.contains('hidden'));if(newLogin2===true){if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}else{if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}}});}else{/*
             //alert("about to remove it")
          let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
                       while (!!myNode && myNode.lastElementChild) 
                       {
                           //alert("it")
                              myNode.removeChild(myNode.lastElementChild);
                       }
                       
            //else myNode.removeChild(myNode.lastElementChild);
                       t1displayedAlready = false
                       */}});searchButton2.addEventListener('click',e=>{const term=document.querySelector('#searchd').value.trim();if(!!term===false){alert("The search term cannot be empty.");return;}let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}if(t2displayedAlready===false){//alert(term)
get(ref(db,`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}`)).then(datain1=>{//alert("in")
console.log("searchButton., datain1.val()="+JSON.stringify(datain1.val(),null,4));const searchResults=[];if(!!datain1.val()){//console.log("n loadComments(userId), datain1.val()="+JSON.stringify(datain1.val(), null, 4))
const keys=Object.keys(datain1.val());console.log("keys = "+keys);let j=0;datain1.forEach(childSnapshot=>{//console.log("n loadComments(userId), childSnapshot.val()="+JSON.stringify(childSnapshot.val(), null, 4))
if(!!childSnapshot.val()){if(childSnapshot.val()['video_description'].includes(term))searchResults.push({str1:keys[j],str2:childSnapshot.val()['otherkey'],category:childSnapshot.val()['category'],username:childSnapshot.val()['username'],email:childSnapshot.val()['email'],profile_picture:childSnapshot.val()['profile_picture'],thumbnail:childSnapshot.val()['thumbnail'],userId:childSnapshot.val()['userId'],video:childSnapshot.val()['video'],video_caption:childSnapshot.val()['video_caption'],video_description:childSnapshot.val()['video_description'],video_storage_time:childSnapshot.val()['video_storage_time']});j=j+1;}});//forEach
//console.log("searchResults.length="+searchResults.length)
//console.log("searchResults="+JSON.stringify(searchResults,null,4))
}//if(!!datain1.val()) {
//loadVideos2Search(true,false,searchResults)
//let myNode = window.document.querySelector("#rci")
let myNode=window.document.querySelector("#all-things");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//let d4 = window.document.createElement('div')
//d4.classList="flex flex-col divide-y-2 divide-gray-500"
if(searchResults.length>0){if(!window.document.querySelector("#vtitle").classList.contains('hidden'))window.document.querySelector("#vtitle").classList.toggle('hidden');if(!window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');let i=0;searchResults.forEach(video=>{let d1=window.document.createElement('div');d1.id="d1wt-"+i;d1.classList="flex flex-row p-4- border-2- border-green-500- mb-4";let d2=window.document.createElement('div');d2.id="d2wt-"+i;d2.classList="m-4 flex flex-row p-4 border-2- border-purple-500- w-full border-2 border-[#FFD700]";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col border-2- border-orange-500- pb-4 w-full hover:bg-gray-200";let atag=window.document.createElement('a');atag.classList="rounded-md block flex flex-row mb-2- hover:bg-gray-200- rounded-md- border-2- border-green-500- w-full mr-4 p-2 hover:rounded-tl-md hover:rounded-tr-md";atag.href="#";atag.onclick=()=>{putUpVideoV(video.video,video.video_caption,video.str1,i);};//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
let div2=window.document.createElement('div');div2.classList="flex-shrink-0";let img1=window.document.createElement('img');img1.src=video.thumbnail;img1.classList="w-20 h-20 object-cover rounded-md";div2.appendChild(img1);atag.appendChild(div2);let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=video.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=video.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=video.video_caption;div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 hover:rounded-bl-md hover:rounded-br-md flex flex-row w-full mr-4";atag3.href="#";atag3.onclick=()=>{putUpVideoV(video.video,video.video_caption,video.str1,i);};atag3.textContent=video.video_description;wrappertag.appendChild(atag3);if(email===video.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the video";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('2 Are you sure you want to remove this video?')){remove(ref(db,`thelists/adVideosUploaded/${scs.selected_category}/`+video.str1)).then(text=>{//alert("theScrollPosition="+theScrollPosition)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
//window.document.getElementById(wrappertag.id).remove()
//window.document.getElementById(atag2.id).remove()
window.document.getElementById(d2.id).remove();//alert("removed")
remove(ref(db,`users/${userId}/adVideosUploaded/${scs.selected_category}/`+video.str2)).then(text=>{}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}};//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("appending right-column-insert entry");//window.document.getElementById('rightColumn').appendChild(wrappertag)
//let el = window.document.querySelector("#rci")
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;});}else{console.log("video, newLogin2="+newLogin2);console.log("window.document.querySelector('#vdiv').classList.contains('hidden')="+window.document.querySelector("#vdiv").classList.contains('hidden'));if(newLogin2===true){if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}else{if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}}});}else{/*
             //alert("about to remove it")
          let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
                       while (!!myNode && myNode.lastElementChild) 
                       {
                           //alert("it")
                              myNode.removeChild(myNode.lastElementChild);
                       }
                       
            //else myNode.removeChild(myNode.lastElementChild);
                       t2displayedAlready = false
                       */}});searchButton3.addEventListener('click',e=>{const term=document.querySelector('#search3').value.trim();if(!!term===false){alert("The search term cannot be empty.");return;}let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//get(ref(db, `thelists/adPicturesUploaded/${scs.selected_category}`), () => {
//}).then((datain1)=>{
if(t3displayedAlready===false){get(ref(db,`thelists/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}`)).then(datain1=>{//alert("in")
console.log("searchButton3 results, datain1.val()="+JSON.stringify(datain1.val(),null,4));const searchResults=[];if(!!datain1.val()){const keys=Object.keys(datain1.val());console.log("keys = "+keys);let j=0;//console.log("n loadComments(userId), datain1.val()="+JSON.stringify(datain1.val(), null, 4))
datain1.forEach(childSnapshot=>{//console.log("n loadComments(userId), childSnapshot.val()="+JSON.stringify(childSnapshot.val(), null, 4))
if(!!childSnapshot.val()){if(childSnapshot.val()['picture_caption'].includes(term))searchResults.push({str1:keys[j],str2:childSnapshot.val()['otherkey'],category:childSnapshot.val()['category'],username:childSnapshot.val()['username'],email:childSnapshot.val()['email'],profile_picture:childSnapshot.val()['profile_picture'],thumbnail:childSnapshot.val()['thumbnail'],userId:childSnapshot.val()['userId'],picture:childSnapshot.val()['picture'],picture_caption:childSnapshot.val()['picture_caption'],picture_description:childSnapshot.val()['picture_description'],picture_storage_time:childSnapshot.val()['picture_storage_time']});j=j+1;}});//forEach
//console.log("searchResults.length="+searchResults.length)
//console.log("searchResults="+JSON.stringify(searchResults,null,4))
}//if(!!datain1.val()) {
console.log("searchResults.length="+searchResults.length);//loadVideos2Search(true,false,searchResults)
//let myNode = window.document.querySelector("#rci")
let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//let d4 = window.document.createElement('div')
//d4.classList="flex flex-col divide-y-2 divide-gray-500"
if(searchResults.length>0){if(!window.document.querySelector("#vtitle").classList.contains('hidden'))window.document.querySelector("#vtitle").classList.toggle('hidden');if(!window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');let i=0;searchResults.forEach(picture=>{let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row p-4- border-2- border-green-500- mb-4";let d2=window.document.createElement('div');d2.id="d2wt"+i;d2.classList="m-4 flex flex-row p-4 border-2- border-purple-500- w-full border-2 border-[#FFD700] ";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col border-2- border-orange-500- pb-4 w-full hover:bg-gray-200";let atag=window.document.createElement('a');atag.classList="rounded-md block flex flex-row mb-2- hover:bg-gray-200- rounded-md- border-2- border-green-500- w-full mr-4 p-2 hover:rounded-tl-md hover:rounded-tr-md";atag.href="#";atag.onclick=()=>{putUpPictureP(picture.picture,picture.picture_caption,picture.str1,i);};//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
let div2=window.document.createElement('div');div2.classList="flex-shrink-0";let img1=window.document.createElement('img');img1.src=picture.picture;img1.classList="w-20 h-20 object-cover rounded-md";div2.appendChild(img1);atag.appendChild(div2);let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=picture.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=picture.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=picture.picture_caption;div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 hover:rounded-bl-md hover:rounded-br-md flex flex-row w-full mr-4";atag3.href="#";atag3.onclick=()=>{putUpPictureP(picture.picture,picture.picture_caption,picture.str1,i);};atag3.textContent=picture.picture_description;wrappertag.appendChild(atag3);if(email===picture.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the picture";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('1Are you sure you want to remove this picture?')){remove(ref(db,`thelists/adPicturesUploaded/${scs.default_category}/`+picture.str1)).then(text=>{//alert("theScrollPosition="+theScrollPosition)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
window.document.getElementById(wrappertag.id).remove();window.document.getElementById(atag2.id).remove();//alert("removed")
remove(ref(db,`users/${userId}/adPicturesUploaded/${scs.selected_category}/`+picture.str2)).then(text=>{}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}};//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("appending right-column-insert entry");//window.document.getElementById('rightColumn').appendChild(wrappertag)
//let el = window.document.querySelector("#rci")
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;});}else{console.log("video, newLogin2="+newLogin2);console.log("window.document.querySelector('#vdiv').classList.contains('hidden')="+window.document.querySelector("#vdiv").classList.contains('hidden'));if(newLogin2===true){if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}else{if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}}});}else{/*
             //alert("about to remove it")
          let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
                       while (!!myNode && myNode.lastElementChild) 
                       {
                           //alert("it")
                              myNode.removeChild(myNode.lastElementChild);
                       }
                       
            //else myNode.removeChild(myNode.lastElementChild);
                       t3displayedAlready = false
                       */}});searchButton4.addEventListener('click',e=>{const term=document.querySelector('#search4').value.trim();if(!!term===false){alert("The search term cannot be empty.");return;}let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}if(t4displayedAlready===false){//alert(term)
get(ref(db,`thelists/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}`)).then(datain1=>{//alert("in")
console.log("searchButton4 results, datain1.val()="+JSON.stringify(datain1.val(),null,4));const searchResults=[];if(!!datain1.val()){const keys=Object.keys(datain1.val());console.log("keys = "+keys);let j=0;//console.log("n loadComments(userId), datain1.val()="+JSON.stringify(datain1.val(), null, 4))
datain1.forEach(childSnapshot=>{//console.log("n loadComments(userId), childSnapshot.val()="+JSON.stringify(childSnapshot.val(), null, 4))
if(!!childSnapshot.val()){if(childSnapshot.val()['picture_description'].includes(term))searchResults.push({str1:keys[j],str2:childSnapshot.val()['otherkey'],category:childSnapshot.val()['category'],username:childSnapshot.val()['username'],email:childSnapshot.val()['email'],profile_picture:childSnapshot.val()['profile_picture'],thumbnail:childSnapshot.val()['thumbnail'],userId:childSnapshot.val()['userId'],picture:childSnapshot.val()['picture'],picture_caption:childSnapshot.val()['picture_caption'],picture_description:childSnapshot.val()['picture_description'],picture_storage_time:childSnapshot.val()['picture_storage_time']});j=j+1;}});//forEach
//console.log("searchResults.length="+searchResults.length)
//console.log("searchResults="+JSON.stringify(searchResults,null,4))
}//if(!!datain1.val()) {
if(searchResults.length>0){if(!window.document.querySelector("#vtitle").classList.contains('hidden'))window.document.querySelector("#vtitle").classList.toggle('hidden');if(!window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');let i=0;searchResults.forEach(picture=>{let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row p-4- border-2- border-green-500- mb-4";let d2=window.document.createElement('div');d2.id="d2wt"+i;d2.classList="m-4 flex flex-row p-4 border-2- border-purple-500- w-full border-2 border-[#FFD700]";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col border-2- border-orange-500- pb-4 w-full hover:bg-gray-200";let atag=window.document.createElement('a');atag.classList="rounded-md block flex flex-row mb-2- hover:bg-gray-200- rounded-md- border-2- border-green-500- w-full mr-4 p-2 hover:rounded-tl-md hover:rounded-tr-md";atag.href="#";atag.onclick=()=>{putUpPictureP(picture.picture,picture.picture_caption,picture.str1,i);};//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
let div2=window.document.createElement('div');div2.classList="flex-shrink-0";let img1=window.document.createElement('img');img1.src=picture.picture;img1.classList="w-20 h-20 object-cover rounded-md";div2.appendChild(img1);atag.appendChild(div2);let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=picture.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=picture.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=picture.picture_caption;div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 hover:rounded-bl-md hover:rounded-br-md flex flex-row w-full mr-4";atag3.href="#";atag3.onclick=()=>{putUpPictureP(picture.picture,picture.picture_caption,picture.str1,i);};atag3.textContent=picture.picture_description;wrappertag.appendChild(atag3);if(email===picture.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the picture";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('2Are you sure you want to remove this picture?')){remove(ref(db,`thelists/adPicturesUploaded/${scs.selected_category}/`+picture.str1)).then(text=>{//alert("theScrollPosition="+theScrollPosition)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
window.document.getElementById(wrappertag.id).remove();window.document.getElementById(atag2.id).remove();//alert("removed")
remove(ref(db,`users/${userId}/adPicturesUploaded/${scs.selected_category}/`+picture.str2)).then(text=>{}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}};//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("appending right-column-insert entry");//window.document.getElementById('rightColumn').appendChild(wrappertag)
//let el = window.document.querySelector("#rci")
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;});}else{console.log("video, newLogin2="+newLogin2);console.log("window.document.querySelector('#vdiv').classList.contains('hidden')="+window.document.querySelector("#vdiv").classList.contains('hidden'));if(newLogin2===true){if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}else{if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}}//}  
});}else{/*
             //alert("about to remove it")
          let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
                       while (!!myNode && myNode.lastElementChild) 
                       {
                           //alert("it")
                              myNode.removeChild(myNode.lastElementChild);
                       }
                       
            //else myNode.removeChild(myNode.lastElementChild);
                       t4displayedAlready = false
               */}});/////////////////////////////////////
/////////////////////////////////////
searchButton5.addEventListener('click',e=>{const term=document.querySelector('#search5').value.trim();if(!!term===false){alert("The search term cannot be empty.");return;}let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//get(ref(db, `thelists/adPicturesUploaded/${scs.selected_category}`), () => {
//}).then((datain1)=>{
if(t5displayedAlready===false){get(ref(db,`thelists/${thestate}/${thecity}/adTextUploaded/${scs.selected_category}`)).then(datain1=>{//alert("in")
console.log("searchButton3 results, datain1.val()="+JSON.stringify(datain1.val(),null,4));const searchResults=[];if(!!datain1.val()){const keys=Object.keys(datain1.val());console.log("keys = "+keys);let j=0;//console.log("n loadComments(userId), datain1.val()="+JSON.stringify(datain1.val(), null, 4))
datain1.forEach(childSnapshot=>{//console.log("n loadComments(userId), childSnapshot.val()="+JSON.stringify(childSnapshot.val(), null, 4))
if(!!childSnapshot.val()){if(childSnapshot.val()['title'].includes(term))searchResults.push({str1:keys[j],str2:childSnapshot.val()['otherkey'],category:childSnapshot.val()['category'],username:childSnapshot.val()['username'],email:childSnapshot.val()['email'],profile_picture:childSnapshot.val()['profile_picture'],//thumbnail:childSnapshot.val()['thumbnail'],
userId:childSnapshot.val()['userId'],//picture:childSnapshot.val()['picture'],
picture_caption:childSnapshot.val()['title'],picture_description:childSnapshot.val()['description'],picture_storage_time:childSnapshot.val()['picture_storage_time']});j=j+1;}});//forEach
//console.log("searchResults.length="+searchResults.length)
//console.log("searchResults="+JSON.stringify(searchResults,null,4))
}//if(!!datain1.val()) {
console.log("searchResults.length="+searchResults.length);//loadVideos2Search(true,false,searchResults)
//let myNode = window.document.querySelector("#rci")
let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//let d4 = window.document.createElement('div')
//d4.classList="flex flex-col divide-y-2 divide-gray-500"
if(searchResults.length>0){if(!window.document.querySelector("#vtitle").classList.contains('hidden'))window.document.querySelector("#vtitle").classList.toggle('hidden');if(!window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');let i=0;searchResults.forEach(picture=>{let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row p-4- border-2- border-green-500- mb-4";let d2=window.document.createElement('div');d2.id="d2wt"+i;d2.classList="m-4 flex flex-row p-4 border-2- border-purple-500- w-full border-2 border-[#FFD700]";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col border-2- border-orange-500- pb-4 w-full hover:bg-gray-200";let atag=window.document.createElement('span');atag.classList="rounded-md block flex flex-row mb-2- hover:bg-gray-200- rounded-md- border-2- border-green-500- w-full mr-4 p-2 hover:rounded-tl-md hover:rounded-tr-md";//atag.href="#"
//atag.onclick=()=>{
//    putUpPictureP(picture.picture, picture.picture_caption, picture.str1, i);
//}
//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
//let div2 = window.document.createElement('div')
//div2.classList="flex-shrink-0"
//let img1 = window.document.createElement('img')
//img1.src=picture.picture
//img1.classList="w-20 h-20 object-cover rounded-md"
//div2.appendChild(img1)
//atag.appendChild(div2)
let div6=window.document.createElement('div');div6.classList="ml-4- flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=picture.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=picture.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=picture.picture_caption;div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('span');atag3.classList="block mt-2 pl-2 pr-2 hover:rounded-bl-md hover:rounded-br-md flex flex-row w-full mr-4";//atag3.href="#"
//atag3.onclick=()=>{
//putUpPictureP(picture.picture, picture.picture_caption, picture.str1, i);
//}
atag3.textContent=picture.picture_description;wrappertag.appendChild(atag3);if(email===picture.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the text ad";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('Are you sure you want to remove this text ad?')){remove(ref(db,`thelists/adTextUploaded/${scs.default_category}/`+picture.str1)).then(text=>{//alert("theScrollPosition="+theScrollPosition)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
window.document.getElementById(wrappertag.id).remove();window.document.getElementById(atag2.id).remove();//alert("removed")
remove(ref(db,`users/${userId}/adTextUploaded/${scs.selected_category}/`+picture.str2)).then(text=>{}).catch(()=>{onValue(ref(db,`users/${userId}/text`),snapshot=>{if(!!snapshot.val()){//const pictureIds = Object.keys(snapshot.val())
let ok=Object.keys(snapshot.val());console.log("ok.length="+ok.length);/*
                  for(let t = 0; t<ok.length;t++) 
                  {
					   console.log("deleteaccoundid., snapshot.val()[ok['textlink']="+snapshot.val()[ok[t]]["textlink"])

                       if(!!snapshot.val()[ok[t]]) //ok[t] is a picture id
                       {
                            let textlink=JSON.stringify(snapshot.val()[ok[t]]['textlink'])
							console.log("a")
							console.log("textlink="+textlink)
							
							let arr = textlink.split("/")
							//arr2[5] is the is the id
							console.log("arr="+JSON.stringify(arr))
							
							if(arr[5]===picture.str1)
							{
                            console.log("about the decrement the count")
							
							
							    //thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}
								
								
								let x = `counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/texts/uploaded`
								let x2 = `counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/texts`
                                
								get(ref(db, x)).then((count)=>
								{
								      console.log("b")
								      let z = parseInt(JSON.stringify(count))
								      z = z - 1
								      update(ref(db, x2), {uploaded:z}).then((text)=>{
console.log("decremented")
                                      }).catch(()=>{}) //update
						
                                }).catch((e)=>
							    { //remove
								     console.log("error 5a, e="+e)
							    })
								
						   
							}
							
                       }//if
					   
                  }//for
				  */}//if
});});}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}};//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("appending right-column-insert entry");//window.document.getElementById('rightColumn').appendChild(wrappertag)
//let el = window.document.querySelector("#rci")
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;});}else{console.log("video, newLogin2="+newLogin2);console.log("window.document.querySelector('#vdiv').classList.contains('hidden')="+window.document.querySelector("#vdiv").classList.contains('hidden'));if(newLogin2===true){if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}else{if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}}//}  
});}else{/*
             //alert("about to remove it")
          let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
                       while (!!myNode && myNode.lastElementChild) 
                       {
                           //alert("it")
                              myNode.removeChild(myNode.lastElementChild);
                       }
                       
            //else myNode.removeChild(myNode.lastElementChild);
                       t5displayedAlready = false
                 */}});searchButton6.addEventListener('click',e=>{const term=document.querySelector('#search6').value.trim();if(!!term===false){alert("The search term cannot be empty.");return;}let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//get(ref(db, `thelists/adPicturesUploaded/${scs.selected_category}`), () => {
//}).then((datain1)=>{
if(t6displayedAlready===false){get(ref(db,`thelists/${thestate}/${thecity}/adTextUploaded/${scs.selected_category}`)).then(datain1=>{//alert("in")
console.log("searchButton3 results, datain1.val()="+JSON.stringify(datain1.val(),null,4));const searchResults=[];if(!!datain1.val()){const keys=Object.keys(datain1.val());console.log("keys = "+keys);let j=0;//console.log("n loadComments(userId), datain1.val()="+JSON.stringify(datain1.val(), null, 4))
datain1.forEach(childSnapshot=>{//console.log("n loadComments(userId), childSnapshot.val()="+JSON.stringify(childSnapshot.val(), null, 4))
if(!!childSnapshot.val()){if(childSnapshot.val()['description'].includes(term))searchResults.push({str1:keys[j],str2:childSnapshot.val()['otherkey'],category:childSnapshot.val()['category'],username:childSnapshot.val()['username'],email:childSnapshot.val()['email'],profile_picture:childSnapshot.val()['profile_picture'],//thumbnail:childSnapshot.val()['thumbnail'],
userId:childSnapshot.val()['userId'],//picture:childSnapshot.val()['picture'],
picture_caption:childSnapshot.val()['title'],picture_description:childSnapshot.val()['description'],picture_storage_time:childSnapshot.val()['picture_storage_time']});j=j+1;}});//forEach
//console.log("searchResults.length="+searchResults.length)
//console.log("searchResults="+JSON.stringify(searchResults,null,4))
}//if(!!datain1.val()) {
console.log("searchResults.length="+searchResults.length);//loadVideos2Search(true,false,searchResults)
//let myNode = window.document.querySelector("#rci")
let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//let d4 = window.document.createElement('div')
//d4.classList="flex flex-col divide-y-2 divide-gray-500"
if(searchResults.length>0){if(!window.document.querySelector("#vtitle").classList.contains('hidden'))window.document.querySelector("#vtitle").classList.toggle('hidden');if(!window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');let i=0;searchResults.forEach(picture=>{let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row p-4- border-2- border-green-500- mb-4";let d2=window.document.createElement('div');d2.id="d2wt"+i;d2.classList="m-4 flex flex-row p-4 border-2- border-purple-500- w-full border-2 border-[#FFD700]";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col border-2- border-orange-500- pb-4 w-full hover:bg-gray-200";let atag=window.document.createElement('span');atag.classList="rounded-md block flex flex-row mb-2- hover:bg-gray-200- rounded-md- border-2- border-green-500- w-full mr-4 p-2 hover:rounded-tl-md hover:rounded-tr-md";//atag.href="#"
//atag.onclick=()=>{
//    putUpPictureP(picture.picture, picture.picture_caption, picture.str1, i);
//}
//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
//let div2 = window.document.createElement('div')
//div2.classList="flex-shrink-0"
//let img1 = window.document.createElement('img')
//img1.src=picture.picture
//img1.classList="w-20 h-20 object-cover rounded-md"
//div2.appendChild(img1)
//atag.appendChild(div2)
let div6=window.document.createElement('div');div6.classList="ml-4- flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=picture.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=picture.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=picture.picture_caption;div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('span');atag3.classList="block mt-2 pl-2 pr-2 hover:rounded-bl-md hover:rounded-br-md flex flex-row w-full mr-4";//atag3.href="#"
//atag3.onclick=()=>{
//putUpPictureP(picture.picture, picture.picture_caption, picture.str1, i);
//}
atag3.textContent=picture.picture_description;wrappertag.appendChild(atag3);if(email===picture.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the picture";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('Are you sure you want to remove this text ad?')){remove(ref(db,`thelists/adTextUploaded/${scs.default_category}/`+picture.str1)).then(text=>{//alert("theScrollPosition="+theScrollPosition)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
window.document.getElementById(wrappertag.id).remove();window.document.getElementById(atag2.id).remove();//alert("removed")
remove(ref(db,`users/${userId}/adTextUploaded/${scs.selected_category}/`+picture.str2)).then(text=>{}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}).catch(()=>{//alert("This new videomupload quota was not stored.");
});}};//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("appending right-column-insert entry");//window.document.getElementById('rightColumn').appendChild(wrappertag)
//let el = window.document.querySelector("#rci")
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;});}else{console.log("video, newLogin2="+newLogin2);console.log("window.document.querySelector('#vdiv').classList.contains('hidden')="+window.document.querySelector("#vdiv").classList.contains('hidden'));if(newLogin2===true){if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}else{if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}}//}  
});}else{/*
             //alert("about to remove it")
          let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
                       while (!!myNode && myNode.lastElementChild) 
                       {
                           //alert("it")
                              myNode.removeChild(myNode.lastElementChild);
                       }
                       
            //else myNode.removeChild(myNode.lastElementChild);
                       t6displayedAlready = false
               */}});/////////////////////////////////////
/////////////////////////////////////
/*
    2833 cpuploadcount
    3181 cvuploadcount
                    
    3932 puploadcount
    4140 vuploadcount
    */ //let userId;
let accountDeleted=false;let quotapicture=0;let quotavideo=0;let adminLoggedIn=false;let cpuploadcount=0;//c means comment
let cvuploadcount=0;let puploadcount=0;//without c means rightColumn
let vuploadcount=0;let enteredCityAndState=false;let gusername;window.gusername=gusername;let newLogin2=false;//let email = ""
window.u="";login.addEventListener('click',e=>{console.log("login.click() happened");window.document.querySelector("#all-things").innerHTML="";document.getElementById('address').value="";emailli=document.getElementById('email2').value.trim();email=emailli;passwordi=document.querySelector('#passwordId2').value.trim();if(!!email===false||!!passwordi===false){alert("The email, and password cannot be empty.");return;}//loadVideos()
//if(passwordi.length === 0) alert("password is empty, password="+password)
signInWithEmailAndPassword(auth,email,passwordi).then(userCredential=>{//console.log("userCredential="+JSON.stringify(userCredential))
window.document.getElementById('settings').classList.toggle('hidden');window.document.querySelector('#signupPanel').classList.toggle('hidden');window.document.querySelector('#loginPanel').classList.toggle('hidden');window.document.querySelector('#logoutId').classList.toggle('hidden');window.document.getElementById("commentId").removeAttribute("disabled");window.document.getElementById("addCommentId").removeAttribute("disabled");window.document.getElementById("seeRepliesButtonId").removeAttribute("disabled");window.document.getElementById("cancelButtonId").removeAttribute("disabled");window.document.querySelector('#profile-picture-id').classList.toggle('hidden');//window.document.querySelector('#top-menu').classList.toggle('hidden')
//window.document.querySelector('#loadVideos2').classList.toggle('hidden')
newLogin=true;initialLogin=true;newLogin2=true;j=0;let currentElement=window.document.getElementById("all-comments").firstElementChild;if(currentElement!=null){while(!!currentElement.nextElementSibling){currentElement.nextElementSibling.remove();}currentElement.remove();window.document.getElementById("commentId").value="";}let currentElement2=window.document.getElementById("see-commentsandreplies").firstElementChild;if(currentElement2!=null){while(!!currentElement2.nextElementSibling){currentElement2.nextElementSibling.remove();}currentElement2.remove();}else{//alert("not")   
}// Signed in 
let user=userCredential.user;userId=user.uid;window.u=user.uid;obj.userId2=user.uid;console.log("login. obj.userId2="+obj.userId2);//Object.freeze(obj);
const dt=new Date();update(ref(db,'users/'+user.uid),{last_login:dt});//loadComments(userId)
seeRepliesIsOpen=false;//currentVideoTitle = ""
let myNode=window.document.getElementById("see-commentsandreplies");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}window.document.getElementById("seeRepliesButtonId").textContent="See the Comments and Replies";getTheProfilePicture();getTheUsername();getTheDefaultCategory();console.log("CALLING getTheBalance in login.");getTheBalance();getFirstTimePaying();getThePictureByteCount();getTheVideoByteCount();getTheTotalByteCount();getUserCanceledSubscription();getSubscriptionCanceledDt();getSubscriptionMadeDt();getTheGrandTotalBytesUploaded();su();li();su();li();if(!window.document.querySelector("#loginId").classList.contains('hidden')){window.document.querySelector('#loginId').classList.toggle('hidden');window.document.querySelector('#loginId').classList.toggle('lg:hidden');}if(!window.document.querySelector("#signUpId").classList.contains('hidden')){window.document.querySelector('#signUpId').classList.toggle('hidden');window.document.querySelector('#signUpId').classList.toggle('lg:hidden');}//alert('The user has logged in.');
let _email=email;if(_email==="admin7@admin7.com"){adminLoggedIn=true;}console.log("loadVideos2 2");//alert(1)
// loadVideos2(true,false)
}).catch(error=>{console.log(error);const errorCode=error.code;const errorMessage=error.message;alert(errorMessage);});});loginr2c.addEventListener('click',e=>{//emailli = document.getElementById('email2').value.trim();
//passwordi = document.querySelector('#passwordId2').value.trim();
//alert("emailli="+emailli+", passwordi="+passwordi)
if(!!emailli===false||!!passwordi===false){alert("The email, and password cannot be empty.");return;}signInWithEmailAndPassword(auth,emailli,passwordi).then(userCredential=>{if(confirm('Are you sure you want to cancel your subscription?')){cancelsubscriptionf.click();}});});loginr2.addEventListener('click',e=>{//emailli = document.getElementById('email2').value.trim();
//passwordi = document.querySelector('#passwordId2').value.trim();
//alert("emailli="+emailli+", passwordi="+passwordi)
if(!!emailli===false||!!passwordi===false){alert("The email, and password cannot be empty.");return;}signInWithEmailAndPassword(auth,emailli,passwordi).then(userCredential=>{if(confirm('Are you sure you want to delete your account?')){if(window.firsttimepaying2===false){cancelsubscriptionf.click();//cancel the subscription first and then delete the account
}else{doit1();doit2p();doit2v();doit2t();const storage=getStorage();const imagesRef=sRef(storage,'images/'+userId+'/pictures');listAll(imagesRef).then(res=>{res.items.forEach(itemRef=>{//console.log(itemRef)
console.log(itemRef._location.path_);let desertRef=sRef(storage,itemRef._location.path_);// Delete the file
deleteObject(desertRef).then(()=>{console.log("deleted "+itemRef._location.path_);}).catch(()=>{console.log("itemRef._location.path_ was not deleted.");});});}).catch(e=>{});const storage2=getStorage();const imagesRef2=sRef(storage2,'images/'+userId+'/videos');listAll(imagesRef2).then(res=>{res.items.forEach(itemRef=>{//console.log(itemRef)
console.log(itemRef._location.path_);let desertRef=sRef(storage,itemRef._location.path_);// Delete the file
deleteObject(desertRef).then(()=>{console.log("deleted "+itemRef._location.path_);}).catch(()=>{console.log("itemRef._location.path_ was not deleted.");});});}).catch(e=>{});const storage3=getStorage();const imagesRef3=sRef(storage3,'images/'+userId+'/thumbnails');listAll(imagesRef3).then(res=>{res.items.forEach(itemRef=>{//console.log(itemRef)
console.log(itemRef._location.path_);let desertRef=sRef(storage,itemRef._location.path_);// Delete the file
deleteObject(desertRef).then(()=>{console.log("deleted "+itemRef._location.path_);}).catch(()=>{console.log("itemRef._location.path_ was not deleted.");});});}).catch(e=>{});let theuserA=auth.currentUser;deleteUser(theuserA).then(()=>{remove(ref(db,'users/'+userId)).then(d=>{console.log("removed main account");accountDeleted=true;deluser1=true;logoutId.click();}).catch(e=>{console.log("did not remove main account");});}).catch(e=>{console.log("error 1c, e="+e);});}}else{accountDeleted=false;}}).catch(error=>{console.log(error);const errorCode=error.code;const errorMessage=error.message;alert("reauthentication error: "+errorMessage);return;});});let user=auth.currentUser;onAuthStateChanged(auth,user=>{if(user){// User is signed in, see docs for a list of available properties
// https://firebase.google.com/docs/reference/js/firebase.User
const uid=user.uid;// ...
}else{// User is signed out
// ...
}});let texts=[];let tdisplayedAlready=false;window.tdisplayedAlready=tdisplayedAlready;//loadVideos2t
function loadVideos2t(initialLogin,pdisplayedAlready){console.log("in loadVideos2p");//alert(window.document.querySelector("#vdiv").classList.contains('hidden'))
window.document.querySelector("#vtitle").textContent="";//alert("in loadVideos2")
let myNode=window.document.querySelector("#all-things");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}if(pdisplayedAlready===false){//displayedAlready=true
//when I push data, it automatically calls this, this, for automatic list update
//if you do not want list automatic update replace onValue with get
console.log("loadVideos2p, scs.selected_category="+scs.selected_category);onValue(ref(db,`thelists/${thestate}/${thecity}/adTextUploaded/${scs.selected_category}`),snapshot=>{//get(ref(db, 'users/videoUploads/')).then((snapshot) => {
//alert("onValue")
if(initialLogin===true){initialLogin=false;pictures=[];console.log("!!snapshot.val()="+!!snapshot.val());if(!!snapshot.val()){const pictureIds=Object.keys(snapshot.val());//snapshot.forEach((childSnapshot)=>{
//if(!!childSnapshot.val())
//{//if A
let ok=Object.keys(snapshot.val());//console.log("ok.length="+ok.length)
//console.log("ok="+JSON.stringify(ok))
//console.log("ok[0]="+ok[0])
for(let t=0;t<ok.length;t++){console.log("snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4));if(!!snapshot.val()[ok[t]])//ok[t] is a video id
{//console.log(t)
pictures.push({username:snapshot.val()[ok[t]]['username'],email:snapshot.val()[ok[t]]['email'],profile_picture:snapshot.val()[ok[t]]['profile_picture'],userId:snapshot.val()[ok[t]]['userId'],str1:ok[t],str2:snapshot.val()[ok[t]]['otherkey'],//picture:snapshot.val()[ok[t]]['picture'],
picture_caption:snapshot.val()[ok[t]]['title'],picture_description:snapshot.val()[ok[t]]['description'],picture_storage_time:snapshot.val()[ok[t]]['picture_storage_time'],id4t:snapshot.val()[ok[t]]['id4t']//thumbnail:snapshot.val()[ok[t]]['thumbnail']
});}//if
}//for
//}//if A
//})
console.log("pictures.length="+pictures.length);console.log("pictures="+JSON.stringify(pictures,null,4));//if(!!snapshot.val()) {
}if(pictures.length>0){if(!window.document.querySelector("#vtitle").classList.contains('hidden'))window.document.querySelector("#vtitle").classList.toggle('hidden');if(!window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');let i=0;pictures.forEach(picture=>{if(tmineonly===true){//only show mine, text
if(email===picture.email){let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row justify-between border-2- border-purple-500-";let d2=window.document.createElement('div');d2.id="d2wt-"+i;d2.classList="flex flex-row m-4 border-2 border-[#FFD700] rounded-md- cursor-default";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col pb-4 w-full hover:bg-gray-200 hover:rounded-tl-md-";let atag=window.document.createElement('a');atag.classList="rounded-md block flex flex-row w-full- mr-4 p-2";//atag.href="#"
//atag.onclick=()=>{
//alert(1)
//putUpPictureP(picture.picture, picture.picture_caption, picture.str1, i);
//}
//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
//let div2 = window.document.createElement('div')
//div2.classList="flex-shrink-0"
//let img1 = window.document.createElement('img')
//img1.src=picture.picture
//img1.classList="w-20 h-20 object-cover rounded-md hover:w-96- hover:h-96- hover:rounded-tl-md hover:rounded-bl-md hover:scale-x-150 hover:scale-y-150"
//div2.appendChild(img1)
//atag.appendChild(div2)
let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=picture.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=picture.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=picture.picture_caption.toLowerCase();div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full- bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 flex flex-row w-full- mr-4 breakWord";//atag3.href="#"
//atag3.onclick=()=>{
//alert(2)
//putUpPictureP(picture.picture, picture.picture_caption, picture.str1, i);
//}
atag3.textContent=picture.picture_description.toLowerCase();wrappertag.appendChild(atag3);console.log("email="+email);console.log("picture.email="+picture.email);if(email===picture.email)//if(1)
{let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;atag2.textContent="X";//atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>"
atag2.title="remove the text";atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('Are you sure you want to delete this text ad?')){//alert("removed 1, picture.str1="+picture.str1)
//alert("removed 1, picture.str2="+picture.str2)
//alert("removed 1, scs.selected_category="+scs.selected_category)
remove(ref(db,`thelists/${thestate}/${thecity}/adTextUploaded/${scs.selected_category}/`+picture.str1)).then(text=>{window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
//window.document.getElementById(wrappertag.id).remove()
//window.document.getElementById(atag2.id).remove()
window.document.getElementById(d2.id).remove();//alert("removed 1")
remove(ref(db,`users/${userId}/uploaded/text/${thestate}/${thecity}/adTextUploaded/${scs.selected_category}/`+picture.str2)).then(text=>{/////
get(ref(db,`users/${userId}/text`)).then(snapshot=>{if(!!snapshot.val()){//const pictureIds = Object.keys(snapshot.val())
let ok=Object.keys(snapshot.val());console.log("ok.length="+ok.length);for(let t=0;t<ok.length;t++){//console.log("deleteaccoundid., snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4))
if(!!snapshot.val())//ok[t] is a picture id
{let textlink=snapshot.val()[ok[t]]['textlink'];console.log("a");let arr=textlink.split("/");//arr2[5] is the is the id
if(arr[5]===picture.str1){let tt=`users/${userId}/text/${picture.id4t}`;console.log("tt="+tt);remove(ref(db,tt)).then(t0=>{//thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}
let x=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/texts/uploaded`;let x2=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/texts`;get(ref(db,x)).then(count=>{console.log("b");let z=parseInt(JSON.stringify(count));z=z-1;update(ref(db,x2),{uploaded:z}).then(text=>{console.log("c");}).catch(()=>{});//update
}).catch(e=>{//remove
console.log("error 5a, e="+e);});});}}//if
}//for
}//if
});/////
alert("The text ad has been deleted.");//alert("2 no error writing to the database")
}).catch(()=>{//   remove(ref(db,
//alert("This deletion did not work for the thelists.")
});}).catch(()=>{//   remove(ref(db,
//alert("This deletion did not work for the thelists.")
});}//if
};// atag2.onclick=()=>{
//alert("next")
//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{//no delete red x displayed because not the owner of it
console.log("the emails are not the same");d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("loadVideos2p, appending right-column-insert entry, i="+i);//let el = window.document.querySelector("#rci")
//el.insertBefore(d1, el.firstChild);
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;}//if(email === video.email) just inside the for loop  
}else{//show everybodies, text
let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row justify-between border-2- border-purple-500-";let d2=window.document.createElement('div');d2.id="d2wt-"+i;d2.classList="flex flex-row m-4 border-2 border-[#FFD700] rounded-md- cursor-default";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col pb-4 w-full hover:bg-gray-200 hover:rounded-tl-md-";let atag=window.document.createElement('a');atag.classList="rounded-md block flex flex-row w-full- mr-4 p-2";//atag.href="#"
//atag.onclick=()=>{
//alert(1)
//putUpPictureP(picture.picture, picture.picture_caption, picture.str1, i);
//}
//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
//let div2 = window.document.createElement('div')
//div2.classList="flex-shrink-0"
//let img1 = window.document.createElement('img')
//img1.src=picture.picture
//img1.classList="w-20 h-20 object-cover rounded-md hover:w-96- hover:h-96- hover:rounded-tl-md hover:rounded-bl-md hover:scale-x-150 hover:scale-y-150"
//div2.appendChild(img1)
//atag.appendChild(div2)
let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=picture.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=picture.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=picture.picture_caption.toLowerCase();div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full- bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 flex flex-row w-full- mr-4 breakWord";//atag3.href="#"
//atag3.onclick=()=>{
//alert(2)
//putUpPictureP(picture.picture, picture.picture_caption, picture.str1, i);
//}
atag3.textContent=picture.picture_description.toLowerCase();wrappertag.appendChild(atag3);console.log("email="+email);console.log("picture.email="+picture.email);if(email===picture.email)//if(1)
{let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;atag2.textContent="X";//atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>"
atag2.title="remove the text";atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('Are you sure you want to delete this text ad?')){//alert("removed 1, picture.str1="+picture.str1)
//alert("removed 1, picture.str2="+picture.str2)
//alert("removed 1, scs.selected_category="+scs.selected_category)
remove(ref(db,`thelists/${thestate}/${thecity}/adTextUploaded/${scs.selected_category}/`+picture.str1)).then(text=>{window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
//window.document.getElementById(wrappertag.id).remove()
//window.document.getElementById(atag2.id).remove()
window.document.getElementById(d2.id).remove();//alert("removed 1")
remove(ref(db,`users/${userId}/uploaded/text/${thestate}/${thecity}/adTextUploaded/${scs.selected_category}/`+picture.str2)).then(text=>{/////
get(ref(db,`users/${userId}/text`)).then(snapshot=>{if(!!snapshot.val()){//const pictureIds = Object.keys(snapshot.val())
let ok=Object.keys(snapshot.val());console.log("ok.length="+ok.length);for(let t=0;t<ok.length;t++){//console.log("deleteaccoundid., snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4))
if(!!snapshot.val())//ok[t] is a picture id
{let textlink=snapshot.val()[ok[t]]['textlink'];console.log("a");let arr=textlink.split("/");//arr2[5] is the is the id
if(arr[5]===picture.str1){let tt=`users/${userId}/text/${picture.id4t}`;console.log("tt="+tt);remove(ref(db,tt)).then(t0=>{//thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}
let x=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/texts/uploaded`;let x2=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/texts`;get(ref(db,x)).then(count=>{console.log("b");let z=parseInt(JSON.stringify(count));z=z-1;update(ref(db,x2),{uploaded:z}).then(text=>{console.log("c");}).catch(()=>{});//update
}).catch(e=>{//remove
console.log("error 5a, e="+e);});});}}//if
}//for
}//if
});/////
alert("The text ad has been deleted.");//alert("2 no error writing to the database")
}).catch(()=>{//   remove(ref(db,
//alert("This deletion did not work for the thelists.")
});}).catch(()=>{//   remove(ref(db,
//alert("This deletion did not work for the thelists.")
});}//if
};// atag2.onclick=()=>{
//alert("next")
//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{//no delete red x displayed because not the owner of it
console.log("the emails are not the same");d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("loadVideos2p, appending right-column-insert entry, i="+i);//let el = window.document.querySelector("#rci")
//el.insertBefore(d1, el.firstChild);
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;}});}else{console.log("video, newLogin2="+newLogin2);console.log("window.document.querySelector('#vdiv').classList.contains('hidden')="+window.document.querySelector("#vdiv").classList.contains('hidden'));if(newLogin2===true){if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}else{if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no text ad listings in "+scs.selected_category;}}}});}else{}}let pictures=[];let pdisplayedAlready=false;window.pdisplayedAlready=pdisplayedAlready;function loadVideos2p(initialLogin,pdisplayedAlready){console.log("in loadVideos2p");//alert(window.document.querySelector("#vdiv").classList.contains('hidden'))
window.document.querySelector("#vtitle").textContent="";//alert("in loadVideos2")
let myNode=window.document.querySelector("#all-things");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}if(pdisplayedAlready===false){//displayedAlready=true
//when I push data, it automatically calls this, this, for automatic list update
//if you do not want list automatic update replace onValue with get
console.log("loadVideos2p, scs.selected_category="+scs.selected_category);onValue(ref(db,`thelists/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}`),snapshot=>{//get(ref(db, 'users/videoUploads/')).then((snapshot) => {
//alert("onValue")
if(initialLogin===true){initialLogin=false;pictures=[];console.log("!!snapshot.val()="+!!snapshot.val());if(!!snapshot.val()){const pictureIds=Object.keys(snapshot.val());//snapshot.forEach((childSnapshot)=>{
//if(!!childSnapshot.val())
//{//if A
let ok=Object.keys(snapshot.val());//console.log("ok.length="+ok.length)
//console.log("ok="+JSON.stringify(ok))
//console.log("ok[0]="+ok[0])
for(let t=0;t<ok.length;t++){console.log("snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4));if(!!snapshot.val()[ok[t]])//ok[t] is a video id
{//console.log(t)
pictures.push({username:snapshot.val()[ok[t]]['username'],email:snapshot.val()[ok[t]]['email'],profile_picture:snapshot.val()[ok[t]]['profile_picture'],userId:snapshot.val()[ok[t]]['userId'],str1:ok[t],str2:snapshot.val()[ok[t]]['otherkey'],picture:snapshot.val()[ok[t]]['picture'],picture_caption:snapshot.val()[ok[t]]['picture_caption'],picture_description:snapshot.val()[ok[t]]['picture_description'],picture_storage_time:snapshot.val()[ok[t]]['picture_storage_time'],id4t:snapshot.val()[ok[t]]['id4t']//thumbnail:snapshot.val()[ok[t]]['thumbnail']
});}//if
}//for
//}//if A
//})
console.log("pictures.length="+pictures.length);console.log("pictures="+JSON.stringify(pictures,null,4));//if(!!snapshot.val()) {
}if(pictures.length>0){if(!window.document.querySelector("#vtitle").classList.contains('hidden'))window.document.querySelector("#vtitle").classList.toggle('hidden');if(!window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');let i=0;pictures.forEach(picture=>{if(pmineonly===true){//only show mine pictures
if(email===picture.email){let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row justify-between border-2- border-purple-500-";let d2=window.document.createElement('div');d2.id="d2wt-"+i;d2.classList="flex flex-row m-4 border-2 border-[#FFD700] rounded-md- cursor-default";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col pb-4 w-full- hover:bg-gray-200 hover:rounded-tl-md-";let atag=window.document.createElement('a');atag.classList="rounded-md block flex flex-row w-full- mr-4 p-2";atag.href="#";atag.onclick=()=>{//alert(1)
putUpPictureP(picture.picture,picture.picture_caption,picture.str1,i);};//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
let div2=window.document.createElement('div');div2.classList="flex-shrink-0";let img1=window.document.createElement('img');img1.src=picture.picture;img1.classList="w-20 h-20 object-cover rounded-md hover:w-96- hover:h-96- hover:rounded-tl-md hover:rounded-bl-md hover:scale-x-150 hover:scale-y-150";div2.appendChild(img1);atag.appendChild(div2);let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=picture.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=picture.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=picture.picture_caption.toLowerCase();div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full- bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 flex flex-row w-full- mr-4 breakWord";atag3.href="#";atag3.onclick=()=>{//alert(2)
putUpPictureP(picture.picture,picture.picture_caption,picture.str1,i);};atag3.textContent=picture.picture_description.toLowerCase();wrappertag.appendChild(atag3);if(email===picture.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the picture ad";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('Are you sure you want to delete this picture ad?')){//alert("removed 1, picture.str1="+picture.str1)
//alert("removed 1, picture.str2="+picture.str2)
//alert("removed 1, scs.selected_category="+scs.selected_category)
remove(ref(db,`thelists/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/`+picture.str1)).then(text=>{//alert("text="+text)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
//window.document.getElementById(wrappertag.id).remove()
//window.document.getElementById(atag2.id).remove()
window.document.getElementById(d2.id).remove();//alert("removed 1")
get(ref(db,`users/${userId}/uploaded/pictures/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/${picture.str2}/uploadedPictureFileSize`),()=>{}).then(psize=>{console.log("psize="+JSON.stringify(psize));get(ref(db,`users/${userId}/uploaded/pictures/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/${picture.str2}/picturefn`),()=>{}).then(fn=>{get(ref(db,`users/${userId}/uploaded/pictures/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/${picture.str2}/uuidnowp`),()=>{}).then(uuidnow=>{let fstr=JSON.stringify(fn);let a=fstr.split("");let fulllength=fstr.length;let shortenedlen=fulllength-2;let arr=[];let j=0;for(let i=1;i<=shortenedlen;i++){arr[j]=a[i];++j;}let nstr=arr.toString();let nstr2=nstr.replaceAll(',','');console.log("nstr2="+nstr2);const JC=JSON.stringify(uuidnow);const uuidnowpicture=JC.replaceAll('"','');console.log("delete, uuidnowpicture="+uuidnowpicture);const storage=getStorage(window.app);// Create a reference to the file to delete
const desertRef=sRef(storage,`images/${userId}/pictures/${uuidnowpicture}/`+nstr2);//const desertRef = sRef(storage, `images/${userId}/pictures/`+nstr2);
// Delete the file
deleteObject(desertRef).then(()=>{remove(ref(db,`users/${userId}/uploaded/pictures/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/`+picture.str2)).then(text=>{console.log("typeof(psize)="+typeof parseInt(JSON.stringify(psize)));//number
console.log("typeof(total_byte_count)="+typeof total_byte_count);//number
console.log("typeof(picture_byte_count)="+typeof picture_byte_count);//number
picture_byte_count=picture_byte_count-parseInt(JSON.stringify(psize));console.log("psize, before subtraction, total_byte_count="+total_byte_count);total_byte_count=total_byte_count-parseInt(JSON.stringify(psize));console.log("psize, after subtraction, total_byte_count="+total_byte_count);console.log("picture_byte_count="+picture_byte_count);console.log("psize, total_byte_count="+total_byte_count);//alert("total="+total)
//1234567
update(ref(db,'users/'+obj.userId2),{picture_byte_count:picture_byte_count}).then(text=>{update(ref(db,'users/'+obj.userId2),{total_byte_count:total_byte_count}).then(text=>{console.log("about to assign the bytescount element");//window.document.querySelector("#bytescount").innerHTML=total_byte_count
let x=parseInt(JSON.stringify(psize))/1048576;window.currentPenniesBalance=window.currentPenniesBalance+x;console.log("psize, window.currentPenniesBalance="+window.currentPenniesBalance);window.document.getElementById("remainingbalance").innerHTML=window.currentPenniesBalance;window.document.querySelector("#bytescount").innerHTML=total_byte_count;update(ref(db,'users/'+obj.userId2),{balance:window.currentPenniesBalance}).then(text=>{});/////
get(ref(db,`users/${userId}/pictures`)).then(snapshot=>{if(!!snapshot.val()){//const pictureIds = Object.keys(snapshot.val())
let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){//console.log("deleteaccoundid., snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4))
if(!!snapshot.val()[ok[t]])//ok[t] is a picture id
{let picturelink=snapshot.val()[ok[t]]['picturelink'];console.log("a");let arr=picturelink.split("/");//arr2[5] is the is the id
if(arr[5]===picture.str1){let tt=`users/${userId}/pictures/${picture.id4t}`;console.log("tt="+tt);remove(ref(db,tt)).then(t0=>{//thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}
let x=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/pictures/uploaded`;let x2=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/pictures`;get(ref(db,x)).then(count=>{console.log("b");let z=parseInt(JSON.stringify(count));z=z-1;update(ref(db,x2),{uploaded:z}).then(text=>{console.log("c");get(ref(db,`users/${userId}/picture_upload_count`),()=>{}).then(c=>{let r=parseInt(JSON.stringify(c));let r2=r-1;update(ref(db,`users/${userId}`),{picture_upload_count:r2}).then(textuc=>{console.log("updated the picture_upload_count");}).catch(e=>{console.log("did not update the picture_upload_count");});});}).catch(()=>{});//update
}).catch(e=>{//remove
console.log("error 5a, e="+e);});});}}//if
}//for
}//if
});/////
alert("The picture ad has been deleted and your megabytes available balance has been updated.");}).catch(()=>{alert("error writing to the database");});//alert("2 no error writing to the database")
}).catch(()=>{alert("error writing to the database");});}).catch(()=>{});//remove
}).catch(e=>{console.log("error 2b,e="+e);});//deleteObject					
}).catch(()=>{});//uuidnow
}).catch(()=>{});////get(ref	
}).catch(()=>{});////get(ref	
}).catch(()=>{//   remove(ref(db,
//alert("This deletion did not work for the thelists.")
});}//if
};// atag2.onclick=()=>{
//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{//no delete red x displayed because not the owner of it
d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("loadVideos2p, appending right-column-insert entry, i="+i);//let el = window.document.querySelector("#rci")
//el.insertBefore(d1, el.firstChild);
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;}//if(email === video.email) just inside the for loop  
}else{//show everybodies
let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row justify-between border-2- border-purple-500-";let d2=window.document.createElement('div');d2.id="d2wt-"+i;d2.classList="flex flex-row m-4 border-2 border-[#FFD700] rounded-md- cursor-default";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col pb-4 w-full- hover:bg-gray-200 hover:rounded-tl-md-";let atag=window.document.createElement('a');atag.classList="rounded-md block flex flex-row w-full- mr-4 p-2";atag.href="#";atag.onclick=()=>{//alert(1)
putUpPictureP(picture.picture,picture.picture_caption,picture.str1,i);};//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
let div2=window.document.createElement('div');div2.classList="flex-shrink-0";let img1=window.document.createElement('img');img1.src=picture.picture;img1.classList="w-20 h-20 object-cover rounded-md hover:w-96- hover:h-96- hover:rounded-tl-md hover:rounded-bl-md hover:scale-x-150 hover:scale-y-150";div2.appendChild(img1);atag.appendChild(div2);let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=picture.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=picture.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=picture.picture_caption.toLowerCase();div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full- bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 flex flex-row w-full- mr-4 breakWord";atag3.href="#";atag3.onclick=()=>{//alert(2)
putUpPictureP(picture.picture,picture.picture_caption,picture.str1,i);};atag3.textContent=picture.picture_description.toLowerCase();wrappertag.appendChild(atag3);if(email===picture.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the picture ad";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('Are you sure you want to delete this picture ad?')){//alert("removed 1, picture.str1="+picture.str1)
//alert("removed 1, picture.str2="+picture.str2)
//alert("removed 1, scs.selected_category="+scs.selected_category)
remove(ref(db,`thelists/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/`+picture.str1)).then(text=>{//alert("text="+text)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
//window.document.getElementById(wrappertag.id).remove()
//window.document.getElementById(atag2.id).remove()
window.document.getElementById(d2.id).remove();//alert("removed 1")
get(ref(db,`users/${userId}/uploaded/pictures/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/${picture.str2}/uploadedPictureFileSize`),()=>{}).then(psize=>{console.log("psize="+JSON.stringify(psize));get(ref(db,`users/${userId}/uploaded/pictures/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/${picture.str2}/picturefn`),()=>{}).then(fn=>{get(ref(db,`users/${userId}/uploaded/pictures/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/${picture.str2}/uuidnowp`),()=>{}).then(uuidnow=>{let fstr=JSON.stringify(fn);let a=fstr.split("");let fulllength=fstr.length;let shortenedlen=fulllength-2;let arr=[];let j=0;for(let i=1;i<=shortenedlen;i++){arr[j]=a[i];++j;}let nstr=arr.toString();let nstr2=nstr.replaceAll(',','');console.log("nstr2="+nstr2);const JC=JSON.stringify(uuidnow);const uuidnowpicture=JC.replaceAll('"','');console.log("delete, uuidnowpicture="+uuidnowpicture);const storage=getStorage(window.app);// Create a reference to the file to delete
const desertRef=sRef(storage,`images/${userId}/pictures/${uuidnowpicture}/`+nstr2);//const desertRef = sRef(storage, `images/${userId}/pictures/`+nstr2);
// Delete the file
deleteObject(desertRef).then(()=>{remove(ref(db,`users/${userId}/uploaded/pictures/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/`+picture.str2)).then(text=>{console.log("typeof(psize)="+typeof parseInt(JSON.stringify(psize)));//number
console.log("typeof(total_byte_count)="+typeof total_byte_count);//number
console.log("typeof(picture_byte_count)="+typeof picture_byte_count);//number
picture_byte_count=picture_byte_count-parseInt(JSON.stringify(psize));console.log("psize, before subtraction, total_byte_count="+total_byte_count);total_byte_count=total_byte_count-parseInt(JSON.stringify(psize));console.log("psize, after subtraction, total_byte_count="+total_byte_count);console.log("picture_byte_count="+picture_byte_count);console.log("psize, total_byte_count="+total_byte_count);//alert("total="+total)
//1234567
update(ref(db,'users/'+obj.userId2),{picture_byte_count:picture_byte_count}).then(text=>{update(ref(db,'users/'+obj.userId2),{total_byte_count:total_byte_count}).then(text=>{console.log("about to assign the bytescount element");//window.document.querySelector("#bytescount").innerHTML=total_byte_count
let x=parseInt(JSON.stringify(psize))/1048576;window.currentPenniesBalance=window.currentPenniesBalance+x;console.log("psize, window.currentPenniesBalance="+window.currentPenniesBalance);window.document.getElementById("remainingbalance").innerHTML=window.currentPenniesBalance;window.document.querySelector("#bytescount").innerHTML=total_byte_count;update(ref(db,'users/'+obj.userId2),{balance:window.currentPenniesBalance}).then(text=>{});/////
get(ref(db,`users/${userId}/pictures`)).then(snapshot=>{if(!!snapshot.val()){//const pictureIds = Object.keys(snapshot.val())
let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){//console.log("deleteaccoundid., snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4))
if(!!snapshot.val()[ok[t]])//ok[t] is a picture id
{let picturelink=snapshot.val()[ok[t]]['picturelink'];console.log("a");let arr=picturelink.split("/");//arr2[5] is the is the id
if(arr[5]===picture.str1){let tt=`users/${userId}/pictures/${picture.id4t}`;console.log("tt="+tt);remove(ref(db,tt)).then(t0=>{//thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}
let x=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/pictures/uploaded`;let x2=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/pictures`;get(ref(db,x)).then(count=>{console.log("b");let z=parseInt(JSON.stringify(count));z=z-1;update(ref(db,x2),{uploaded:z}).then(text=>{console.log("c");get(ref(db,`users/${userId}/picture_upload_count`),()=>{}).then(c=>{let r=parseInt(JSON.stringify(c));let r2=r-1;update(ref(db,`users/${userId}`),{picture_upload_count:r2}).then(textuc=>{console.log("updated the picture_upload_count");}).catch(e=>{console.log("did not update the picture_upload_count");});});}).catch(()=>{});//update
}).catch(e=>{//remove
console.log("error 5a, e="+e);});});}}//if
}//for
}//if
});/////
alert("The picture ad has been deleted and your megabytes available balance has been updated.");}).catch(()=>{alert("error writing to the database");});//alert("2 no error writing to the database")
}).catch(()=>{alert("error writing to the database");});}).catch(()=>{});//remove
}).catch(e=>{console.log("error 2b,e="+e);});//deleteObject					
}).catch(()=>{});//uuidnow
}).catch(()=>{});////get(ref	
}).catch(()=>{});////get(ref	
}).catch(()=>{//   remove(ref(db,
//alert("This deletion did not work for the thelists.")
});}//if
};// atag2.onclick=()=>{
//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center";//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{//no delete red x displayed because not the owner of it
d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
console.log("loadVideos2p, appending right-column-insert entry, i="+i);//let el = window.document.querySelector("#rci")
//el.insertBefore(d1, el.firstChild);
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;}});}else{console.log("video, newLogin2="+newLogin2);console.log("window.document.querySelector('#vdiv').classList.contains('hidden')="+window.document.querySelector("#vdiv").classList.contains('hidden'));if(newLogin2===true){if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no picture ad listings in "+scs.selected_category;}else{if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no picture ad listings in "+scs.selected_category;}}}});}else{}}window.loadVideos2p=loadVideos2p;/////////////////////////////////////////////////////////////////////   
let videos=[];let displayedAlready=false;window.displayedAlready=displayedAlready;function loadVideos2(initialLogin,displayedAlready,x){console.log("UUUUUUUUUUUU, loadVideos2, x="+x);//alert("UUUUUUUUUUUU, loadVideos2, x="+x)
//console.log("in loadVideos2")
console.log("in loadVideos2(");let myNode=window.document.querySelector("#all-things");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}window.document.querySelector("#all-things").innerHTML="";console.log("in loadVideos2(,displayedAlready="+displayedAlready);if(displayedAlready===false){//alert("not displayed yet")
console.log("in loadVideos2(,1");//console.log("scs.selected_category="+scs.selected_category)
onValue(ref(db,`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}`),snapshot=>{console.log("in loadVideos2(,2");if(thumbnailUploaded===true||initialLogin===true){if(thumbnailUploaded===true)thumbnailUploaded=false;if(initialLogin===true)initialLogin=false;videos=[];//console.log("!!snapshot.val()="+!!snapshot.val())
if(!!snapshot.val()){//console.log("n loadVideos2 (userId), snapshot.val()="+JSON.stringify(snapshot.val(), null, 4))
const videoIds=Object.keys(snapshot.val());let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){//console.log("snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4))
if(!!snapshot.val()[ok[t]])//ok[t] is a video id
{videos.push({username:snapshot.val()[ok[t]]['username'],email:snapshot.val()[ok[t]]['email'],profile_picture:snapshot.val()[ok[t]]['profile_picture'],userId:snapshot.val()[ok[t]]['userId'],str1:ok[t],str2:snapshot.val()[ok[t]]['otherkey'],video:snapshot.val()[ok[t]]['video'],video_caption:snapshot.val()[ok[t]]['video_caption'],video_description:snapshot.val()[ok[t]]['video_description'],video_storage_time:snapshot.val()[ok[t]]['video_storage_time'],thumbnail:snapshot.val()[ok[t]]['thumbnail'],id4t:snapshot.val()[ok[t]]['id4t']});}//if
}//for
//}//if A
//})
//console.log("videos.length="+videos.length)
//console.log("videos="+JSON.stringify(videos,null,4))
//if(!!snapshot.val()) {
}console.log("in loadVideos2(,3");console.log("in loadVideos2(,videos.length="+videos.length);if(videos.length>0){console.log("in loadVideos2(,4");if(window.document.querySelector("#vtitle").classList.contains('hidden')){console.log("in loadVideos2(,5");window.document.querySelector("#vtitle").classList.toggle('hidden');console.log("in loadVideos2(,6");}if(window.document.querySelector("#vdiv").classList.contains('hidden')){console.log("in loadVideos2(,7");window.document.querySelector("#vdiv").classList.toggle('hidden');console.log("in loadVideos2(,8");}console.log("in loadVideos2(,9");const flag=window.document.createElement('a');console.log("in loadVideos2(,10");flag.id="freepikId";flag.href="http://www.freepik.com";flag.classList="block";flag.target="_blank";/*
		  flag.addEventListener('click',(e)=>{
		  
		  if(confirm("Do you want to go to the freepik third party site?"))
		  {
		       
		       window.location.href="http://www.freepik.com"
			   
		  }
		  else {
		       return false
		  }
		  
		  })
		  */const flagImage=window.document.createElement('img');flagImage.src="18165.jpg";flagImage.classList="w-full h-[450px] object-contain";flag.appendChild(flagImage);window.document.querySelector("#vdiv").textContent="";window.document.querySelector("#vtitle").textContent="";window.document.querySelector("#vdiv").appendChild(flag);console.log("in loadVideos2(,11");let i=0;console.log("vmineonly="+vmineonly);videos.forEach(video=>{if(vmineonly===true){//only show mine
if(email===video.email){let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row w-[50%]- break-words-";let d2=window.document.createElement('div');d2.id="d2wt-"+i;d2.classList="flex flex-row m-4 border-2 border-[#FFD700] w-[50%]-";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col border-2- border-orange-500- pb-4 w-full- hover:bg-gray-200";let atag=window.document.createElement('a');atag.classList="block flex flex-row w-full- mr-4 p-2 border-2- border-green-500-";atag.href="#";atag.onclick=()=>{putUpVideoV(video.video,video.video_caption,video.str1,i);};//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
let div2=window.document.createElement('div');div2.classList="flex-shrink-0";let img1=window.document.createElement('img');img1.src=video.thumbnail;img1.classList="w-20 h-20 object-cover rounded-md hover:scale-150";div2.appendChild(img1);atag.appendChild(div2);let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col border-2- border-black-";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=video.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=video.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=video.video_caption.toLowerCase();div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full- bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 flex flex-row w-full- mr-4 border-2- border-blue-500- overflow-hidden- breakWord";atag3.href="#";atag3.onclick=()=>{putUpVideoV(video.video,video.video_caption,video.str1,i);};atag3.textContent=video.video_description.toLowerCase();wrappertag.appendChild(atag3);if(email===video.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="block mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the video ad";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('Are you sure you want to delete this video ad?')){//alert("removed 1, picture.str1="+picture.str1)
//alert("removed 1, picture.str2="+picture.str2)
//alert("removed 1, scs.selected_category="+scs.selected_category)
remove(ref(db,`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/`+video.str1)).then(text=>{//alert("text="+text)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
//window.document.getElementById(wrappertag.id).remove()
//window.document.getElementById(atag2.id).remove()
window.document.getElementById(d2.id).remove();//alert("removed 1")
console.log("video.str2="+video.str2);const xt=`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/uploadedVideoFileSize`;console.log("xt="+xt);get(ref(db,xt),()=>{//the video one
}).then(vsize=>{console.log("vsize="+JSON.stringify(vsize));get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/videofn`),()=>{}).then(fn=>{get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/uuidnow`),()=>{}).then(uuidnow=>{console.log("JSON.stringify(fn)="+JSON.stringify(fn));let fstr=JSON.stringify(fn);let a=fstr.split("");let fulllength=fstr.length;let shortenedlen=fulllength-2;let arr=[];let j=0;for(let i=1;i<=shortenedlen;i++){arr[j]=a[i];++j;}let nstr=arr.toString();let nstr2=nstr.replaceAll(',','');console.log("nstr2="+nstr2);const JC=JSON.stringify(uuidnow);const uuidnowh=JC.replaceAll('"','');console.log("delete, uuidnow="+uuidnowh);const storage=getStorage(window.app);// Create a reference to the file to delete
const desertRef=sRef(storage,`images/${userId}/videos/${uuidnowh}/`+nstr2);// Delete the file
console.log("TTT calling deleteObject");deleteObject(desertRef).then(()=>{console.log("TTT calling remove");remove(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/`+video.str2)).then(text=>{console.log("typeof(vsize)="+typeof parseInt(JSON.stringify(vsize)));//number
console.log("typeof(total_byte_count)="+typeof total_byte_count);//number
console.log("typeof(video_byte_count)="+typeof video_byte_count);//number
video_byte_count=video_byte_count-parseInt(JSON.stringify(vsize));console.log("vsize, before subtraction, total_byte_count="+total_byte_count);total_byte_count=total_byte_count-parseInt(JSON.stringify(vsize));console.log("vsize, after subtraction, total_byte_count="+total_byte_count);console.log("video_byte_count="+video_byte_count);console.log("vsize, total_byte_count="+total_byte_count);//alert("total="+total)
//1234567
console.log("TTT calling update 1");update(ref(db,'users/'+obj.userId2),{video_byte_count:video_byte_count}).then(text=>{console.log("TTT calling update 2");update(ref(db,'users/'+obj.userId2),{total_byte_count:total_byte_count}).then(text=>{console.log("TTT code to update remainingbalance");console.log("about to assign the bytescount element");//window.document.querySelector("#bytescount").innerHTML=total_byte_count
let x=parseInt(JSON.stringify(vsize))/1048576;window.currentPenniesBalance=window.currentPenniesBalance+x;console.log("vsize, window.currentPenniesBalance="+window.currentPenniesBalance);window.document.getElementById("remainingbalance").innerHTML=window.currentPenniesBalance;window.document.querySelector("#bytescount").innerHTML=total_byte_count;update(ref(db,'users/'+obj.userId2),{balance:window.currentPenniesBalance}).then(text=>{});/////
get(ref(db,`users/${userId}/videos`)).then(snapshot=>{if(!!snapshot.val()){//const pictureIds = Object.keys(snapshot.val())
let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){//console.log("deleteaccoundid., snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4))
if(!!snapshot.val()[ok[t]])//ok[t] is a picture id
{let videolink=snapshot.val()[ok[t]]['videolink'];console.log("a");let arr=videolink.split("/");//arr2[5] is the is the id
if(arr[5]===video.str1){let tt=`users/${userId}/videos/${video.id4t}`;console.log("tt="+tt);remove(ref(db,tt)).then(t0=>{//thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}
let x=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/videos/uploaded`;let x2=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/videos`;get(ref(db,x)).then(count=>{console.log("b");let z=parseInt(JSON.stringify(count));z=z-1;update(ref(db,x2),{uploaded:z}).then(text=>{console.log("c");get(ref(db,`users/${userId}/video_upload_count`),()=>{}).then(c=>{let r=parseInt(JSON.stringify(c));let r2=r-1;update(ref(db,`users/${userId}`),{video_upload_count:r2}).then(textuc=>{console.log("updated the video_upload_count");}).catch(e=>{console.log("did not update the video_upload_count");});});}).catch(()=>{});//update
}).catch(e=>{//remove
console.log("error 5a, e="+e);});});}}//if
}//for
}//if
});alert("The video ad has been deleted and your megabytes available balance has been updated.");}).catch(()=>{alert("error writing to the database");});//alert("2 no error writing to the database")
}).catch(()=>{alert("error writing to the database");});}).catch(()=>{});//remove
}).catch(e=>{console.log("error 2b,e="+e);});//deleteObject					
}).catch(()=>{});//uuidnow
}).catch(()=>{});////get(ref	
}).catch(()=>{});////get(ref	
get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/thumbnailfileuploaded`),()=>{}).then(tfu=>{if(tfu===true){get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/uploadedVideoFileSize`),()=>{}).then(thumbnailfn=>{get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/uuidnowthumbnail`),()=>{}).then(uuidnow=>{//delete the Thumbnail
let fstr=JSON.stringify(fn);let a=fstr.split("");let fulllength=fstr.length;let shortenedlen=fulllength-2;let arr=[];let j=0;for(let i=1;i<=shortenedlen;i++){arr[j]=a[i];++j;}let nstr=arr.toString();let nstr2=nstr.replaceAll(',','');console.log("nstr2="+nstr2);const uuidtn=JSON.stringify(uuidnow);const uuidnowtn=uuidtn.replaceAll('"','');console.log("delete, uuidnow="+uuidnowtn);const storage=getStorage(window.app);// Create a reference to the file to delete
const desertRef=sRef(storage,`images/${userId}/thumbnails/${uuidnowtn}/`+nstr2);// Delete the file
deleteObject(desertRef).then(()=>{}).catch(()=>{console.log("The thumbnailfn was not deleted.");});}).catch(()=>{});}).catch(()=>{console.log("The thumbnailfn was not deleted.");});}});}).catch(()=>{//   remove(ref(db,
//alert("This deletion did not work for the thelists.")
});}//if
};// atag2.onclick=()=>{
//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 h-6 w-6 flex flex-row justify-center items-center";//atag2.classList="block rounded-full text-red-500 h-6 w-6 flex flex-row justify-start items-end"
//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{//no delete red x displayed because not the owner of it
d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
//console.log("appending right-column-insert entry, i="+i)
//let el = window.document.querySelector("#rci")
//el.insertBefore(d1, el.firstChild);
// alert("1 insertBefor")
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;}//if(email === video.email) just inside the for loop  
}else{//show everybodies
let d1=window.document.createElement('div');d1.id="d1wt"+i;d1.classList="flex flex-row w-[50%]- break-words-";let d2=window.document.createElement('div');d2.id="d2wt-"+i;d2.classList="flex flex-row m-4 border-2 border-[#FFD700] w-[50%]-";let wrappertag=window.document.createElement('div');wrappertag.id="wt"+i;wrappertag.classList="flex flex-col border-2- border-orange-500- pb-4 w-full- hover:bg-gray-200";let atag=window.document.createElement('a');atag.classList="block flex flex-row w-full- mr-4 p-2 border-2- border-green-500-";atag.href="#";atag.onclick=()=>{putUpVideoV(video.video,video.video_caption,video.str1,i);};//let div1 = window.document.createElement('div')
//div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
//div1.textContent = i+"."
//atag.appendChild(div1)
let div2=window.document.createElement('div');div2.classList="flex-shrink-0";let img1=window.document.createElement('img');img1.src=video.thumbnail;img1.classList="w-20 h-20 object-cover rounded-md hover:scale-150";div2.appendChild(img1);atag.appendChild(div2);let div6=window.document.createElement('div');div6.classList="ml-4 flex flex-col border-2- border-black-";//let div3 = window.document.createElement('div')
//div3.classList="ml-4"
let spanA=window.document.createElement('span');spanA.classList="block";spanA.textContent=video.username;div6.appendChild(spanA);let span0=window.document.createElement('span');span0.classList="block";span0.textContent=video.email;div6.appendChild(span0);let span1=window.document.createElement('span');span1.classList="block";span1.textContent=video.video_caption.toLowerCase();div6.appendChild(span1);atag.appendChild(div6);wrappertag.appendChild(atag);let d3=window.document.createElement('div');d3.classList="h-2 w-full- bg-white";wrappertag.appendChild(d3);let atag3=window.document.createElement('a');atag3.classList="block mt-2 pl-2 pr-2 flex flex-row w-full- mr-4 border-2- border-blue-500- overflow-hidden- breakWord";atag3.href="#";atag3.onclick=()=>{putUpVideoV(video.video,video.video_caption,video.str1,i);};atag3.textContent=video.video_description.toLowerCase();wrappertag.appendChild(atag3);if(email===video.email){let div5=window.document.createElement('div');div5.id="vremovediv";div5.classList="block mb-4 hover:bg-gray-200-";let atag2=window.document.createElement('a');atag2.id="vremove-"+i;//atag2.textContent="X"
atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>";atag2.title="remove the video ad";atag2.onclick=()=>{//alert("vremove, id="+video.str1)
//alert("theScrollPosition="+theScrollPosition)
rscrollPos=theScrollPosition;if(confirm('Are you sure you want to delete this video ad?')){//alert("removed 1, picture.str1="+picture.str1)
//alert("removed 1, picture.str2="+picture.str2)
//alert("removed 1, scs.selected_category="+scs.selected_category)
remove(ref(db,`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/`+video.str1)).then(text=>{//alert("text="+text)
window.scroll({top:rscrollPos,left:0,behavior:'smooth'});rscrollPos=0;//wrappertag.remove()
//window.document.getElementById(wrappertag.id).remove()
//window.document.getElementById(atag2.id).remove()
window.document.getElementById(d2.id).remove();//alert("removed 1")
console.log("video.str2="+video.str2);const xt=`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/uploadedVideoFileSize`;console.log("xt="+xt);get(ref(db,xt),()=>{//the video one
}).then(vsize=>{console.log("vsize="+JSON.stringify(vsize));get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/videofn`),()=>{}).then(fn=>{get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/uuidnow`),()=>{}).then(uuidnow=>{console.log("JSON.stringify(fn)="+JSON.stringify(fn));let fstr=JSON.stringify(fn);let a=fstr.split("");let fulllength=fstr.length;let shortenedlen=fulllength-2;let arr=[];let j=0;for(let i=1;i<=shortenedlen;i++){arr[j]=a[i];++j;}let nstr=arr.toString();let nstr2=nstr.replaceAll(',','');console.log("nstr2="+nstr2);const JC=JSON.stringify(uuidnow);const uuidnowh=JC.replaceAll('"','');console.log("delete, uuidnow="+uuidnowh);const storage=getStorage(window.app);// Create a reference to the file to delete
const desertRef=sRef(storage,`images/${userId}/videos/${uuidnowh}/`+nstr2);// Delete the file
console.log("TTT calling deleteObject");deleteObject(desertRef).then(()=>{console.log("TTT calling remove");remove(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/`+video.str2)).then(text=>{console.log("typeof(vsize)="+typeof parseInt(JSON.stringify(vsize)));//number
console.log("typeof(total_byte_count)="+typeof total_byte_count);//number
console.log("typeof(video_byte_count)="+typeof video_byte_count);//number
video_byte_count=video_byte_count-parseInt(JSON.stringify(vsize));console.log("vsize, before subtraction, total_byte_count="+total_byte_count);total_byte_count=total_byte_count-parseInt(JSON.stringify(vsize));console.log("vsize, after subtraction, total_byte_count="+total_byte_count);console.log("video_byte_count="+video_byte_count);console.log("vsize, total_byte_count="+total_byte_count);//alert("total="+total)
//1234567
console.log("TTT calling update 1");update(ref(db,'users/'+obj.userId2),{video_byte_count:video_byte_count}).then(text=>{console.log("TTT calling update 2");update(ref(db,'users/'+obj.userId2),{total_byte_count:total_byte_count}).then(text=>{console.log("TTT code to update remainingbalance");console.log("about to assign the bytescount element");//window.document.querySelector("#bytescount").innerHTML=total_byte_count
let x=parseInt(JSON.stringify(vsize))/1048576;window.currentPenniesBalance=window.currentPenniesBalance+x;console.log("vsize, window.currentPenniesBalance="+window.currentPenniesBalance);window.document.getElementById("remainingbalance").innerHTML=window.currentPenniesBalance;window.document.querySelector("#bytescount").innerHTML=total_byte_count;update(ref(db,'users/'+obj.userId2),{balance:window.currentPenniesBalance}).then(text=>{});/////
get(ref(db,`users/${userId}/videos`)).then(snapshot=>{if(!!snapshot.val()){//const pictureIds = Object.keys(snapshot.val())
let ok=Object.keys(snapshot.val());for(let t=0;t<ok.length;t++){//console.log("deleteaccoundid., snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4))
if(!!snapshot.val()[ok[t]])//ok[t] is a picture id
{let videolink=snapshot.val()[ok[t]]['videolink'];console.log("a");let arr=videolink.split("/");//arr2[5] is the is the id
if(arr[5]===video.str1){let tt=`users/${userId}/videos/${video.id4t}`;console.log("tt="+tt);remove(ref(db,tt)).then(t0=>{//thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}
let x=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/videos/uploaded`;let x2=`counts/${arr[1]}/${arr[2]}/${arr[4]}/countof/videos`;get(ref(db,x)).then(count=>{console.log("b");let z=parseInt(JSON.stringify(count));z=z-1;update(ref(db,x2),{uploaded:z}).then(text=>{console.log("c");get(ref(db,`users/${userId}/video_upload_count`),()=>{}).then(c=>{let r=parseInt(JSON.stringify(c));let r2=r-1;update(ref(db,`users/${userId}`),{video_upload_count:r2}).then(textuc=>{console.log("updated the video_upload_count");}).catch(e=>{console.log("did not update the video_upload_count");});});}).catch(()=>{});//update
}).catch(e=>{//remove
console.log("error 5a, e="+e);});});}}//if
}//for
}//if
});alert("The video ad has been deleted and your megabytes available balance has been updated.");}).catch(()=>{alert("error writing to the database");});//alert("2 no error writing to the database")
}).catch(()=>{alert("error writing to the database");});}).catch(()=>{});//remove
}).catch(e=>{console.log("error 2b,e="+e);});//deleteObject					
}).catch(()=>{});//uuidnow
}).catch(()=>{});////get(ref	
}).catch(()=>{});////get(ref	
get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/thumbnailfileuploaded`),()=>{}).then(tfu=>{if(tfu===true){get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/uploadedVideoFileSize`),()=>{}).then(thumbnailfn=>{get(ref(db,`users/${userId}/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/${video.str2}/uuidnowthumbnail`),()=>{}).then(uuidnow=>{//delete the Thumbnail
let fstr=JSON.stringify(fn);let a=fstr.split("");let fulllength=fstr.length;let shortenedlen=fulllength-2;let arr=[];let j=0;for(let i=1;i<=shortenedlen;i++){arr[j]=a[i];++j;}let nstr=arr.toString();let nstr2=nstr.replaceAll(',','');console.log("nstr2="+nstr2);const uuidtn=JSON.stringify(uuidnow);const uuidnowtn=uuidtn.replaceAll('"','');console.log("delete, uuidnow="+uuidnowtn);const storage=getStorage(window.app);// Create a reference to the file to delete
const desertRef=sRef(storage,`images/${userId}/thumbnails/${uuidnowtn}/`+nstr2);// Delete the file
deleteObject(desertRef).then(()=>{}).catch(()=>{console.log("The thumbnailfn was not deleted.");});}).catch(()=>{});}).catch(()=>{console.log("The thumbnailfn was not deleted.");});}});}).catch(()=>{//   remove(ref(db,
//alert("This deletion did not work for the thelists.")
});}//if
};// atag2.onclick=()=>{
//alert("next")
atag2.href="#";atag2.classList="block rounded-full text-red-500 h-6 w-6 flex flex-row justify-center items-center";//atag2.classList="block rounded-full text-red-500 h-6 w-6 flex flex-row justify-start items-end"
//div5.appendChild(atag2)
//div1.appendChild(div5)
//wrappertag.appendChild(atag2)
d2.appendChild(wrappertag);d2.appendChild(atag2);//the delete button
d1.appendChild(d2);//d4.appendChild(d1)
}//if(email === video.email)
else{//no delete red x displayed because not the owner of it
d2.appendChild(wrappertag);d1.appendChild(d2);}// d4.appendChild(d1)
//console.log("appending right-column-insert entry, i="+i)
//let el = window.document.querySelector("#rci")
//el.insertBefore(d1, el.firstChild);
// alert("1 insertBefor")
let el=window.document.querySelector("#all-things");el.insertBefore(d1,el.firstChild);i=i+1;}});//videos for loop
}else{console.log("in loadVideos2(,5");console.log("video, newLogin2="+newLogin2);console.log("window.document.querySelector('#vdiv').classList.contains('hidden')="+window.document.querySelector("#vdiv").classList.contains('hidden'));if(newLogin2===true){if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no video ad listings in "+scs.selected_category;}else{if(window.document.querySelector("#vdiv").classList.contains('hidden'))window.document.querySelector("#vdiv").classList.toggle('hidden');window.document.querySelector("#vdiv").textContent="no video ad listings in "+scs.selected_category;}//window.document.querySelector("#vdiv").textContent="no listings 2"
}}});}}window.loadVideos2=loadVideos2;function loadReplies2(initialLogin,displayedAlready){/*
        alert("in loadReplies2(), initialLogin="+initialLogin)
        alert("in loadReplies2(), displayedAlready="+displayedAlready)
        console.log("in loadReplies2")
       
    if(displayedAlready === false) 
       {
           //displayedAlready=true
         
        //when I push data, it automatically calls this, this, for automatic list update
        //if you do not want list automatic update replace onValue with get
           
        onValue(ref(db, 'users/textOnly/'), (snapshot) => {
        //get(ref(db, 'users/videoUploads/')).then((snapshot) => {
            //alert("onValue")
            console.log("n loadReplies2(userId), thumbnailUploaded="+thumbnailUploaded)
            console.log("n loadReplies2(userId), initialLogin="+initialLogin)
          if(thumbnailUploaded===true || initialLogin === true) {
              if(thumbnailUploaded===true) thumbnailUploaded=false
              if(initialLogin===true) initialLogin=false
        pictures = []
        
        if(!!snapshot.val()) 
        {
            console.log("n loadReplies2(userId), snapshot.val()="+JSON.stringify(snapshot.val(), null, 4))
            const replyIds = Object.keys(snapshot.val())
            
            //snapshot.forEach((childSnapshot)=>{
            
            
         
            //if(!!childSnapshot.val())
            //{//if A
                 let ok = Object.keys(snapshot.val())
                 //console.log("ok.length="+ok.length)
                 //console.log("ok="+JSON.stringify(ok))
                 //console.log("ok[0]="+ok[0])
           
            
                 for(let t = 0; t<ok.length;t++) 
                 {
                      console.log("snapshot.val()[ok[t]]="+JSON.stringify(snapshot.val()[ok[t]],null,4))

                      if(!!snapshot.val()[ok[t]]) //ok[t] is a video id
                      {
                           //console.log(t)
                           pictures.push({
                                username:snapshot.val()[ok[t]]['username'],
                                email:snapshot.val()[ok[t]]['email'],
                                profile_picture:snapshot.val()[ok[t]]['profile_picture'],
                                userId:snapshot.val()[ok[t]]['userId'],
                                str1:ok[t],
                                picture:snapshot.val()[ok[t]]['picture'],
                                picture_caption:snapshot.val()[ok[t]]['picture_caption'],
                                picture_description:snapshot.val()[ok[t]]['picture_description'],
                                picture_storage_time:snapshot.val()[ok[t]]['picture_storage_time'],
                                thumbnail:snapshot.val()[ok[t]]['thumbnail']
                                
                           })
                          
                      }//if
                 }//for
                 
           //}//if A
           
            
        //})
          
        //console.log("videos.length="+videos.length)
        //console.log("videos="+JSON.stringify(videos,null,4))
        //if(!!snapshot.val()) {
        }
              
              
              //let elc = window.document.querySelector("#rci")
              
               let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
                       while (!!myNode && myNode.lastElementChild) 
                       {
                           //alert("it")
                              myNode.removeChild(myNode.lastElementChild);
                       }
              
              //let d4 = window.document.createElement('div')
           
            //d4.classList="flex flex-col divide-y-2 divide-gray-500"
            
            let i = 0
        replies.forEach((reply)=>{
  
            
            let d1 = window.document.createElement('div')
            d1.id="d1wt"+i
            d1.classList="flex flex-row p-4- border-2- border-green-500- mb-4"
            
            let d2 = window.document.createElement('div')
            d2.id="d2wt"+i
            d2.classList="flex flex-row p-4- border-2- border-purple-500- w-full"
            
            
            let wrappertag = window.document.createElement('div')
            wrappertag.id="wt"+i
            wrappertag.classList="flex flex-col border-2- border-orange-500- pb-4 w-full hover:bg-gray-200"
            let atag = window.document.createElement('a')
            atag.classList="rounded-md block flex flex-row mb-2- hover:bg-gray-200- rounded-md- border-2- border-green-500- w-full mr-4 p-2 hover:rounded-tl-md hover:rounded-tr-md"
            atag.href="#"
            atag.onclick=()=>{
                putUpVideoV(video.video, video.video_caption, video.str1, i);
            }
            let div1 = window.document.createElement('div')
            div1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4"
            div1.textContent = i+"."
            atag.appendChild(div1)
            let div2 = window.document.createElement('div')
            div2.classList="flex-shrink-0"
            
            let img1 = window.document.createElement('img')
            img1.src=video.thumbnail
            img1.classList="w-20 h-20 object-cover rounded-md"
            
            div2.appendChild(img1)
            atag.appendChild(div2)
            
            
            let div6 = window.document.createElement('div')
            div6.classList="ml-4 flex flex-col"
            
            //let div3 = window.document.createElement('div')
            //div3.classList="ml-4"
            
            let spanA = window.document.createElement('span')
            spanA.classList="block"
            spanA.textContent=video.username
            
            div6.appendChild(spanA)
            
            let span0 = window.document.createElement('span')
            span0.classList="block"
            span0.textContent=video.email
            
            div6.appendChild(span0)
            
            let span1 = window.document.createElement('span')
            span1.classList="block"
            span1.textContent=video.video_caption
            
            div6.appendChild(span1)
    
            atag.appendChild(div6)

            wrappertag.appendChild(atag)
            
            let d3 = window.document.createElement('div')
            d3.classList="h-2 w-full bg-white"
            wrappertag.appendChild(d3)
            
            
            let atag3 = window.document.createElement('a')
            atag3.classList="block mt-2 pl-2 pr-2 hover:rounded-bl-md hover:rounded-br-md flex flex-row w-full mr-4"
            atag3.href="#"
            atag3.onclick=()=>{
                putUpVideoV(video.video, video.video_caption, video.str1, i);
            }
            atag3.textContent=video.video_description
         
            wrappertag.appendChild(atag3)
            
            if(email === video.email)
            {
            let div5 = window.document.createElement('div')
            div5.id="vremovediv"    
            div5.classList="rounded-tr-md rounded-br-md block border-2- border-red-500-  mb-4 hover:bg-gray-200-"
            
            
            let atag2 = window.document.createElement('a')
            atag2.id="vremove"
            //atag2.textContent="X"
                atag2.innerHTML="<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-x' viewBox='0 0 16 16'><path d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/></svg>"
            atag2.title="remove the video"
            atag2.onclick=()=>{
                 //alert("vremove, id="+video.str1)
                
                //alert("theScrollPosition="+theScrollPosition)
                rscrollPos = theScrollPosition
                if (confirm('Are you sure you want to remove this video?')) 
                {
                        remove(ref(db, 'users/videoUploads/'+video.str1)).then((text)=>{
                            //alert("theScrollPosition="+theScrollPosition)
                     
                            window.scroll({
                                 top: rscrollPos, 
                                 left: 0, 
                                 behavior: 'smooth'
                            });
                            rscrollPos=0
                            //wrappertag.remove()
                            window.document.getElementById(wrappertag.id).remove()
                            //alert("removed")
                     
                 
                        }).catch(()=>{
                            //alert("This new videomupload quota was not stored.");
                        })
              } 
                
                
                 
                 
            }
            //alert("next")
            atag2.href="#"
            atag2.classList="block rounded-full text-red-500 border-2- border-red-500- h-6 w-6 flex flex-row justify-center items-center"
            
            //div5.appendChild(atag2)
            
            //div1.appendChild(div5)
            
            
            //wrappertag.appendChild(atag2)
            d2.appendChild(wrappertag)
            d2.appendChild(atag2) //the delete button
            d1.appendChild(d2)
            //d4.appendChild(d1)
        } //if(email === video.email)
            
        else {
            d2.appendChild(wrappertag)
            d1.appendChild(d2)
            
        }

          // d4.appendChild(d1)
            console.log("appending right-column-insert entry")
            
            
            //window.document.getElementById('rightColumn').appendChild(wrappertag)
           let el = window.document.querySelector("#rci")
           el.insertBefore(d1, el.firstChild);
            
            
            
            
i=i+1
                
        })
              
          }  
 })
 
 
     }     
         else 
         {
             //alert("about to remove it")
          let myNode = window.document.querySelector("#rci")
          //if(!!myNode === false) alert("null")
                       
                       while (!!myNode && myNode.lastElementChild) 
                       {
                           //alert("it")
                              myNode.removeChild(myNode.lastElementChild);
                       }
                       
            //else myNode.removeChild(myNode.lastElementChild);
                       displayedAlready = false
                         
         }
         
*/}window.loadReplies2=loadReplies2;function getTheProfilePicture(){//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => {
get(ref(db,'users/'+userId+"/profile_picture"),()=>{}).then(ppurl=>{window.document.getElementById("profile-picture-id").setAttribute("src",ppurl.val());profilePicture=ppurl.val();if(videoUpAlready===true){if(window.document.getElementById("cpp").classList.contains('hidden'))window.document.getElementById("cpp").classList.toggle('hidden');window.document.getElementById("cpp").setAttribute("src",ppurl.val());videoUpAlready=false;}});}function getTheUsername(){//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => {
get(ref(db,'users/'+userId+"/username"),()=>{}).then(username=>{gusername=username.val();//alert(username)
});}function restore_last_chosen(){//alert("last_chosen_id="+last_chosen_id)
//if(window.document.querySelector("#"+last_chosen_id).checked===false)
//window.document.querySelector("#"+last_chosen_id).setAttribute("checked",true)
var rbOnRightColumn=document.getElementById(last_chosen_id);rbOnRightColumn.checked=true;let a=last_chosen_id.split("ut");//str. charAt(0)
let ch=a[1].charAt(0);let chi=parseInt(ch);//alert("chi="+chi)
if(chi===1){//text ads
loadVideos2t(true,false);}else if(chi===2){//picture ads
//alert("about to display picture ads")
loadVideos2p(true,false);}else{//video ads
//alert("about to display video ads")
console.log("loadVideos2 3");//alert(2)
loadVideos2(true,false,1);}}// let last_chosen_id;
// let currentPenniesBalance;
// let mycurrentPenniesBalance=0;
// let notEnoughPaidForBytesAvailable=false
function getTheDefaultCategory(){//called in login f
//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => {
get(ref(db,'users/'+userId+"/dc"),()=>{}).then(dc=>{console.log("getTheDefaultCategory, dc="+JSON.stringify(dc));console.log("getTheDefaultCategory, dc.display_default_category="+dc.val().display_default_category);scs.selected_category=dc.val().default_category;scs.display_category=dc.val().display_default_category;currentVideoTitle=scs.selected_category;last_chosen_id=dc.val().tpv_last_chosen_id;//alert("last_chosen_id="+last_chosen_id)
restore_last_chosen();//display videos after login
//window.document.querySelector('#category-name').textContent = dc.val().display_default_category
});}function getTheBalance(){//called in login. function
//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => {
get(ref(db,'users/'+obj.userId2+"/balance"),()=>{}).then(balance=>{console.log("login. getTheBalance, balance.val()="+balance.val());//alert("getTheBalance, balance.val()="+balance.val())
//
console.log("getTheBalance, balance.val()="+balance.val().balance);window.currentPenniesBalance=balance.val();//alert("currentPenniesBalance="+currentPenniesBalance)
get(ref(db,'dataforme/mybalance'),()=>{}).then(mybalance=>{console.log("getMyBalance, mybalance.val()="+mybalance.val());//
//console.log("getTheBalance, balance.val()="+balance.val().balance)
mycurrentPenniesBalance=mybalance.val();//alert("currentPenniesBalance="+currentPenniesBalance)
});});}function getThePictureByteCount(){//called in login. function
get(ref(db,'users/'+obj.userId2+"/picture_byte_count"),()=>{}).then(pbc=>{console.log("getTheVideoByteCount, vbc.val()="+pbc.val());picture_byte_count=pbc.val();});}function getTheVideoByteCount(){//called in login. function
get(ref(db,'users/'+obj.userId2+"/video_byte_count"),()=>{}).then(vbc=>{console.log("getTheVideoByteCount, vbc.val()="+vbc.val());video_byte_count=vbc.val();});}function getTheTotalByteCount(){//called in login. function
get(ref(db,'users/'+obj.userId2+"/total_byte_count"),()=>{}).then(tbc=>{console.log("getTheTotalByteCount, tbc.val()="+tbc.val());total_byte_count=tbc.val();window.document.querySelector("#bytescount").innerHTML=tbc.val();});}function getUserCanceledSubscription(){//called in login. function
get(ref(db,'users/'+obj.userId2+"/usercanceledsubscription"),()=>{}).then(ucs=>{console.log("getTheTotalByteCount, ucs.val()="+ucs.val());usercanceledsubscription=ucs.val();});}function getSubscriptionMadeDt(){//called in login. function
get(ref(db,'users/'+obj.userId2+"/subscriptionmadedt"),()=>{}).then(smdt=>{console.log("getSubscriptionMadeDt, smdt.val()="+smdt.val());subscriptionmadedt=smdt.val();});}function getSubscriptionCanceledDt(){//called in login. function
get(ref(db,'users/'+obj.userId2+"/subscriptioncanceleddt"),()=>{}).then(scdt=>{console.log("getSubscriptionCanceledDt, scdt.val()="+scdt.val());usercanceledsubscription=scdt.val();});}monthly.addEventListener('click',()=>{const v="service";//const v = "data"
//alert("in monthly, v="+v)
const createStripeCheckout2=firebase.functions().httpsCallable('createStripeCheckout2');//const stripe = Stripe('pk_test_51Me387Eh2ArfUd7UfQjaTSBgzmLHAxwLdz94IGNaBYvCRZ9C4yMolXcryM15bpFLgebeI6lpWum57RjZY3kT3Ks700pDRyvnb5')
let ftp=0;if(firsttimepaying2===true){if(firsttimepaying1===true){ftp=1;}else{alert("ftp=2");update(ref(db,'users/'+obj.userId2),{firsttimepaying1:true});ftp=2;}//don't add another 100 mb in the webhook function
}const dt1=new Date();const n1=Date.parse(dt1);//const stripe = Stripe('pk_test_51Me387Eh2ArfUd7UfQjaTSBgzmLHAxwLdz94IGNaBYvCRZ9C4yMolXcryM15bpFLgebeI6lpWum57RjZY3kT3Ks700pDRyvnb5')
const stripe=Stripe('pk_live_51Me387Eh2ArfUd7Ubd1O0HVaszi27iVvkaQwam7LSSIrlDO2W8k2Pcw7YV61OrNpXJsdEMF2GjvoTjgsOvuVX98k00G4fisheg');createStripeCheckout2({userId:window.u,city:thecity,state:thestate,userId:obj.userId2,w:v,n1:n1,ftp:ftp},"").then(response=>{update(ref(db,'users/'+window.u),{session_id_object:response.data.id});stripe.redirectToCheckout({sessionId:response.data.id}).then(o=>{console.log("redirectToCheckout, o="+JSON.stringify(o));}).catch(e=>{console.log("redirectToCheckout, e="+e);});}).catch(e=>{console.log("createStripeCheckout2, e="+e);});});cancelsubscriptionf.addEventListener('click',()=>{//alert("cancelsubscriptionf")
if(window.firsttimepaying2!==true){const cancelTheSubscription=firebase.functions().httpsCallable('cancelTheSubscription');get(ref(db,`users/${obj.userId2}/session_id_object`),()=>{}).then(sio=>{console.log("cancelsubscriptionf, sio.val()="+sio.val());cancelTheSubscription({userId:window.u,session_id:sio.val()},"").then(response=>{//alert("returned from cancelTheSubscription, response.data.id="+response.data.id)
if(response.data.id!==null){//remove everything that userId has from the database
alert("Your monthly subscription is canceled.");/*
          const dt1 = new Date();
          const n1 = Date.parse(dt1)
          update(ref(db, `users/${obj.userId2}`),
		  {
            firstimepaying2: true,
			usercanceledsubscription: true,
			subscriptioncanceleddt:n1,
          })
		  */csdeleteAccountId.click();window.firsttimepaying2=true;return;}else alert("Your monthly subscription did not cancel. Please contact the administrator, John,  at johnslist.org, 775 388 9302");return;}).catch(e=>{console.log("cancelTheSubscription error, e="+e);});});}//if
});cancelsubscriptionf2.addEventListener('click',()=>{//alert("cancelsubscriptionf")
if(window.firsttimepaying2!==true){const cancelTheSubscription=firebase.functions().httpsCallable('cancelTheSubscription');get(ref(db,`users/${obj.userId2}/session_id_object`),()=>{}).then(sio=>{console.log("cancelsubscriptionf, sio.val()="+sio.val());cancelTheSubscription({userId:window.u,session_id:sio.val()},"").then(response=>{//alert("returned from cancelTheSubscription, response.data.id="+response.data.id)
if(response.data.id!==null){//remove everything that userId has from the database
alert("Your monthly subscription is canceled.");/*
          const dt1 = new Date();
          const n1 = Date.parse(dt1)
          update(ref(db, `users/${obj.userId2}`),
		  {
            firstimepaying2: true,
			usercanceledsubscription: true,
			subscriptioncanceleddt:n1,
          })
		  */window.firsttimepaying2=true;return;}else alert("Your monthly subscription did not cancel. Please contact the administrator, John,  at johnslist.org, 775 388 9302");return;});});}//if
});function getFirstTimePaying(){//called in login. function
//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => {
get(ref(db,'users/'+obj.userId2+"/firsttimepaying1"),()=>{}).then(firsttimepaying=>{window.firsttimepaying1=firsttimepaying.val();//alert("login. firsttimepaying1="+firsttimepaying1)
//buy30daysofadstorage
if(window.firsttimepaying1===false){//if(!window.document.querySelector("#buy30daysofadstorage").classList.contains("hidden"))
//window.document.querySelector("#buy30daysofadstorage").classList.add("hidden")
}});get(ref(db,'users/'+obj.userId2+"/firsttimepaying2"),()=>{}).then(firsttimepaying=>{window.firsttimepaying2=firsttimepaying.val();if(window.firsttimepaying2===false){let r=window.document.querySelector("#buysubscription30daysofadstorage").classList.contains("hidden");//alert("r="+r)
if(!r){window.document.querySelector("#buysubscription30daysofadstorage").classList.add("hidden");}}else{let r=window.document.querySelector("#buysubscription30daysofadstorage").classList.contains("hidden");if(!!r){window.document.querySelector("#buysubscription30daysofadstorage").classList.remove("hidden");}}});}/*
function getMyBalance() {//called in login f

//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => {
    get(ref(db, '/mybalance'), () => {
    
       
    
        }).then((mybalance)=>{
        console.log("getMyBalance, mybalance.val()="+mybalance.val())
        //
        //console.log("getTheBalance, balance.val()="+balance.val().balance)
        mycurrentPenniesBalance = mybalance.val()
        //alert("currentPenniesBalance="+currentPenniesBalance)
        
 
    })
  
}
*/function getTheGrandTotalBytesUploaded(){//called in login f
//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => {
get(ref(db,'users/'+userId+"/grandTotalBytesUploaded"),()=>{}).then(gtbu=>{console.log("getTheBalance, gtbu.val()="+gtbu.val());//
//console.log("getTheBalance, balance.val()="+balance.val().balance)
grandTotalBytesUploaded=gtbu.val();//alert("currentPenniesBalance="+currentPenniesBalance)
});}function getTheProfilePictureComment(){//onValue(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => {
get(ref(db,'users/'+userId+"/profile_picture"),()=>{profilePicture=snapshot.val();window.document.getElementById("comment-profile-picture-id").setAttribute("src",snapshot.val());}).then(ppurl=>{profilePicture=ppurl.val();window.document.getElementById("comment-profile-picture-id").setAttribute("src",ppurl.val());}).catch(error=>{});}function loadComments2(userId,commentString,iv){onValue(ref(db,'users/'+userId+`/${scs.selected_category}/`+currentVideoTitle),snapshot=>{//get(ref(db, 'users/' +userId+"/"+currentVideoTitle), (snapshot) => {
let n=0;let commentsandreplies=[];let theCommentsWithReplies=[];theReplies=[];theComments=[];//const commentsandreplies = []
let i=0;if(!!snapshot.val()){snapshot.forEach(childSnapshot=>{if(!!childSnapshot.val().comment_structure){//console.log("childSnapshot.val().comment_structure="+JSON.stringify(childSnapshot.val().comment_structure))
commentsandreplies.push({id:childSnapshot.key,comment:childSnapshot.val().comment_structure//replies: childSnapshot.val().comment_structure.replies
//...childSnapshot.val().comment_structure
});}});//console.log("commentsandreplies.length="+commentsandreplies.length)
if(commentsandreplies.length>0){//theComment = !!comments[0].comment.comment?comments[0].comment.comment:''
for(let k=0;k<commentsandreplies.length;k++){let comment=commentsandreplies[k].comment.comment;if(!!commentsandreplies[k].comment.replies){//let comment = commentsandreplies[k].comment.comment
theComments.push(comment);let replies=commentsandreplies[k].comment.replies;//console.log("b replies="+JSON.stringify(replies))
let array=Object.keys(replies);for(j=0;j<array.length;j++){theReplies.push(replies[array[j]].reply);}if(commentString===comment)theCommentsWithReplies.push({comment:comment,replies:theReplies});theReplies=[];console.log("z theCommentsWithReplies="+JSON.stringify(theCommentsWithReplies,null,4));}else{theComments.push(comment);if(commentString===comment){//alert("adding the comment to the theCommentsWithReplies array wher replies is []")
theCommentsWithReplies.push({comment:comment,replies:[]});}}if(commentString===commentsandreplies[k].comment.comment){const wcr=window.document.createElement('div');wcr.classList="flex flex-col divide-y-2 divide-[#FFD700]";const rdiv=window.document.createElement('div');//alert("about to appendChild comment, comment="+commentsandreplies[k].comment.comment)
//alert("theCommentsWithReplies.comment="+theCommentsWithReplies.comment)
rdiv.classList="pt-2 pb-2";rdiv.textContent=commentsandreplies[k].comment.comment;wcr.appendChild(rdiv);console.log("theCommentsWithReplies[n].replies="+JSON.stringify(theCommentsWithReplies[n].replies));if(!!theCommentsWithReplies[n].replies)if(theCommentsWithReplies[n].replies.length>0){//alert("their are replies")
const wreplies=window.document.createElement('div');wreplies.classList="flex flex-col divide-y-2 divide-[#FFD700]";theCommentsWithReplies[n].replies.forEach(el=>{//window.document.getElementById("rbuttonsParentId-"+iv).appendChild(el) //fl3wrapperDiv
const divEl=window.document.createElement('div');divEl.classList="pt-2 pb-2";divEl.textContent=el;wreplies.appendChild(divEl);});wcr.appendChild(wreplies);//fl4wrapperDiv.appendChild(wcr)
window.document.getElementById("srbuttonsParentId-"+iv).appendChild(wcr);n=n+1;}else{//alert("their are not any replies")
}}}//for
}//if length check
//console.log("key 1 = "+array[0])
//console.log("key 2 = "+array[1])
//console.log(replies[array[0]].reply)
//console.log(replies[array[1]].reply)
}},{onlyOnce:true}).then(d=>{});//alert("loadComments2, end")
}function loadPictures(){//alert("in loadPictures")
onValue(ref(db,`users/${scs.selected_category}/pictureUploads/`),snapshot=>{const pictures=[];if(!!snapshot.val()){console.log("n loadPictures(u), snapshot.val()="+JSON.stringify(snapshot.val(),null,4));const videoIds=Object.keys(snapshot.val());snapshot.forEach(childSnapshot=>{//console.log("n loadComments(userId), childSnapshot.val()="+JSON.stringify(childSnapshot.val(), null, 4))
if(!!childSnapshot.val()){//if A
let ok=Object.keys(childSnapshot.val());//console.log("ok.length="+ok.length)
console.log("ok="+JSON.stringify(ok));//console.log("ok[0]="+ok[0])
for(let t=0;t<ok.length;t++){if(!!childSnapshot.val()[ok[t]])//ok[t] is a video id
{pictures.push({email:childSnapshot.val()['email'],profile_picture:childSnapshot.val()['profile_picture'],userId:childSnapshot.val()['userId'],str1:ok[t],picture:snapshot.val()[ok[t]]['picture'],picture_caption:childSnapShot.val()['picture_caption'],picture_description:childSnapShot.val()['picture_description'],picture_storage_time:childSnapShot.val()['picture_storage_time']});}//if
}//for
}//if A
});console.log("pictures.length="+pictures.length);console.log("pictures="+JSON.stringify(pictures,null,4));}//if(!!snapshot.val()) {
});}let theComments=[];let theReplies=[];let theCommentsWithReplies2=[];let uploadactive=false;function loadComments(userId){//alert("in loadComments, currentVideoTitle="+currentVideoTitle)
theCommentsWithReplies2=[];get(ref(db,'users/'),()=>{}).then(datain1=>{const commentsandreplies=[];let i=0;let m=0;let userIds;if(!!datain1.val()){console.log("n loadComments(userId), datain1.val()="+JSON.stringify(datain1.val(),null,4));userIds=Object.keys(datain1.val());//console.log("userIds.length="+userIds.length)
//console.log("userIds[0]="+userIds[0])
//console.log("userIds[1]="+userIds[1])
//console.log("n loadComments(userId), snapshot.val()="+JSON.stringify(snapshot.val(), null, 4))
datain1.forEach(childSnapshot=>{//console.log("n loadComments(userId), childSnapshot.val()['profile_picture']="+JSON.stringify(childSnapshot.val()['profile_picture'], null, 4))
if(!!childSnapshot.val()[currentVideoTitle]){//if A
let ok=Object.keys(childSnapshot.val()[currentVideoTitle]);//console.log("ok.length="+ok.length)
//console.log("ok="+JSON.stringify(ok))
//console.log("ok[0]="+ok[0])
for(let t=0;t<ok.length;t++){if(!!childSnapshot.val()[currentVideoTitle][ok[t]])if(!!childSnapshot.val()[currentVideoTitle][ok[t]].comment_structure){commentsandreplies.push({username:childSnapshot.val()['username'],email:childSnapshot.val()['email'],profile_picture:childSnapshot.val()['profile_picture'],userId:userIds[m],str1:ok[t],comment:childSnapshot.val()[currentVideoTitle][ok[t]].comment_structure});}//if
}//for
}//if A
m=m+1;});console.log("ZZ commentsandreplies.length="+commentsandreplies.length);console.log("ZZ commentsandreplies="+JSON.stringify(commentsandreplies,null,4));}//if(!!datain1.val()) {
if(seeRepliesIsOpen===false){window.document.getElementById("seeRepliesButtonId").textContent="Close the Comments and Replies";if(!!window.document.querySelector("#see-commentsandreplies")&&window.document.querySelector("#see-commentsandreplies").children.length>0){let currentElement=window.document.getElementById("see-commentsandreplies").firstElementChild;if(currentElement!=null){while(!!currentElement.nextElementSibling){currentElement.nextElementSibling.remove();}}}for(let n=0;n<commentsandreplies.length;n++){get(ref(db,'users/'+commentsandreplies[n].userId),()=>{}).then(datain2=>{let group=window.document.createElement('div');group.id="group-"+n;group.classList="flex flex-col rounded-md border-2 border-[#FFD700] mb-4 pb-4 pl-4 pr-4 pt-4 divide-y-2 divide-[#FFD700]";//relative w-full pb-[56.25%] h-0
//absolute top-0 left-0 w-full h-full'
//the loggedin user's image and comment at the top 
let imageCommentGroup4=window.document.createElement('div');imageCommentGroup4.classList="flex flex-col";//image and comment on the same line
let imageCommentGroup=window.document.createElement('div');imageCommentGroup.classList="mb-2 flex flex-row items-center-";//image and comment on the same line
let g1=window.document.createElement('div');g1.classList="flex flex-col ml-4";//image and comment on the same line
let pimg=document.createElement('img');pimg.id="iccimgid-"+n;pimg.src=datain2.val()['profile_picture'];pimg.classList="w-11 h-11 rounded-full";imageCommentGroup.appendChild(pimg);const usernameDiv2=window.document.createElement('div');usernameDiv2.textContent=commentsandreplies[n].username;g1.appendChild(usernameDiv2);const emailDiv2=window.document.createElement('div');emailDiv2.textContent=commentsandreplies[n].email;g1.appendChild(emailDiv2);imageCommentGroup.appendChild(g1);imageCommentGroup4.appendChild(imageCommentGroup);let commentDivEl=window.document.createElement('div');commentDivEl.classList="pt-2- pb-2 ml-[60px]";//KEEP THE FOLLOWING COMMENT LINE IN IF YOU NEED TO SEE THE USER'S ID uncomment it and 
//comment the other line out that is right below it
//commentDivEl.textContent = commentsandreplies[n].userId+" "+commentsandreplies[n].comment.comment
commentDivEl.textContent=commentsandreplies[n].comment.comment;imageCommentGroup4.appendChild(commentDivEl);///////////////////////////////////////////////////////////////////       
///////////////////////////////////////////////////////////////////            
//group.appendChild(divEl)
group.appendChild(imageCommentGroup4);const rowit3=window.document.createElement('div');rowit3.classList="flex flex-row justify-between items-center flex-wrap";const replyGroup=window.document.createElement('div');replyGroup.id="zreplyGroupId-"+n;replyGroup.classList="hidden mb-4 mt-4 p-4 border-2 border-[#FFD700] rounded-md mb-4- bg-green-300";const rgb=window.document.createElement('button');rgb.id="zrgbId-"+n;rgb.classList="w-60 p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100 my-4";rgb.textContent="Open the Reply Dialog";rgb.onclick=()=>{rgb.classList.toggle("hidden");let iv=parseInt(rgb.id.split('-')[1]);window.document.querySelector("#zreplyGroupId-"+n).classList.toggle("hidden");};rowit3.appendChild(rgb);group.appendChild(rowit3);const removeButton=window.document.createElement('button');removeButton.id="cremoveButtonId-"+n;removeButton.classList="w-60 block border-2 border-[#FFD700] p-2 rounded-md hover:bg-yellow-300 bg-yellow-100 my-4";removeButton.type="button";removeButton.textContent="Remove the Comment";removeButton.onclick=function(){//1
if(confirm('Are you sure you want to remove this comment?')){//this.parentElement.parentElement.remove();
window.document.querySelector("#group-"+n).remove();remove(ref(db,"users/"+userId+"/"+currentVideoTitle+"/"+commentsandreplies[n].str1)).then(()=>{alert("The comment was removed successfully.");}).catch(()=>{alert("The comment was NOT removed.");});}};//1
if(userId===commentsandreplies[n].userId){rowit3.appendChild(removeButton);group.appendChild(rowit3);}const replyButton=window.document.createElement('button');replyButton.id="zReplyButtonId-"+n;replyButton.classList="p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";replyButton.textContent="Reply";replyButton.onclick=()=>{//alert("Reply")
//push the reply to this user: let iv = replyButton.id.split('-')[1] and BeBest
//it will create the id and comment_structure
//
let iv=parseInt(replyButton.id.split('-')[1]);window.document.querySelector("#zreplyGroupId-"+iv).classList.toggle("hidden");//window.document.querySelector("#zrinputElId-"+iv).classList.toggle("hidden")
const theReply=window.document.getElementById("zrinputElId-"+iv).value.trim();if(theReply===''){alert("Please enter a reply message that has 1 or more characters.");return;}//alert("about to reshow the O reply button")
window.document.querySelector("#zrgbId-"+iv).classList.toggle("hidden");//alert("about to hide the replyGroup")
//window.document.querySelector("#zreplyGroupId-"+iv).remove()
//alert("theReply="+theReply)
//const theReply = "the reply"
console.log("currentVideoTitle="+currentVideoTitle);console.log("commentsandreplies[iv].str1="+commentsandreplies[iv].str1);//push(ref(db, 'users/'+commentsandreplies[iv].userId+"/"+currentVideoTitle+"/"+commentsandreplies[iv].str1+"/comment_structure/replies"), {userId:userId, reply: userId +" "+ theReply, profile_picture:profilePicture}).then((text)=>{
push(ref(db,'users/'+commentsandreplies[iv].userId+`/${scs.selected_category}/`+currentVideoTitle+"/"+commentsandreplies[iv].str1+"/comment_structure/replies"),{userId:userId,reply:theReply,profile_picture:profilePicture}).then(text=>{alert("The reply was saved.");});//const gdivEl = window.document.createElement('div')
//gdivEl.classList = "pt-2 pb-2"
//gdivEl.textContent=userId +" "+ theReply
//group.appendChild(gdivEl)
let imageCommentGroup4=window.document.createElement('div');imageCommentGroup4.classList="flex flex-col ml-8- mt-4 bg-green-100";//image and comment on the same line
//diplay the profile picture and the text immediatelyr
let imageCommentGroup3=window.document.createElement('div');imageCommentGroup3.classList="my-2 flex flex-row items-center";//image and comment on the same line
let divColumn1=window.document.createElement('div');divColumn1.classList="ml-4 flex flex-col rounded-md";let pimg3=document.createElement('img');pimg3.id="zziccimgid-"+n;pimg3.src=profilePicture;pimg3.classList="w-11 h-11 rounded-full";imageCommentGroup3.appendChild(pimg3);let divUsername=window.document.createElement('div');divUsername.classList="";divUsername.textContent=gusername;divColumn1.appendChild(divUsername);let divEmail=window.document.createElement('div');divEmail.classList="";divEmail.textContent=email;divColumn1.appendChild(divEmail);imageCommentGroup3.appendChild(divColumn1);imageCommentGroup4.appendChild(imageCommentGroup3);let gdivEl=window.document.createElement('div');gdivEl.classList="pt-2 pb-2 ml-[60px]";//KEEP the commented line in case you need it again for de-erroring the code
//gdivEl.textContent = userId +" "+ theReply
gdivEl.textContent=theReply;imageCommentGroup4.appendChild(gdivEl);//group.appendChild(divEl)
group.appendChild(imageCommentGroup4);};let rinputEl=window.document.createElement("input");rinputEl.type="text";rinputEl.id="zrinputElId-"+n;rinputEl.value="";rinputEl.placeholder="Reply Message";rinputEl.classList="hidden- mb-4 pl-4 bg-white focus:outline-none rounded-md border-2 border-[#FFD700] w-full py-2";rinputEl.setAttribute("maxlength","256");replyGroup.appendChild(rinputEl);const rowIt2=window.document.createElement('div');rowIt2.classList="flex flex-row justify-between items-center";rowIt2.appendChild(replyButton);/////////////////////////////
const replyWithPictureButton=window.document.createElement('button');replyWithPictureButton.id="zReplyWithPictureButtonId-"+n;replyWithPictureButton.classList="p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";replyWithPictureButton.textContent="1 Upload Picture";replyWithPictureButton.onclick=()=>{get(ref(db,'dataforme/quotapicture'),()=>{}).then(d=>{quotapicture=parseInt(d.val());console.log("type of quotapicture is "+typeof quotapicture);console.log("quotapicture="+quotapicture);get(ref(db,'users/'+userId+'/picture_upload_count'),()=>{}).then(d=>{cpuploadcount=parseInt(d.val());console.log("type of cpuploadcount is "+typeof cpuploadcount);console.log("cpuploadcount="+cpuploadcount);if(cpuploadcount>=quotapicture){alert("The picture upload quota is reached. Returning ...");return;}else{let iv2=parseInt(replyWithPictureButton.id.split('-')[1]);const columnIt1=window.document.createElement('div');columnIt1.classList="flex flex-col pl-4 pr-4 pb-4 pt-4 h-[125px] justify-between border-2- border-red-500- bg-white rounded-md border-2 border-[#FFD700] mt-4";const rowIt4=window.document.createElement('div');rowIt4.classList="flex flex-row justify-between items-center";const updiv=window.document.createElement('div');updiv.id="uploadPictureId-"+n;//the video one is wrong
//updiv.classList="h-11 w-11 border-2 border-red-500"
//updiv.classList = "hidden lg:hidden lg:flex lg:flex-row lg:justify-center lg:items-center p-4 bg-green-700"              
rowIt4.appendChild(updiv);const progressEl=window.document.createElement('progress');//progressEl.classList="p-2"
progressEl.value="0";progressEl.max="100";//progressEl.id="uploadVideoUploader-"+n
progressEl.id="uploadPictureUploader";progressEl.textContent="0%";rowIt4.appendChild(progressEl);const z1inputEl=window.document.createElement('input');z1inputEl.type="file";//z1inputEl.value = "upload"
z1inputEl.accept=".jpg,.png";z1inputEl.id="uploadPictureFileButton";//+n
z1inputEl.onchange=()=>{//alert("picture upload")
};z1inputEl.addEventListener('change',e=>{//alert("listener")
// what happened
console.log('file upload event',e);// get file
var file=e.target.files[0];const size_limit=5*1024*1024;//if(file.size > size_limit) {
//     alert("The file size is too big. It needs to be less than "+size_limit+" bytes, 1 mega byte.")
//      return
//}
storage=getStorage(app);console.log("file.name="+file.name);// create a storage ref, Quinton Price on stackoverflow, sRef resolution https://stackoverflow.com/questions/70297884/typeerror-db-checknotdeleted-is-not-a-function-when-creating-a-storage-ref-o
var storageRef=sRef(storage,`images/${userId}/`+file.name);// upload file
//var uploadTask = storageRef.put(file);
const uploadTask=uploadBytesResumable(storageRef,file);// The part below is largely copy-pasted from the 'Full Example' section from
// https://firebase.google.com/docs/storage/web/upload-files
// update progress bar
uploadTask.on('state_changed',snapshot=>{// Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
var progress=snapshot.bytesTransferred/snapshot.totalBytes*100;//window.document.getElementById("uploadVideoUploader-"+iv2).value = Math.round(progress);
uploadPictureUploader.value=Math.round(progress);console.log('Upload is '+progress+'% done');switch(snapshot.state){case'paused':// or 'paused'
console.log('Upload is paused');break;case'running':// or 'running'
console.log('Upload is running');break;}},error=>{// A full list of error codes is available at
// https://firebase.google.com/docs/storage/web/handle-errors
switch(error.code){case'storage/unauthorized':// User doesn't have permission to access the object
break;case'storage/canceled':// User canceled the upload
break;case'storage/unknown':// Unknown error occurred, inspect error.serverResponse
break;}},()=>{getDownloadURL(storageRef).then(url=>{console.log("URL",url);//new Date()
//commentsandreplies[iv2].profile_picture
//console.log("iv2="+iv2+", currentVideoTitle="+currentVideoTitle+", str1="+commentsandreplies[iv2].str1)
//alert("iv="+iv+", currentVideoTitle="+currentVideoTitle+", str1="+commentsandreplies[iv].str1)
const dt=JSON.stringify(new Date());//console.log("reply one, dt="+dt)
const picture_caption=window.document.getElementById("comment_for_the_picture-"+iv2).value.trim();if(picture_caption.length===0){alert("Aborting, their needs to be at least one character entered for the picture caption.");return;}//alert("picture_caption="+picture_caption)
push(ref(db,'users/'+commentsandreplies[iv2].userId+`/${scs.selected_category}/`+currentVideoTitle+"/"+commentsandreplies[iv2].str1+"/comment_structure/replies"),{userId:userId,picture:url,picture_storage_time:dt,profile_picture:profilePicture,picture_caption:picture_caption}).then(text=>{cpuploadcount=cpuploadcount+1;set(ref(db,'users/'+userId+"/picture_upload_count"),cpuploadcount).then(text=>{//alert("This new picture upload quota is stored.")
}).catch(()=>{//alert("This new picture upload quota was not stored.")
});//alert("The picture reply was saved successfully.")
let columnGroup=window.document.createElement('div');columnGroup.classList="flex flex-col bg-green-100";const rowIt5=window.document.createElement('div');rowIt5.classList="w-full h-auto mt-4 ml-4 mr-4- flex flex-row justify-center items-center border-2- border-red-500- rounded-md";let pimg3=document.createElement('img');pimg3.id="pictureimgid-"+n;pimg3.src=profilePicture;pimg3.classList="w-11 h-11 rounded-full mt-4";columnGroup.appendChild(pimg3);/////////////////////
/////////////////////
/////////////////////
const pictureDiv=window.document.createElement('img');pictureDiv.src=url;pictureDiv.classList="w-full h-auto ml-4- mt-4 mr-4 object-contain rounded-md";//pictureDiv.classList="ml-4 mr-4 rounded-md absolute top-0- left-0 w-full h-full"
//relative w-full pb-[56.25%] h-0
//absolute top-0 left-0 w-full h-full'
//console.log("url="+url)
//const img1 = window.document.getElementById("img1")
//////////////////////
columnGroup.appendChild(pictureDiv);//columnGroup.appendChild(rowIt5)
let ppc=document.createElement('div');ppc.id="_zpicture_caption-"+n;ppc.textContent=picture_caption;ppc.classList="mt-4 p-2 rounded-md ml-16- w-full flex flex-row flex-wrap justify-center items-center";columnGroup.appendChild(ppc);//ppp
group.appendChild(columnGroup);columnIt1.remove();});}).catch(error=>{});});// or 'state_changed'
});rowIt4.appendChild(z1inputEl);const closeUploadDialogButton=window.document.createElement('button');closeUploadDialogButton.textContent="Close";closeUploadDialogButton.classList="w-full p-2 rounded-md hover:bg-yellow-500 border-2 border-[#FFD700] bg-yellow-100";closeUploadDialogButton.onclick=()=>{//alert("onclick closeUploadDialogButton ")
//uploadactive = false
columnIt1.remove();};columnIt1.appendChild(rowIt4);//alert("closeUploadDialogButton is about to be put onto columnIt1")
//rowIt2.appendChild(rowIt4) 
const comment_for_the_picture=window.document.createElement('input');comment_for_the_picture.setAttribute("maxlength","256");comment_for_the_picture.type="text";comment_for_the_picture.placeholder="Picture Caption";comment_for_the_picture.classList="rounded-md p-2 focus:outline-none bg-gray-200";comment_for_the_picture.id="comment_for_the_picture-"+n;//+n  
columnIt1.appendChild(comment_for_the_picture);//columnIt1.appendChild(closeUploadDialogButton)
replyGroup.appendChild(columnIt1);//group.appendChild(rowIt5)
}});});};//pclickpclick
//replyGroup.appendChild(replyCloseButton)
rowIt2.appendChild(replyWithPictureButton);////////////////////////////
/////////////////////////////
/////////////////////////////
/////////////////////////////
const replyWithVideoButton=window.document.createElement('button');replyWithVideoButton.id="zReplyWithVideoButtonId-"+n;replyWithVideoButton.classList="p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";replyWithVideoButton.textContent="Upload Video";replyWithVideoButton.onclick=()=>{get(ref(db,'dataforme/quotavideo'),()=>{}).then(d=>{quotavideo=parseInt(d.val());console.log("type of quotavideo is "+typeof quotavideo);console.log("quotavideo="+quotavideo);get(ref(db,'users/'+window.u+'/video_upload_count'),()=>{}).then(d=>{cvuploadcount=parseInt(d.val());console.log("type of cvuploadcount is "+typeof cvuploadcount);console.log("cvuploadcount="+cvuploadcount);if(cvuploadcount>=quotavideo){alert("The video upload quota is reached. Returning ...");return;}else{let iv2=parseInt(replyWithVideoButton.id.split('-')[1]);const columnIt1=window.document.createElement('div');columnIt1.classList="flex flex-col pl-4 pr-4 pb-4 pt-4 h-[125px] justify-between border-2- border-red-500- bg-white rounded-md border-2 border-[#FFD700] mt-4";const rowIt4=window.document.createElement('div');rowIt4.classList="flex flex-row justify-between items-center  border-2- border-red-500-";const updiv=window.document.createElement('div');updiv.id="uploadPictureId-"+n;//updiv.classList="h-11 w-11 border-2 border-red-500"
//updiv.classList = "hidden lg:hidden lg:flex lg:flex-row lg:justify-center lg:items-center p-4 bg-green-700"              
rowIt4.appendChild(updiv);const progressEl=window.document.createElement('progress');//progressEl.classList="p-2"
progressEl.value="0";progressEl.max="100";//progressEl.id="uploadVideoUploader-"+n
progressEl.id="uploadVideoUploader";progressEl.textContent="0%";rowIt4.appendChild(progressEl);const z1inputEl=window.document.createElement('input');z1inputEl.type="file";//z1inputEl.value = "upload"
z1inputEl.accept=".mp4";z1inputEl.id="uploadVideoFileButton";//+n
z1inputEl.onchange=()=>{//alert("video upload")
};z1inputEl.addEventListener('change',e=>{//alert("listener")
// what happened
console.log('file upload event',e);// get file
var file=e.target.files[0];const size_limit=5*1024*1024;//if(file.size > size_limit) {
//     alert("The file size is too big. It needs to be less than "+size_limit+" bytes, 1 mega byte.")
//      return
//}
storage=getStorage(app);console.log("file.name="+file.name);// create a storage ref, Quinton Price on stackoverflow, sRef resolution https://stackoverflow.com/questions/70297884/typeerror-db-checknotdeleted-is-not-a-function-when-creating-a-storage-ref-o
var storageRef=sRef(storage,`images/${userId}/`+file.name);// upload file
//var uploadTask = storageRef.put(file);
const uploadTask=uploadBytesResumable(storageRef,file);// The part below is largely copy-pasted from the 'Full Example' section from
// https://firebase.google.com/docs/storage/web/upload-files
// update progress bar
uploadTask.on('state_changed',snapshot=>{// Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
var progress=snapshot.bytesTransferred/snapshot.totalBytes*100;//window.document.getElementById("uploadVideoUploader-"+iv2).value = Math.round(progress);
uploadVideoUploader.value=Math.round(progress);console.log('Upload is '+progress+'% done');switch(snapshot.state){case'paused':// or 'paused'
console.log('Upload is paused');break;case'running':// or 'running'
console.log('Upload is running');break;}},error=>{// A full list of error codes is available at
// https://firebase.google.com/docs/storage/web/handle-errors
switch(error.code){case'storage/unauthorized':// User doesn't have permission to access the object
break;case'storage/canceled':// User canceled the upload
break;case'storage/unknown':// Unknown error occurred, inspect error.serverResponse
break;}},()=>{getDownloadURL(storageRef).then(url=>{console.log("URL",url);//new Date()
//commentsandreplies[iv2].profile_picture
//console.log("iv2="+iv2+", currentVideoTitle="+currentVideoTitle+", str1="+commentsandreplies[iv2].str1)
//alert("iv="+iv+", currentVideoTitle="+currentVideoTitle+", str1="+commentsandreplies[iv].str1)
const dt=JSON.stringify(new Date());//console.log("reply one, dt="+dt)
const video_caption=window.document.getElementById("comment_for_the_video-"+iv2).value;//alert("video_caption="+video_caption)
push(ref(db,'users/'+commentsandreplies[iv2].userId+`/${scs.selected_category}/`+currentVideoTitle+"/"+commentsandreplies[iv2].str1+"/comment_structure/replies"),{userId:userId,video:url,video_storage_time:dt,profile_picture:profilePicture,video_caption:video_caption}).then(text=>{cvuploadcount=cvuploadcount+1;set(ref(db,'users/'+window.u+"/video_upload_count"),cvuploadcount).then(text=>{//alert("This new video upload quota is stored.")
}).catch(()=>{alert("This new video upload quota was not stored.");});//////////////////////////////////////////////////////////
//diplay the profile picture and the text immediatelyr
//let imageCommentGroup3 = window.document.createElement('div')
//imageCommentGroup3.classList = "ml-8 my-2 flex flex-row items-center" //image and comment on the same line
//ppz
let columnGroup2=window.document.createElement('div');columnGroup2.classList="flex flex-col bg-green-100";const rowIt5=window.document.createElement('div');rowIt5.classList="mt-4 ml-4 mr-[1.4rem]- flex flex-row justify-start items-center border-2- border-red-500-";let pimg3=document.createElement('img');pimg3.id="videoimgid-"+n;pimg3.src=profilePicture;pimg3.classList="w-11 h-11 rounded-full mt-4";columnGroup2.appendChild(pimg3);/////////////////////////////////////////////////////////
//alert("The picture reply was saved successfully.")
const videoDiv=window.document.createElement('video');videoDiv.classList="ml-4- mt-4 w-full border-2- border-purple-500- object-cover- rounded-md";videoDiv.width="680";videoDiv.height="560";videoDiv.controls=true;//videoDiv.autoplay=true
//videoDiv.muted=true
const sourceVideo=window.document.createElement('source');sourceVideo.src=url;sourceVideo.type="video/mp4";videoDiv.appendChild(sourceVideo);columnGroup2.appendChild(videoDiv);//columnGroup2.appendChild(rowIt5)
let vpc=document.createElement('div');vpc.id="_zvideo_caption-"+n;vpc.textContent=video_caption;vpc.classList="mt-4 p-2 rounded-md ml-16- flex flex-row flex-wrap justify-center items-center";columnGroup2.appendChild(vpc);//ppp
group.appendChild(columnGroup2);columnIt1.remove();});}).catch(error=>{});});// or 'state_changed'
});rowIt4.appendChild(z1inputEl);const closeUploadDialogButton=window.document.createElement('button');closeUploadDialogButton.textContent="Close";closeUploadDialogButton.classList="w-full mt-4 p-2 rounded-md hover:bg-yellow-500 border-2 border-[#FFD700] bg-yellow-100";closeUploadDialogButton.onclick=()=>{//alert("onclick closeUploadDialogButton ")
//uploadactive = false
columnIt1.remove();};columnIt1.appendChild(rowIt4);//alert("closeUploadDialogButton is about to be put onto columnIt1")
//rowIt2.appendChild(rowIt4) 
const comment_for_the_video=window.document.createElement('input');comment_for_the_video.setAttribute("maxlength","256");comment_for_the_video.type="text";comment_for_the_video.placeholder="Video Caption";comment_for_the_video.classList="mt-4 rounded-md p-2 focus:outline-none bg-gray-200";comment_for_the_video.id="comment_for_the_video-"+n;//+n  
columnIt1.appendChild(comment_for_the_video);//columnIt1.appendChild(closeUploadDialogButton)
replyGroup.appendChild(columnIt1);//group.appendChild(rowIt5)
}});});};//clickclick
//replyGroup.appendChild(replyCloseButton)
rowIt2.appendChild(replyWithVideoButton);////////////////////////////
const replyCloseButton=window.document.createElement('button');replyCloseButton.id="zReplyCloseButtonId-"+n;replyCloseButton.classList="p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";replyCloseButton.textContent="Close";replyCloseButton.onclick=()=>{window.document.querySelector("#zreplyGroupId-"+n).classList.toggle("hidden");window.document.querySelector("#zrgbId-"+n).classList.toggle("hidden");};//replyGroup.appendChild(replyCloseButton)
rowIt2.appendChild(replyCloseButton);replyGroup.appendChild(rowIt2);group.appendChild(replyGroup);//replyGroup.appendChild(rgb)
//group.appendChild(replyGroup)
//pzp2
let ok2;if(!!commentsandreplies[n].comment.replies){ok2=Object.keys(commentsandreplies[n].comment.replies);console.log("ok2="+JSON.stringify(ok2,null,4));//console.log(commentsandreplies[n].comment.replies[ok2[0]].reply)
ok2.forEach(id=>{if(!!commentsandreplies[n].comment.replies[id].video){let columnGroup2=window.document.createElement('div');columnGroup2.classList="flex flex-col bg-green-100";let imageCommentGroup2=window.document.createElement('div');//imageCommentGroup2.classList = "ml-4 mt-4 mb-2- flex flex-row justify-start items-center" //image and comment on the same line
imageCommentGroup2.classList="w-[680px]- h-[560px]- w-full h-auto mt-4 ml-4 mr-8 flex flex-row justify-center items-center border-2- border-red-500- rounded-md";let pimg2=document.createElement('img');pimg2.id="ziccimgid-"+n;pimg2.src=commentsandreplies[n].comment.replies[id].profile_picture;pimg2.classList="block w-11 h-11 rounded-full mt-4";//imageCommentGroup2.appendChild(pimg2)
columnGroup2.appendChild(pimg2);const videoDiv=window.document.createElement('video');//videoDiv.classList="ml-4 object-cover"
videoDiv.classList="w-full h-auto ml-4- mr-4 mt-4 block border-2- border-purple-500- object-contain rounded-md";videoDiv.width="680";videoDiv.height="560";videoDiv.controls=true;//videoDiv.autoplay=true
//videoDiv.muted=true
//videoDiv.fullscreen=true
const sourceVideo=window.document.createElement('source');sourceVideo.src=commentsandreplies[n].comment.replies[id].video;sourceVideo.type="video/mp4";videoDiv.appendChild(sourceVideo);columnGroup2.appendChild(videoDiv);//imageCommentGroup2.appendChild(videoDiv)
//columnGroup2.appendChild(imageCommentGroup2)
let vpc=document.createElement('div');vpc.id="zvideo_caption-"+n;vpc.textContent=commentsandreplies[n].comment.replies[id].video_caption;console.log("commentsandreplies[n].comment.replies[id].video_caption="+commentsandreplies[n].comment.replies[id].video_caption);vpc.classList="mt-4 p-2 rounded-md ml-16- flex flex-row flex-wrap justify-center items-center";columnGroup2.appendChild(vpc);//group.appendChild(divEl)
//zpz
group.appendChild(columnGroup2);}else if(!!commentsandreplies[n].comment.replies[id].picture){let columnGroup=window.document.createElement('div');columnGroup.classList="flex flex-col bg-green-100";let imageCommentGroup2=window.document.createElement('div');imageCommentGroup2.classList="w-[680px]- h-[560px]- w-full h-auto mt-4 ml-4 mr-8 flex flex-row justify-center items-center border-2- border-red-500- rounded-md";//image and comment on the same line
let pimg2=document.createElement('img');pimg2.id="ziccimgid-"+n;pimg2.src=commentsandreplies[n].comment.replies[id].profile_picture;pimg2.classList="w-11 h-11 rounded-full block mt-4";//here
columnGroup.appendChild(pimg2);let imgEl1=window.document.createElement('img');//imgEl1.classList="block pt-2 pb-2 ml-4 block w-[690px] h-[560px] object-contain"
imgEl1.classList="w-full h-auto ml-4- mt-4 mr-4 block border-2- border-purple-500- object-contain rounded-md";imgEl1.src=commentsandreplies[n].comment.replies[id].picture;columnGroup.appendChild(imgEl1);//columnGroup.appendChild(imageCommentGroup2) 
let ppc=document.createElement('div');ppc.id="zpicture_caption-"+n;ppc.textContent=commentsandreplies[n].comment.replies[id].picture_caption;console.log("commentsandreplies[n].comment.replies[id].video_caption="+commentsandreplies[n].comment.replies[id].video_caption);ppc.classList="mt-4 p-2 rounded-md ml-16- flex flex-row justify-center items-center flex-wrap";columnGroup.appendChild(ppc);//group.appendChild(divEl)
group.appendChild(columnGroup);}else{let columnGroup3=window.document.createElement('div');columnGroup3.classList="flex flex-col bg-green-100";let imageCommentGroup2=window.document.createElement('div');imageCommentGroup2.classList="ml-4 flex flex-row";//image and comment on the same line
let pimg2=document.createElement('img');pimg2.id="ziccimgid-"+n;pimg2.src=commentsandreplies[n].comment.replies[id].profile_picture;pimg2.classList="block w-11 h-11 rounded-full ml-4- mb-4- mt-4";//here
columnGroup3.appendChild(pimg2);let divEl=window.document.createElement('div');divEl.classList="pt-4 pb-2 ml-4-";divEl.textContent=commentsandreplies[n].comment.replies[id].reply;columnGroup3.appendChild(divEl);//group.appendChild(divEl)
group.appendChild(columnGroup3);}});//forEach to display the replies
}window.document.querySelector("#see-commentsandreplies").appendChild(group);}).catch(()=>{console.log("error 2 in loadcomments()");});}//for
seeRepliesIsOpen=true;}else{let myNode=window.document.getElementById("see-commentsandreplies");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}seeRepliesIsOpen=false;window.document.getElementById("seeRepliesButtonId").textContent="See the Comments and Replies";}}).catch(()=>{console.log("error 1 in loadcomments()");});//})
}let rcpuploadcount=0;let rcvuploadcount=0;let columnIt1;let columnIt2;let columnIt;let thumbnailUploaded=false;let initialLogin=false;let category="";let id1p="";let id2p="";let id1z="";let uploadedVideoFileSize=0;let uploadedThumbnailFileSize=0;let uploadedPictureFileSize=0;let totalPictureBytesUploaded=0;let totalVideoBytesUploaded=0;let totalThumbnailBytesUploaded=0;let grandTotalBytesUploaded=0;window.initialLogin=initialLogin;function uploadReplyPictureOrVideo(userId){//alert("settings called, uploadReplyPictureOrVideo")
let group=window.document.createElement('div');group.id="group";group.classList="flex flex-col items-center lg:flex lg:flex-row lg:justify-center lg:w-[50%]- rounded-md border-2 border-[#FFD700] mb-4 pl-4 pr-4 pb-4 pt-4";let rowit3=window.document.createElement('div');rowit3.classList="flex flex-row justify-between items-center flex-wrap";let replyGroup=window.document.createElement('div');replyGroup.id="zreplyGroupId";replyGroup.classList="flex flex-col- items-center w-full pl-4 pr-4 pb-4 border-2 border-[#FFD700] bg-green-300 rounded-md";//let category = ""
let replyButton=window.document.createElement('button');replyButton.id="zReplyButtonId";if(window.firsttimepaying2===true){replyButton.classList="pointer-events-none p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";}else{replyButton.classList="p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";}replyButton.textContent="Create Text Ad";replyButton.onclick=()=>{if(window.firsttimepaying1===true&&window.firsttimepaying2===true){if(window.confirm("Thank you. Do the subscription?")){//alert("about to call checkoutButton.click()")
monthly.click();//move video upload code to /success, it must be ther
}else{if(window.confirm("Thank you. Do the 30 day?"))//make this a subscription but cancel it at the end of the first period and delete the user's information
{//alert("about to call checkoutButton.click()")
//checkoutButton.click() //move video upload code to /success, it must be there
}}return;}rowIt2.classList.toggle("hidden");check_category2();columnIt=window.document.createElement('div');columnIt.classList="flex flex-col rounded-md items-center";let rinputEl=window.document.createElement("input");rinputEl.type="text";rinputEl.id="zrinputElId";rinputEl.value="";rinputEl.placeholder="Text Ad Title";rinputEl.classList="hidden- mt-4 mb-4 pl-4 bg-white focus:outline-none rounded-md border-2 border-[#FFD700] w-full py-2";rinputEl.setAttribute("maxlength","60");columnIt.appendChild(rinputEl);let drinputEl=window.document.createElement("input");drinputEl.type="text";drinputEl.id="zdrinputElId";drinputEl.value="";drinputEl.placeholder="Text Ad Description";drinputEl.classList="hidden- pl-4 bg-white focus:outline-none rounded-md border-2 border-[#FFD700] w-full py-2";drinputEl.setAttribute("maxlength","256");columnIt.appendChild(drinputEl);/////
let submitIt=window.document.createElement('button');submitIt.classList="p-2 flex flex-row justify-center focus:outline-none w-full ml-4 mr-4 mt-4 border-[#FFD700] bg-yellow-100 hover:bg-yellow-500 rounded-md";submitIt.textContent="Submit";submitIt.onclick=()=>{let theReply=window.document.getElementById("zrinputElId").value.trim();let theDescription=window.document.getElementById("zdrinputElId").value.trim();//alert("theReply="+theReply)
if(theReply===''){alert("Please enter a text message that has 1 or more characters.");return;}if(scs.selected_category==="antiques"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/antiques/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/antiques/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/antiques/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/antiques/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="appliances"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/appliances/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/appliances/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/appliances/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/appliances/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="arts-crafts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="atv-utv-sno"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="auto-parts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="aviation"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/aviation/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/aviation/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/aviation/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/aviation/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="baby-kid"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/babykid/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/babykid/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/babykid/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/babykid/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="barter"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/barter/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/barter/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/barter/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/barter/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="beauty-hlth"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="bike-parts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="boats"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/boats/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/boats/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/boats/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/boats/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="books"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/books/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/books/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/books/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/books/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="business"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/business/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/business/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cars-trucks"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/business/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/business/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cds"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/cds/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/cds/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cds/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cds/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cell-phones"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cloths-acc"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="collectibles"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="computer-parts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="computers"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/computers/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/computers/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computers/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computers/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="electronics"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/electronics/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/electronics/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/electronics/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/electronics/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="farm-garden"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="free"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/free/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/free/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/free/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/free/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="furniture"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/furniture/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/furniture/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/furniture/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/furniture/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="garagesale"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="general"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/general/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/general/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/general/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/general/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="heavyequip"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="household"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/household/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/household/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/household/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/household/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="jewelry"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="jobs-available"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="materials"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/materials/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/materials/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/materials/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/materials/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="misc"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/misc/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/misc/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/misc/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/misc/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="motorcycleparts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="motorcycles"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="music-instr"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="photo-video"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="rvs-camp"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="sporting"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/sporting/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/sporting/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/sporting/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/sporting/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="tickets"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/tickets/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/tickets/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tickets/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tickets/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="tools"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/tools/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/tools/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tools/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tools/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="toys-games"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="trailers"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/trailers/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/trailers/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/trailers/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/trailers/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="video-gaming"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="wanted"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/wanted/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/wanted/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wanted/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wanted/countof/texts`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="wheels-tires"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/texts`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/texts`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/texts`),{uploaded:1}).then(()=>{});});}else{}//alert("about to reshow the O reply button")
//window.document.querySelector("#zrgbId").classList.toggle("hidden")
let dt=JSON.stringify(new Date());//alert("thestate="+thestate)
//alert("thecity="+thecity)
let x=`thelists/${thestate}/${thecity}/adTextUploaded/${scs.selected_category}`;push(ref(db,x),{userId:userId,email:email,profile_picture:"",picture:"",picture_storage_time:dt,title:theReply,description:theDescription,category:category,username:gusername,uploadedPictureFileSize:0}).then(text=>{console.log("The Text Ad was saved, text="+JSON.stringify(text),null,4);id1z=text.toString().split("/-")[1];id1z="-"+id1z;//alert("The Text Ad was saved.")
push(ref(db,`users/${userId}/text`),{textlink:x+"/"+id1z}).then(text1=>{let id4t=text1.toString().split("/-")[1];id4t="-"+id4t;push(ref(db,'users/'+userId+`/${thestate}/${thecity}/adTextUploaded/${scs.selected_category}`),{title:theReply,description:theDescription,category:category,reply_storage_time:dt}).then(text=>{alert("The Text Ad was saved.");rowIt2.classList.toggle("hidden");});update(ref(db,x+"/"+id1z),{id4t:id4t}).then(text=>{}).catch(()=>{});});});category="";columnIt.remove();};columnIt.appendChild(submitIt);replyGroup.appendChild(columnIt);};columnIt2=window.document.createElement('div');columnIt2.classList="flex flex-col items-center";let divT=window.document.createElement('div');divT.classList="hidden mb-2 -mt-2";divT.id="topics";divT.textContent=scs.display_selected_category+" topics";columnIt2.appendChild(divT);rselectVideoUploadOptionsLists2();replyGroup.appendChild(columnIt2);let rowIt2=window.document.createElement('div');rowIt2.classList="flex flex-row justify-between items-center w-full pl-4 pr-4";rowIt2.appendChild(replyButton);/////////////////////////////
let replyWithPictureButton=window.document.createElement('button');replyWithPictureButton.id="zReplyWithPictureButtonId";if(window.firsttimepaying2===true){replyWithPictureButton.classList="pointer-events-none ml-4 p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";}else{replyWithPictureButton.classList="ml-4 p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";}replyWithPictureButton.textContent="Create Picture Ad";replyWithPictureButton.onclick=()=>{rowIt2.classList.toggle("hidden");check_category2();get(ref(db,'dataforme/quotapicture'),()=>{}).then(d=>{quotapicture=parseInt(d.val());console.log("type of quotapicture is "+typeof quotapicture);console.log("quotapicture="+quotapicture);get(ref(db,'users/'+userId+'/picture_upload_count'),()=>{}).then(d=>{puploadcount=parseInt(d.val());console.log("type of puploadcount is "+typeof puploadcount);console.log("puploadcount="+puploadcount);if(puploadcount>=quotapicture){alert("The picture upload quota is reached. Returning ...");return;}else{columnIt1=window.document.createElement('div');columnIt1.classList="flex flex-col pl-4 pr-4 pb-4 pt-4 h-[225px] justify-between border-2- border-red-500- bg-white rounded-md border-2 border-[#FFD700] mt-4";let rowIt4=window.document.createElement('div');rowIt4.classList="flex flex-row justify-between items-center";let titleDiv2=window.document.createElement('div');titleDiv2.classList="mb-4- bg-white w-full";titleDiv2.textContent="Picture Ad";columnIt1.appendChild(titleDiv2);let comment_for_the_picture=window.document.createElement('input');comment_for_the_picture.setAttribute("maxlength","60");comment_for_the_picture.type="text";comment_for_the_picture.placeholder="Picture Ad Caption";comment_for_the_picture.classList="rounded-md p-2 focus:outline-none bg-gray-200";comment_for_the_picture.id="comment_for_the_picture";columnIt1.appendChild(comment_for_the_picture);let description_for_the_picture=window.document.createElement("input");description_for_the_picture.type="text";description_for_the_picture.id="description_for_the_picture";description_for_the_picture.value="";description_for_the_picture.placeholder="Picture Ad Description";description_for_the_picture.classList="rounded-md p-2 focus:outline-none bg-gray-200";description_for_the_picture.setAttribute("maxlength","256");columnIt1.appendChild(description_for_the_picture);let progressEl=window.document.createElement('progress');//progressEl.classList="p-2"
progressEl.value="0";progressEl.max="100";//progressEl.id="uploadVideoUploader-"+n
progressEl.id="uploadPictureUploader";progressEl.textContent="0%";rowIt4.appendChild(progressEl);let z1inputEl=window.document.createElement('input');z1inputEl.type="file";//z1inputEl.value = "upload"
z1inputEl.accept=".jpg,.png";z1inputEl.id="uploadPictureFileButton";//+n
z1inputEl.addEventListener('change',e=>{console.log('file upload event',e);//reduce the file size in bytes
// get file
var file=e.target.files[0];let size_limit=5*1024*1024;uploadedVideoFileSize=file.size;videoFileSize=file.size;console.log("p before, currentPenniesBalance="+window.currentPenniesBalance);let totalUploadBytesAvailable=window.currentPenniesBalance*1048576;//1048576 = 1mb bytes per 2 pennies
console.log("p totalUploadBytesAvailable="+totalUploadBytesAvailable);console.log("p file.size="+file.size);//alert("currentPenniesBalance="+currentPenniesBalance)
//alert("mycurrentPenniesBalance="+mycurrentPenniesBalance)
console.log("p picture, about to check the file size");console.log("p currentPenniesBalance="+window.currentPenniesBalance);if(window.firsttimepaying1===true&&window.firsttimepaying2===true){if(window.confirm("Thank you. Do the subscription?")){//alert("about to call checkoutButton.click()")
monthly.click();//move video upload code to /success, it must be ther
}else{if(window.confirm("Thank you. Do the 30 day?")){//alert("about to call checkoutButton.click()")
//checkoutButton.click() //move video upload code to /success, it must be there
}}return;}let picturefn="";let maximum_megabytes=100*1048576;let tryit=total_byte_count+file.size;//if(file.size < totalUploadBytesAvailable)
if(tryit<=maximum_megabytes)//100 mb maximum
{//done, this does not go to johnslist.org/sucess after a stripe payment
//alert("at this point, it is ok to upload the picture")
console.log("p ok to upload the file");let oldPenniesBalance=currentPenniesBalance;let above=(totalUploadBytesAvailable-file.size)/1048576;//1048576 = 1mb bytes per penny
pennies=oldPenniesBalance-above;console.log("p pennies="+pennies);if(window.confirm(pennies+" pennies will be used to pay to upload this picture. Is this ok?")){okToUploadVideoFile=true;window.currentPenniesBalance=above;console.log("p after, window.currentPenniesBalance="+window.currentPenniesBalance);update(ref(db,'users/'+userId),{balance:window.currentPenniesBalance}).then(text=>{console.log("updated the pennies balance");//alert("updated the pennies balance")
window.document.getElementById("remainingbalance").innerHTML=window.currentPenniesBalance;}).catch(()=>{console.log("did not update the pennies balance");//alert("did not update the pennies balance")
});//put picture upload code here
if(okToUploadVideoFile===true){console.log("ok to upload the picture file");uploadedPictureFileSize=file.size;storage=getStorage(app);console.log("file.name="+file.name);picturefn=file.name;// create a storage ref, Quinton Price on stackoverflow, sRef resolution https://stackoverflow.com/questions/70297884/typeerror-db-checknotdeleted-is-not-a-function-when-creating-a-storage-ref-o
let vv=1;const uuidnowp=generateUUID();let storageRef=sRef(storage,`images/${userId}/pictures/${uuidnowp}/`+file.name);// upload file
//var uploadTask = storageRef.put(file);
uploadTask3=uploadBytesResumable(storageRef,file);// The part below is largely copy-pasted from the 'Full Example' section from
// https://firebase.google.com/docs/storage/web/upload-files
// update progress bar
if(!window.document.querySelector("#scbutton").classList.contains("pointer-events-none"))window.document.querySelector("#scbutton").classList.toggle("pointer-events-none");if(!window.document.querySelector("#resize-image").classList.contains("hidden"))window.document.querySelector("#resize-image").classList.toggle("hidden");if(!window.document.querySelector("#cancelsubscription").classList.contains("hidden"))window.document.querySelector("#cancelsubscription").classList.toggle("hidden");if(!window.document.querySelector("#deleteAccountId").classList.contains("hidden"))window.document.querySelector("#deleteAccountId").classList.toggle("hidden");uploadTask3.on('state_changed',snapshot=>{// Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
let progress=snapshot.bytesTransferred/snapshot.totalBytes*100;//window.document.getElementById("uploadVideoUploader-"+iv2).value = Math.round(progress);
uploadPictureUploader.value=Math.round(progress);console.log('Upload is '+progress+'% done');switch(snapshot.state){case'paused':// or 'paused'
console.log('Upload is paused');break;case'running':// or 'running'
console.log('Upload is running');break;}},error=>{if(window.document.querySelector("#scbutton").classList.contains("pointer-events-none"))window.document.querySelector("#scbutton").classList.toggle("pointer-events-none");if(window.document.querySelector("#resize-image").classList.contains("hidden"))window.document.querySelector("#resize-image").classList.toggle("hidden");if(window.document.querySelector("#cancelsubscription").classList.contains("hidden"))window.document.querySelector("#cancelsubscription").classList.toggle("hidden");if(window.document.querySelector("#deleteAccountId").classList.contains("hidden"))window.document.querySelector("#deleteAccountId").classList.toggle("hidden");// A full list of error codes is available at
// https://firebase.google.com/docs/storage/web/handle-errors
switch(error.code){case'storage/unauthorized':// User doesn't have permission to access the object
break;case'storage/canceled':// User canceled the upload
break;case'storage/unknown':// Unknown error occurred, inspect error.serverResponse
break;}},()=>{getDownloadURL(storageRef).then(url=>{uploadTask3=undefined;if(window.document.querySelector("#scbutton").classList.contains("pointer-events-none"))window.document.querySelector("#scbutton").classList.toggle("pointer-events-none");if(window.document.querySelector("#resize-image").classList.contains("hidden"))window.document.querySelector("#resize-image").classList.toggle("hidden");if(window.document.querySelector("#cancelsubscription").classList.contains("hidden"))window.document.querySelector("#cancelsubscription").classList.toggle("hidden");if(window.document.querySelector("#deleteAccountId").classList.contains("hidden"))window.document.querySelector("#deleteAccountId").classList.toggle("hidden");console.log("URL",url);//new Date()
//commentsandreplies[iv2].profile_picture
//console.log("iv2="+iv2+", currentVideoTitle="+currentVideoTitle+", str1="+commentsandreplies[iv2].str1)
//alert("iv="+iv+", currentVideoTitle="+currentVideoTitle+", str1="+commentsandreplies[iv].str1)
let dt=JSON.stringify(new Date());//console.log("reply one, dt="+dt)
let picture_caption=window.document.getElementById("comment_for_the_picture").value.trim();let picture_description=window.document.getElementById("description_for_the_picture").value.trim();//const category = "new video category"
//alert("video_caption="+video_caption)
if(scs.selected_category==="antiques"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/antiques/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/antiques/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/antiques/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/antiques/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="appliances"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/appliances/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/appliances/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/appliances/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/appliances/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="arts-crafts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="atv-utv-sno"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="auto-parts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="aviation"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/aviation/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/aviation/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/aviation/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/aviation/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="baby-kid"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/babykid/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/babykid/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/babykid/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/babykid/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="barter"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/barter/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/barter/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/barter/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/barter/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="beauty-hlth"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="bike-parts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="boats"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/boats/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/boats/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/boats/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/boats/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="books"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/books/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/books/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/books/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/books/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="business"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/business/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/business/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cars-trucks"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/business/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/business/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cds"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/cds/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/cds/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cds/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cds/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cell-phones"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cloths-acc"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="collectibles"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="computer-parts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="computers"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/computers/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/computers/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computers/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computers/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="electronics"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/electronics/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/electronics/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/electronics/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/electronics/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="farm-garden"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="free"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/free/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/free/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/free/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/free/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="furniture"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/furniture/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/furniture/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/furniture/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/furniture/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="garagesale"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="general"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/general/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/general/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/general/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/general/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="heavyequip"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="household"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/household/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/household/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/household/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/household/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="jewelry"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="jobs-available"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="materials"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/materials/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/materials/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/materials/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/materials/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="misc"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/misc/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/misc/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/misc/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/misc/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="motorcycleparts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="motorcycles"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="music-instr"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="photo-video"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="rvs-camp"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="sporting"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/sporting/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/sporting/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/sporting/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/sporting/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="tickets"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/tickets/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/tickets/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tickets/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tickets/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="tools"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/tools/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/tools/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tools/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tools/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="toys-games"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="trailers"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/trailers/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/trailers/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/trailers/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/trailers/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="video-gaming"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="wanted"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/wanted/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/wanted/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wanted/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wanted/countof/pictures`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="wheels-tires"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/pictures`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/pictures`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/pictures`),{uploaded:1}).then(()=>{});});}else{}picture_byte_count+=uploadedPictureFileSize;//new
//alert("total="+total)
update(ref(db,'users/'+obj.userId2),{picture_byte_count:picture_byte_count}).then(text=>{get(ref(db,'users/'+obj.userId2+"/total_byte_count"),()=>{}).then(tbc=>{console.log("login. getTheBalance, tbc.val()="+tbc.val());total_byte_count=tbc.val()+uploadedPictureFileSize;//new
window.document.querySelector("#bytescount").innerHTML=total_byte_count;update(ref(db,'users/'+obj.userId2),{total_byte_count:total_byte_count}).then(text=>{});});}).catch(()=>{alert("error writing to the database");});let x=`thelists/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}`;push(ref(db,x),{userId:userId,email:email,profile_picture:profilePicture,picture:url,picture_storage_time:dt,picture_caption:picture_caption,picture_description:picture_description,category:category,username:gusername,uploadedPictureFileSize:uploadedPictureFileSize,uuidnowp:uuidnowp}).then(text1=>{console.log("text1="+JSON.stringify(text1));id1p=text1.toString().split("/-")[1];push(ref(db,`users/${userId}/pictures`),{picturelink:x+"/-"+id1p}).then(text1=>{let id4t=text1.toString().split("/-")[1];id4t="-"+id4t;update(ref(db,x+"/-"+id1p),{id4t:id4t}).then(text=>{}).catch(()=>{});});push(ref(db,'users/'+userId+`/uploaded/pictures/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}`),{picture:url,picture_storage_time:dt,picture_caption:picture_caption,picture_description:picture_description,category:category,uploadedPictureFileSize:uploadedPictureFileSize,picturefn:picturefn,uuidnowp:uuidnowp}).then(text2=>{console.log("text2="+JSON.stringify(text2));puploadcount=puploadcount+1;id2p=text2.toString().split("/-")[1];id2p="-"+id2p;//alert("id2p="+id2p)
set(ref(db,'users/'+userId+"/picture_upload_count"),puploadcount).then(text=>{//alert("This new picture upload quota is stored.")
}).catch(()=>{//alert("This new picture upload quota was not stored.")
});let urlStr=`thelists/${thestate}/${thecity}/adPicturesUploaded/${scs.selected_category}/-`+id1p;console.log("urlStr="+urlStr);update(ref(db,urlStr),{otherkey:id2p}).then(text=>{console.log("updated otherkey");let rb=window.document.getElementById(last_chosen_id);rb.checked=true;//loadVideos2p(true,false)
}).catch(()=>{console.log("otherkey was not updated so delete won't work");});rowIt2.classList.toggle("hidden");columnIt1.remove();alert("The Picture Ad was saved.");});//push
}).catch(()=>{alert("This new video upload quota was not stored.");});}).catch(error=>{});});okToUploadVideoFile=false;}else{console.log("Canceled uploading the picture ad.");//alert("Canceled uploading the picture ad.")
}}//}//now2
}else{alert("Thank you. You have reached the data limit, 100 megabytes. Please delete 1 or more picture or video ads so that you can add more ads.");return;}//picture upload code was here
});rowIt4.appendChild(z1inputEl);columnIt1.appendChild(rowIt4);replyGroup.appendChild(columnIt1);}});});};rowIt2.appendChild(replyWithPictureButton);let replyWithVideoButton=window.document.createElement('button');replyWithVideoButton.id="zReplyWithVideoButtonId";if(window.firsttimepaying2===true){replyWithVideoButton.classList="pointer-events-none ml-4 p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";}else{replyWithVideoButton.classList="ml-4 p-2 border-2 border-[#FFD700] hover:bg-yellow-500 rounded-md bg-yellow-100";}replyWithVideoButton.textContent="Create Video Ad";//for right column
replyWithVideoButton.onclick=()=>{rowIt2.classList.toggle("hidden");check_category2();console.log("quota");get(ref(db,'dataforme/quotavideo'),()=>{}).then(d=>{quotavideo=parseInt(d.val());console.log("type of quotavideo is "+typeof quotavideo);console.log("quotavideo="+quotavideo);get(ref(db,'users/'+window.u+'/video_upload_count'),()=>{}).then(d=>{vuploadcount=parseInt(d.val());console.log("type of vuploadcount is "+typeof vuploadcount);console.log("vuploadcount="+vuploadcount);if(vuploadcount>=quotavideo){alert("The video upload quota reached. Returning ...");return;}else{columnIt1=window.document.createElement('div');columnIt1.classList="flex flex-col pl-4 pr-4 pb-4 pt-4 h-[225px] justify-between border-2- border-red-500- bg-white rounded-md border-2 border-[#FFD700] mt-4";let rowIt4=window.document.createElement('div');rowIt4.classList="flex flex-row justify-between items-center  border-2- border-red-500-";let titleDiv2=window.document.createElement('div');titleDiv2.classList="mb-4- bg-white w-full";titleDiv2.textContent="Upload Video";columnIt1.appendChild(titleDiv2);let comment_for_the_video=window.document.createElement('input');comment_for_the_video.setAttribute("maxlength","60");comment_for_the_video.type="text";comment_for_the_video.placeholder="Video Ad Caption";comment_for_the_video.classList="mt-4 rounded-md p-2 focus:outline-none bg-gray-200";comment_for_the_video.id="comment_for_the_video";columnIt1.appendChild(comment_for_the_video);let description_for_the_video=window.document.createElement("input");description_for_the_video.setAttribute("maxlength","256");description_for_the_video.type="text";description_for_the_video.placeholder="Video Ad Description";description_for_the_video.classList="mb-4 mt-4 rounded-md p-2 focus:outline-none bg-gray-200";description_for_the_video.id="description_for_the_video";columnIt1.appendChild(description_for_the_video);let progressEl=window.document.createElement('progress');//progressEl.classList="p-2"
progressEl.value="0";progressEl.max="100";//progressEl.id="uploadVideoUploader-"+n
progressEl.id="uploadVideoUploader";progressEl.textContent="0%";rowIt4.appendChild(progressEl);let z1inputEl=window.document.createElement('input');z1inputEl.type="file";//z1inputEl.value = "upload"
z1inputEl.accept=".mp4";z1inputEl.id="uploadVideoFileButton";//+n
z1inputEl.addEventListener('change',e=>{//window.document.querySelector("#checkboxesId").classList.toggle("pointer-events-none")
//window.document.querySelector("#checkboxesId").classList.toggle("bg-[#fcd34d]")
console.log('file upload event',e);let file=e.target.files[0];let size_limit=5*1024*1024;uploadedVideoFileSize=file.size;//alert("file.size="+file.size)
videoFileSize=file.size;console.log("create video, before, window.currentPenniesBalance="+window.currentPenniesBalance);let totalUploadBytesAvailable=window.currentPenniesBalance*1048576;//1048576 = 1mb bytes per penny
//alert("totalUploadBytesAvailable="+totalUploadBytesAvailable)
//alert("window.currentPenniesBalance="+window.currentPenniesBalance)
//alert("currentPenniesBalance="+currentPenniesBalance)
//alert("mycurrentPenniesBalance="+mycurrentPenniesBalance)
console.log("video, about to check the file size");//alert(file.size+","+totalUploadBytesAvailable)
if(window.firsttimepaying1===true&&window.firsttimepaying2===true){if(window.confirm("Thank you. Do the subscription?")){//alert("about to call checkoutButton.click()")
monthly.click();//move video upload code to /success, it must be ther
}else{if(window.confirm("Thank you. Do the 30 day?")){//alert("about to call checkoutButton.click()")
//checkoutButton.click() //move video upload code to /success, it must be there
}}return;}let videofn="";let thumbnailfn="";let maximum_megabytes=100*1048576;let tryit=total_byte_count+file.size;//if(file.size < totalUploadBytesAvailable)
if(tryit<=maximum_megabytes)//100 mb maximum
{//done, this does not go to johnslist.org/sucess after a stripe payment
//alert("at this point, it is ok to upload the picture")
//alert(2)
console.log("p ok to upload the file");let oldPenniesBalance=currentPenniesBalance;//alert("oldPenniesBalance="+oldPenniesBalance)
//alert("currentPenniesBalance="+currentPenniesBalance)
let above=(totalUploadBytesAvailable-file.size)/1048576;//1048576 = 1mb bytes per penny
//alert("above="+above)
pennies=oldPenniesBalance-above;//alert("pennies="+pennies)
console.log("p pennies="+pennies);//alert("The points that will be used is to upload this video ad is "+ points)
if(window.confirm(pennies+" pennies will be used to pay to upload this video. Is this ok?")){okToUploadVideoFile=true;window.currentPenniesBalance=above;console.log("p after, window.currentPenniesBalance="+window.currentPenniesBalance);update(ref(db,'users/'+userId),{balance:window.currentPenniesBalance}).then(text=>{console.log("updated the pennies balance");//alert("updated the pennies balance")
window.document.getElementById("remainingbalance").innerHTML=window.currentPenniesBalance;}).catch(()=>{console.log("did not update the pennies balance");//alert("did not update the pennies balance")
});//put video upload code here
if(okToUploadVideoFile===true){let myNode=window.document.querySelector("#all-things");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}window.document.querySelector("#all-things").innerHTML="";storage=getStorage(app);console.log("file.name="+file.name);videofn=file.name;let vv=1;//await FirebaseStorage.instance.ref('images/$time.png').putFile(yourfile);
const uuidnow=generateUUID();let storageRef=sRef(storage,`images/${userId}/videos/${uuidnow}/`+file.name);uploadTask1=uploadBytesResumable(storageRef,file);//alert("trying to set pointer-events-none")
//cancelsubscription
//resize-image
//ppuploadsection
//scbutton
if(!window.document.querySelector("#scbutton").classList.contains("pointer-events-none"))window.document.querySelector("#scbutton").classList.toggle("pointer-events-none");if(!window.document.querySelector("#resize-image").classList.contains("hidden"))window.document.querySelector("#resize-image").classList.toggle("hidden");if(!window.document.querySelector("#cancelsubscription").classList.contains("hidden"))window.document.querySelector("#cancelsubscription").classList.toggle("hidden");if(!window.document.querySelector("#deleteAccountId").classList.contains("hidden"))window.document.querySelector("#deleteAccountId").classList.toggle("hidden");uploadTask1.on('state_changed',snapshot=>{let progress=snapshot.bytesTransferred/snapshot.totalBytes*100;uploadVideoUploader.value=Math.round(progress);console.log('Upload is '+progress+'% done');switch(snapshot.state){case'paused':// or 'paused'
console.log('Upload is paused');break;case'running':// or 'running'
console.log('Upload is running');break;}},error=>{if(window.document.querySelector("#scbutton").classList.contains("pointer-events-none"))window.document.querySelector("#scbutton").classList.toggle("pointer-events-none");if(window.document.querySelector("#resize-image").classList.contains("hidden"))window.document.querySelector("#resize-image").classList.toggle("hidden");if(window.document.querySelector("#cancelsubscription").classList.contains("hidden"))window.document.querySelector("#cancelsubscription").classList.toggle("hidden");if(window.document.querySelector("#deleteAccountId").classList.contains("hidden"))window.document.querySelector("#deleteAccountId").classList.toggle("hidden");switch(error.code){case'storage/unauthorized':// User doesn't have permission to access the object
break;case'storage/canceled':// User canceled the upload
break;case'storage/unknown':// Unknown error occurred, inspect error.serverResponse
break;}},()=>{return getDownloadURL(storageRef).then(url=>{uploadTask1=undefined;if(window.document.querySelector("#scbutton").classList.contains("pointer-events-none"))window.document.querySelector("#scbutton").classList.toggle("pointer-events-none");if(window.document.querySelector("#resize-image").classList.contains("hidden"))window.document.querySelector("#resize-image").classList.toggle("hidden");if(window.document.querySelector("#cancelsubscription").classList.contains("hidden"))window.document.querySelector("#cancelsubscription").classList.toggle("hidden");if(window.document.querySelector("#deleteAccountId").classList.contains("hidden"))window.document.querySelector("#deleteAccountId").classList.toggle("hidden");console.log("video URL",url);let dt=JSON.stringify(new Date());let video_caption=window.document.getElementById("comment_for_the_video").value.trim();let video_description=window.document.getElementById("description_for_the_video").value.trim();let thumbnail="";//at this point I need a thumbnail file
let id1;let id2;//alert("category="+category)
//////////////////////  
if(scs.selected_category==="antiques"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/antiques/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/antiques/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/antiques/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/antiques/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="appliances"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/appliances/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/appliances/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/appliances/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/appliances/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="arts-crafts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/artscrafts/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="atv-utv-sno"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/atvutvsno/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="auto-parts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/autoparts/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="aviation"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/aviation/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/aviation/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/aviation/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/aviation/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="baby-kid"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/babykid/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/babykid/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/babykid/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/babykid/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="barter"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/barter/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/barter/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/barter/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/barter/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="beauty-hlth"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/beautyhlth/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="bike-parts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/bikeparts/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="boats"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/boats/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/boats/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/boats/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/boats/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="books"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/books/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/books/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/books/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/books/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="business"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/business/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/business/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cars-trucks"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/business/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/business/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/business/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cds"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/cds/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/cds/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cds/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cds/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cell-phones"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/cellphones/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="cloths-acc"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/clothsacc/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="collectibles"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/collectibles/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="computer-parts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computerparts/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="computers"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/computers/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/computers/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computers/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/computers/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="electronics"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/electronics/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/electronics/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/electronics/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/electronics/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="farm-garden"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/farmgarden/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="free"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/free/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/free/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/free/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/free/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="furniture"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/furniture/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/furniture/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/furniture/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/furniture/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="garagesale"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/garagesale/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="general"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/general/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/general/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/general/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/general/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="heavyequip"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/heavyequip/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="household"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/household/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/household/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/household/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/household/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="jewelry"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jewelry/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="jobs-available"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/jobsavailable/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="materials"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/materials/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/materials/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/materials/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/materials/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="misc"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/misc/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/misc/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/misc/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/misc/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="motorcycleparts"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycleparts/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="motorcycles"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/motorcycles/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="music-instr"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/musicinstr/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="photo-video"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/photovideo/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="rvs-camp"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/rvscamp/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="sporting"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/sporting/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/sporting/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/sporting/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/sporting/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="tickets"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/tickets/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/tickets/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tickets/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tickets/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="tools"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/tools/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/tools/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tools/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/tools/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="toys-games"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/toysgames/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="trailers"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/trailers/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/trailers/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/trailers/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/trailers/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="video-gaming"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/videogaming/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="wanted"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/wanted/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/wanted/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wanted/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wanted/countof/videos`),{uploaded:1}).then(()=>{});});}else if(scs.selected_category==="wheels-tires"){console.log("set 1");get(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){let ok=Object.keys(snapshot.val());console.log("v, ok.length="+ok.length);if(ok.length>0){const newPost=snapshot.val();let count=newPost.uploaded;count=count+1;update(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/videos`),{uploaded:count}).then(text=>{}).catch(e=>{});}}else{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/videos`),{uploaded:1}).then(()=>{});}}).catch(e=>{console.log("set 2, catch");set(ref(db,`counts/${thestate}/${thecity}/wheelstires/countof/videos`),{uploaded:1}).then(()=>{});});}else{}video_byte_count+=uploadedVideoFileSize;//new
//alert("total="+total)
update(ref(db,'users/'+obj.userId2),{video_byte_count:video_byte_count}).then(text=>{get(ref(db,'users/'+obj.userId2+"/total_byte_count"),()=>{}).then(tbc=>{console.log("login. getTheBalance, tbc.val()="+tbc.val());total_byte_count=tbc.val()+uploadedVideoFileSize;//new
window.document.querySelector("#bytescount").innerHTML=total_byte_count;update(ref(db,'users/'+obj.userId2),{total_byte_count:total_byte_count}).then(text=>{});});}).catch(()=>{alert("error writing to the database");});//`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}`
let x=`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}`;push(ref(db,x),{userId:userId,email:email,profile_picture:profilePicture,video:url,video_storage_time:dt,video_caption:video_caption,video_description:video_description,category:category,thumbnail:"",username:gusername,uploadedVideoFileSize:uploadedVideoFileSize,thumbnailfileuploaded:false,uuidnow:uuidnow}).then(text1=>{//alert("push done, start")
id1=text1.toString().split("/-")[1];//alert("push done, start, id1="+id1)
id1="-"+id1;push(ref(db,`users/${userId}/videos`),{videolink:x+"/"+id1}).then(text1a=>{let id4t=text1a.toString().split("/-")[1];console.log(text1a.toString().split("/-")[1]);id4t="-"+id4t;console.log("id4t="+id4t);console.log("id1="+id1);let xu=x+"/"+id1;console.log("xu="+xu);update(ref(db,xu),{id4t:id4t}).then(texta=>{console.log("texta="+texta);}).catch(e=>{console.log("update="+e);});});push(ref(db,'users/'+window.u+`/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}`),{video:url,video_storage_time:dt,video_caption:video_caption,video_description:video_description,category:category,thumbnail:"",uploadedVideoFileSize:uploadedVideoFileSize,videofn:videofn,thumbnailfn:thumbnailfn,thumbnailfileuploaded:false,uuidnow:uuidnow}).then(text2=>{id2=text2.toString().split("/-")[1];id2="-"+id2;console.log("before settings id2 to otherkey in users/.../uploaded/videos/...");console.log("id2="+id2);//`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}`
//const xz = 'users/'+window.u+`/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/`+id2
const tz=`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/`+id1;//console.log("xz="+xz)
console.log("tz="+tz);update(ref(db,tz),{otherkey:id2}).then(text3=>{columnIt1.remove();//columnIt2.remove()
let columnIt10=window.document.createElement('div');columnIt10.classList="flex flex-col pl-4 pr-4 pb-4 pt-4 h-[125px] justify-between border-2- border-red-500- bg-white rounded-md border-2 border-[#FFD700] mt-4";let rowIt40=window.document.createElement('div');rowIt40.classList="flex flex-row justify-between items-center w-full";//const updiv = window.document.createElement('div')
//updiv.id = "uploadPictureId" //the video one is wrong
//rowIt4.appendChild(updiv) 
const titleDiv20=window.document.createElement('div');titleDiv20.classList="mb-4 bg-white w-full";titleDiv20.textContent="Upload the Video Ad Thumbnail";columnIt10.appendChild(titleDiv20);const progressEl0=window.document.createElement('progress');progressEl.classList="";progressEl0.value="0";progressEl0.max="100";//progressEl.id="uploadVideoUploader-"+n
progressEl0.id="uploadPictureUploader";progressEl0.textContent="0%";rowIt40.appendChild(progressEl0);const z1inputEl0=window.document.createElement('input');z1inputEl0.classList="ml-4";z1inputEl0.type="file";//z1inputEl.value = "upload"
z1inputEl0.accept=".jpg,.png,.webp";z1inputEl0.id="uploadPictureFileButton";//+n
z1inputEl0.addEventListener('change',e=>{console.log('file upload event',e);// get file
var file=e.target.files[0];if(file.size>20000){alert("Please make the file size under 20000 bytes. A tool called resize image is available in settings.");return;}const size_limit=5*1024*1024;uploadedThumbnailFileSize=file.size;//if(file.size > size_limit) {
//     alert("The file size is too big. It needs to be less than "+size_limit+" bytes, 1 mega byte.")
//      return
//}
storage=getStorage(app);console.log("file.name="+file.name);thumbnailfn=file.name;// create a storage ref, Quinton Price on stackoverflow, sRef resolution https://stackoverflow.com/questions/70297884/typeerror-db-checknotdeleted-is-not-a-function-when-creating-a-storage-ref-o
let vv=1;const uuidnowthumbnail=generateUUID();var storageRef=sRef(storage,`images/${userId}/thumbnails/${uuidnowthumbnail}/`+file.name);uploadTask2=uploadBytesResumable(storageRef,file);// The part below is largely copy-pasted from the 'Full Example' section from
// https://firebase.google.com/docs/storage/web/upload-files
// update progress bar
if(!window.document.querySelector("#scbutton").classList.contains("pointer-events-none"))window.document.querySelector("#scbutton").classList.toggle("pointer-events-none");if(!window.document.querySelector("#resize-image").classList.contains("hidden"))window.document.querySelector("#resize-image").classList.toggle("hidden");if(!window.document.querySelector("#cancelsubscription").classList.contains("hidden"))window.document.querySelector("#cancelsubscription").classList.toggle("hidden");if(!window.document.querySelector("#deleteAccountId").classList.contains("hidden"))window.document.querySelector("#deleteAccountId").classList.toggle("hidden");uploadTask2.on('state_changed',snapshot=>{// Get task progress, including the number of bytes uploaded and the total number of bytes to be uploaded
var progress=snapshot.bytesTransferred/snapshot.totalBytes*100;//window.document.getElementById("uploadVideoUploader-"+iv2).value = Math.round(progress);
uploadPictureUploader.value=Math.round(progress);console.log('Upload is '+progress+'% done');switch(snapshot.state){case'paused':// or 'paused'
console.log('Upload is paused');break;case'running':// or 'running'
console.log('Upload is running');break;}},error=>{if(window.document.querySelector("#scbutton").classList.contains("pointer-events-none"))window.document.querySelector("#scbutton").classList.toggle("pointer-events-none");if(window.document.querySelector("#resize-image").classList.contains("hidden"))window.document.querySelector("#resize-image").classList.toggle("hidden");if(window.document.querySelector("#cancelsubscription").classList.contains("hidden"))window.document.querySelector("#cancelsubscription").classList.toggle("hidden");if(window.document.querySelector("#deleteAccountId").classList.contains("hidden"))window.document.querySelector("#deleteAccountId").classList.toggle("hidden");// A full list of error codes is available at
// https://firebase.google.com/docs/storage/web/handle-errors
switch(error.code){case'storage/unauthorized':// User doesn't have permission to access the object
break;case'storage/canceled':// User canceled the upload
break;case'storage/unknown':// Unknown error occurred, inspect error.serverResponse
break;}},()=>{getDownloadURL(storageRef).then(url=>{uploadTask2=undefined;if(window.document.querySelector("#scbutton").classList.contains("pointer-events-none"))window.document.querySelector("#scbutton").classList.toggle("pointer-events-none");if(window.document.querySelector("#resize-image").classList.contains("hidden"))window.document.querySelector("#resize-image").classList.toggle("hidden");if(window.document.querySelector("#cancelsubscription").classList.contains("hidden"))window.document.querySelector("#cancelsubscription").classList.toggle("hidden");if(window.document.querySelector("#deleteAccountId").classList.contains("hidden"))window.document.querySelector("#deleteAccountId").classList.toggle("hidden");console.log("URL",url);columnIt10.remove();//here4
thumbnailUploaded=true;//alert(thestate+", "+thecity)
update(ref(db,`thelists/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/`+id1),{thumbnail:url,otherkey:id2,uploadedThumbnailFileSize:uploadedThumbnailFileSize,thumbnailfileuploaded:true,uuidnowthumbnail:uuidnowthumbnail}).then(text=>{console.log("updated the thumbnail url to number 1");}).catch(e=>{console.log("did not update the thumbnail url to number 2");thumbnailUploaded=true;});//the following update call causes ovValue to be called in loadVideos2, loadVideoes2 was called in login f so now onValue is ready to be called on any database changes
update(ref(db,'users/'+window.u+`/uploaded/videos/${thestate}/${thecity}/adVideosUploaded/${scs.selected_category}/`+id2),{thumbnail:url,uploadedThumbnailFileSize:uploadedThumbnailFileSize,thumbnailfn:thumbnailfn,thumbnailfileuploaded:true,uuidnowthumbnail:uuidnowthumbnail}).then(text=>{console.log("updated the thumbnail url to number 2");}).catch(e=>{console.log("did not update the thumbnail url to number 2");//alert("The Video Ad and its Thumbnail were Uploaded")
});vuploadcount=vuploadcount+1;update(ref(db,'users/'+window.u),{video_upload_count:vuploadcount}).then(text=>{console.log("updated the video_upload_count");}).catch(e=>{console.log("did not update the video_upload_count");});rowIt2.classList.toggle("hidden");//window.document.querySelector("#checkboxesId").classList.toggle("pointer-events-none")
//window.document.querySelector("#checkboxesId").classList.toggle("bg-[#fcd34d]")
});//then
// or 'state_changed'
});//uploadTask.on('state_changed',
});//z1inputEl0.addEventListener('change', (e) =>
rowIt40.appendChild(z1inputEl0);columnIt10.appendChild(rowIt40);replyGroup.appendChild(columnIt10);}).catch(error=>{});}).catch(error=>{});//push
}).catch(error=>{});//push
/////////////////////  
}).catch(error=>{});//url
});//new, uploadTask.on('state_changed', (snapshot) => {
okToUploadVideoFile=false;}else{alert("The video ad upload is canceled.");}}else{//window.document.querySelector("#checkboxesId").classList.toggle("pointer-events-none")
//window.document.querySelector("#checkboxesId").classList.toggle("bg-[#fcd34d]")
}//} //now2 end bracket, I need a subscription option because the payment has to be automatic
}else{alert("Thank you. You have reached the data limit, 100 megabytes. Please delete 1 or more picture or video ads so that you can add more ads.");return;}//alert("okToUploadVideoFile="+okToUploadVideoFile)   
});// z1inputEl.addEventListener('change',  (e)=>
rowIt4.appendChild(z1inputEl);columnIt1.appendChild(rowIt4);replyGroup.appendChild(columnIt1);}}).catch(e=>{alert("user quota NOT returned"+JSON.stringify(e));});}).catch(e=>{alert("quota NOT returned"+JSON.stringify(e));});};//onclick
rowIt2.appendChild(replyWithVideoButton);////////////////////////////
columnIt2.appendChild(rowIt2);replyGroup.appendChild(columnIt2);group.appendChild(replyGroup);//let el = window.document.getElementById("balancelabel")
//group.insertAdjacentElement("afterend", el)
window.document.querySelector("#newVideosId").appendChild(group);console.log("about to get the quotavideo");}function rselectVideoUploadOptionsLists2(){let divW=window.document.createElement("div");divW.classList="";divW.id="divWId";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//divW.appendChild(rselect)
columnIt2.appendChild(divW);}/*
    function rselectVideoUploadOptionsLists() {
        
     if(scs.selected_category === "antiques") {
        //alert(1)
        let divW = window.document.createElement("div")
        divW.classList=""
        divW.id="divWId"
          let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        //alert(2)
         
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="antiques"
              rselect.id="antiques"
              let roption0 = window.document.createElement("option")
              roption0.value="antiques"
              roption0.textContent="Please select antiques subcategory:"
              roption0.setAttribute("default","default")
              let roption1 = window.document.createElement("option")
              roption1.value="2othcentury"
              roption1.textContent="20th century"
             
              let roption1a = window.document.createElement("option")
              roption1a.value="19thcentury"
              roption1a.textContent="19th century"
             
              let roption2 = window.document.createElement("option")
              roption2.value="18thcentury"
              roption2.textContent="18th century"
             
              let roption3 = window.document.createElement("option")
              roption3.value="17thcentury"
              roption3.textContent="17th century"
             
              let roption4 = window.document.createElement("option")
              roption4.value="16thcentury"
              roption4.textContent="16th century"
             
              let roption5 = window.document.createElement("option")
              roption5.value="15thcenturey"
              roption5.textContent="15th century"
             
              let roption6 = window.document.createElement("option")
              roption6.value="unknownthcentury"
              roption6.textContent="unknown century"
              
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption1a)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              rselect.appendChild(roption4)
              rselect.appendChild(roption5)
              rselect.appendChild(roption6)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
              divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
    
    
    }
   
    
     
      if(scs.selected_category === "appliances") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
          let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="appliances"
              rselect.id="appliances"
              let roption0 = window.document.createElement("option")
              roption0.value="appliances"
              roption0.textContent="Please select appliances topic:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="21stcentury"
              roption1.textContent="21st century"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="20thcentury"
              roption2.textContent="20th century"
             
              let roption3 = window.document.createElement("option")
              roption3.value="19thcentury"
              roption3.textContent="19th century"
             
              let roption4 = window.document.createElement("option")
              roption4.value="18thcentury"
              roption4.textContent="18th century"
             
              let roption5 = window.document.createElement("option")
              roption5.value="17thcentury"
              roption5.textContent="17th century"
             
              let roption6 = window.document.createElement("option")
              roption6.value="16thcentury"
              roption6.textContent="16th century"
             
              let roption7 = window.document.createElement("option")
              roption7.value="15thcenturey"
              roption7.textContent="15th century"
             
              let roption8 = window.document.createElement("option")
              roption8.value="unknownthcentury"
              roption8.textContent="unknown century"
              
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              rselect.appendChild(roption4)
              rselect.appendChild(roption5)
              rselect.appendChild(roption6)
              rselect.appendChild(roption7)
              rselect.appendChild(roption8)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
              divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
   
    
    
    
    
    
      if(scs.selected_category === "arts-crafts") {
        let divW = window.document.createElement("div")
        divW.id="divWId"       
        
         let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="arts-crafts"
              rselect.id="arts-crafts"
         
              let roption0 = window.document.createElement("option")
              roption0.value="arts-crafts"
              roption0.textContent="Please select arts+crafts subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="oil-painting"
              roption1.textContent="oil painting"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="crochet"
              roption2.textContent="crochet"
             
              let roption3 = window.document.createElement("option")
              roption3.value="figurine painting"
              roption3.textContent="figurine painting"
             
              let roption4 = window.document.createElement("option")
              roption4.value="water color"
              roption4.textContent="water color"
             
              
              
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              rselect.appendChild(roption4)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
    
    //atv_utv_snoIdf
  
     if(scs.selected_category === "atv-utv-sno") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
         let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="atv-utv-sno"
              rselect.id="atv-utv-sno"
         
              let roption0 = window.document.createElement("option")
              roption0.value="atv-utv-sno"
              roption0.textContent="Please select atv/utv/sno topic:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="atv"
              roption1.textContent="atv"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="utv"
              roption2.textContent="utv"
             
              let roption3 = window.document.createElement("option")
              roption3.value="sno"
              roption3.textContent="sno"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
              divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
      
    
   
      if(scs.selected_category === "auto-parts") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
         let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="auto-parts"
              rselect.id="auto-parts"
         
              let roption0 = window.document.createElement("option")
              roption0.value="auto-parts"
              roption0.textContent="Please select auto parts subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="tires"
              roption1.textContent="tires"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="waterpump"
              roption2.textContent="waterpump"
             
              let roption3 = window.document.createElement("option")
              roption3.value="fuelpump"
              roption3.textContent="fuel pump"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
              divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
    if(scs.selected_category === "aviation") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="aviation"
              rselect.id="aviation"
         
              let roption0 = window.document.createElement("option")
              roption0.value="aviation"
              roption0.textContent="Please select aviation subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="tires"
              roption1.textContent="tires"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="sparkplugs"
              roption2.textContent="sparkplugs"
             
              let roption3 = window.document.createElement("option")
              roption3.value="fuelpump"
              roption3.textContent="fuel pump"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
 
 if(scs.selected_category === "baby_kid") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="baby-kid"
              rselect.id="baby-kid"
         
              let roption0 = window.document.createElement("option")
              roption0.value="baby-kid"
              roption0.textContent="Please select baby+kid subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="swimmingtrunks"
              roption1.textContent="swimming trunks"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="shirts"
              roption2.textContent="shirts"
             
              let roption3 = window.document.createElement("option")
              roption3.value="skateboards"
              roption3.textContent="skateboards"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
    if(scs.selected_category === "barter") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="auto-parts"
              rselect.id="auto-parts"
         
              let roption0 = window.document.createElement("option")
              roption0.value="barter"
              roption0.textContent="Please select barter subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="clothsforshoes"
              roption1.textContent="cloths for shoes"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="boogieboardforhat"
              roption2.textContent="boogie board for hat"
             
              let roption3 = window.document.createElement("option")
              roption3.value="fryingpanfortoaster"
              roption3.textContent="frying pan for toaster"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
   if(scs.selected_category === "beauty-hlth") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="beauty-hlth"
              rselect.id="beauty-hlth"
         
              let roption0 = window.document.createElement("option")
              roption0.value="beauty-hlth"
              roption0.textContent="Please select beauty+hlth subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="mascara"
              roption1.textContent="mascara"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="comb"
              roption2.textContent="comb"
             
              let roption3 = window.document.createElement("option")
              roption3.value="brush"
              roption3.textContent="brush"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
  if(scs.selected_category === "bike-parts") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="bike-parts"
              rselect.id="bike-parts"
         
              let roption0 = window.document.createElement("option")
              roption0.value="bike-parts"
              roption0.textContent="Please select bike parts subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="tires"
              roption1.textContent="tires"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="handlebars"
              roption2.textContent="handle bars"
             
              let roption3 = window.document.createElement("option")
              roption3.value="grips"
              roption3.textContent="grips"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
//alert("scs.selected_category="+scs.selected_category)
 if(scs.selected_category === "boats") {
        alert("boatsId 1")
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        alert("boatsId 2")
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="boats"
              rselect.id="boats"
         
              let roption0 = window.document.createElement("option")
              roption0.value="boats"
              roption0.textContent="Please select boats subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="fuelpumps"
              roption1.textContent="fuelpumps"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="steeringwheel"
              roption2.textContent="steering wheel"
             
              let roption3 = window.document.createElement("option")
              roption3.value="gaspedal"
              roption3.textContent="gas pedal"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              
        //alert("divW 1")
              divW.appendChild(rselect)
        //alert("divW 2")
              
        
              columnIt2.appendChild(divW)
        //alert("columnIt2, divW should be in")
     
              
    }
    
    
   if(scs.selected_category === "books") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="books"
              rselect.id="books"
         
              let roption0 = window.document.createElement("option")
              roption0.value="books"
              roption0.textContent="Please select books subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="danielsteelbooks"
              roption1.textContent="daniel steel books"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="economicbooks"
              roption2.textContent="economic books"
             
              let roption3 = window.document.createElement("option")
              roption3.value="algebrabooks"
              roption3.textContent="algebra books"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
              divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "business") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="business"
              rselect.id="business"
         
              let roption0 = window.document.createElement("option")
              roption0.value="business"
              roption0.textContent="Please select business subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="onlinebooks"
              roption1.textContent="online books"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="businesspencils"
              roption2.textContent="business pencils"
             
              let roption3 = window.document.createElement("option")
              roption3.value="businesspens"
              roption3.textContent="business pens"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
              divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
 if(scs.selected_category === "cars-trucks") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="cars-trucks"
              rselect.id="cars-trucks"
         
              let roption0 = window.document.createElement("option")
              roption0.value="cars-trucks"
              roption0.textContent="Please select cars+trucks subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="audi5000s"
              roption1.textContent="audi 5000s"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="mercedes"
              roption2.textContent="mercedes"
             
              let roption3 = window.document.createElement("option")
              roption3.value="rollsroyces"
              roption3.textContent="rollsroyces"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
 //cds
  if(scs.selected_category === "cds") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="cds-dvd-vhs"
              rselect.id="cds-dvd-vhs"
         
              let roption0 = window.document.createElement("option")
              roption0.value="cds-dvd-vhs"
              roption0.textContent="Please select cds/dvd/vhs subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="cds"
              roption1.textContent="cds"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="dvds"
              roption2.textContent="dvds"
             
              let roption3 = window.document.createElement("option")
              roption3.value="vhses"
              roption3.textContent="vhses"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "cell_phones") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="cell-phones"
              rselect.id="cell-phones"
         
              let roption0 = window.document.createElement("option")
              roption0.value="cell-phones"
              roption0.textContent="Please select cell phones subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="nokiaphones"
              roption1.textContent="nokia phones"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="applephones"
              roption2.textContent="apple phones"
             
              let roption3 = window.document.createElement("option")
              roption3.value="verizonphones"
              roption3.textContent="verizon phones"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "cloths_acc") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="cloths-acc"
              rselect.id="cloths-acc"
         
              let roption0 = window.document.createElement("option")
              roption0.value="cloths-acc"
              roption0.textContent="Please select cloths acc subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="pants"
              roption1.textContent="pants"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="necklasses"
              roption2.textContent="necklasses"
             
              let roption3 = window.document.createElement("option")
              roption3.value="shirts"
              roption3.textContent="shirts"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
 if(scs.selected_category === "collectibles") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="collectibles"
              rselect.id="collectibles"
         
              let roption0 = window.document.createElement("option")
              roption0.value="collectibles"
              roption0.textContent="Please select collectibles subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="cards"
              roption1.textContent="cards"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="paintings"
              roption2.textContent="paintings"
             
              let roption3 = window.document.createElement("option")
              roption3.value="watercolors"
              roption3.textContent="water colors"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
 if(scs.selected_category === "computer_parts") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="computer-parts"
              rselect.id="computer-parts"
         
              let roption0 = window.document.createElement("option")
              roption0.value="computer-parts"
              roption0.textContent="Please select computer parts subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="diskdrives"
              roption1.textContent="disk drives"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="keyboards"
              roption2.textContent="keboards"
             
              let roption3 = window.document.createElement("option")
              roption3.value="mouses"
              roption3.textContent="mouses"
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              rselect.appendChild(roption3)
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
            divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "computers") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="computers"
              rselect.id="computers"
         
              let roption0 = window.document.createElement("option")
              roption0.value="computers"
              roption0.textContent="Please select computers subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="acercomputers"
              roption1.textContent="acer computers"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="dellcomputers"
              roption2.textContent="dell computers"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "electronics") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="electronics"
              rselect.id="electronics"
         
              let roption0 = window.document.createElement("option")
              roption0.value="electronics"
              roption0.textContent="Please select electronics subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="radios"
              roption1.textContent="radios"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="stereos"
              roption2.textContent="stereos"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "farm-garden") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="farm-garden"
              rselect.id="farm-garden"
         
              let roption0 = window.document.createElement("option")
              roption0.value="farm-garden"
              roption0.textContent="Please select farm+garden subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="rakes"
              roption1.textContent="rakes"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="shovels"
              roption2.textContent="shovels"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
     
 if(scs.selected_category === "free") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="free"
              rselect.id="free"
         
              let roption0 = window.document.createElement("option")
              roption0.value="free"
              roption0.textContent="Please select free subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="couches"
              roption1.textContent="couches"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="flowerpots"
              roption2.textContent="flower pots"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
            
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
            divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
if(scs.selected_category === "furniture") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="furniture"
              rselect.id="furniture"
         
              let roption0 = window.document.createElement("option")
              roption0.value="furniture"
              roption0.textContent="Please select furniture subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="chairs"
              roption1.textContent="chairs"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="tables"
              roption2.textContent="tables"   
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
           divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
if(scs.selected_category === "garagesale") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="garagesale"
              rselect.id="garagesale"
         
              let roption0 = window.document.createElement("option")
              roption0.value="garagesale"
              roption0.textContent="Please select garage sale subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="location1"
              roption1.textContent="location1"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="location2"
              roption2.textContent="location2"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
  
 if(scs.selected_category === "general") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="general"
              rselect.id="general"
         
              let roption0 = window.document.createElement("option")
              roption0.value="general"
              roption0.textContent="Please select general subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="general1"
              roption1.textContent="general1"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="general2"
              roption2.textContent="general2"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
if(scs.selected_category === "heavyequip") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="heavy-equip"
              rselect.id="heavy-equip"
         
              let roption0 = window.document.createElement("option")
              roption0.value="heavyequip"
              roption0.textContent="Please heavy equip subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="tractors"
              roption1.textContent="tractors"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="catipillar tractors"
              roption2.textContent="catipillar tractors"

             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
 if(scs.selected_category === "household") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="household"
              rselect.id="household"
         
              let roption0 = window.document.createElement("option")
              roption0.value="household"
              roption0.textContent="Please select household subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="lysols"
              roption1.textContent="lysols"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="mrgreen cleaners"
              roption2.textContent="mrgreen cleaners"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
              divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
 if(scs.selected_category === "jewelry") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="jewelry"
              rselect.id="jewelry"
         
              let roption0 = window.document.createElement("option")
              roption0.value="jewelry"
              roption0.textContent="Please select jewelry subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="bracelets"
              roption1.textContent="bracelets"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="necklasses"
              roption2.textContent="necklasses"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
 if(scs.selected_category === "jobs-available") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="jobs-available"
              rselect.id="jobs-available"
         
              let roption0 = window.document.createElement("option")
              roption0.value="jobs-available"
              roption0.textContent="Please select jobs available subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="mcdonalds"
              roption1.textContent="mcdonalds"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="tacobells"
              roption2.textContent="taco bells"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
            divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "materials") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="materials"
              rselect.id="materials"
         
              let roption0 = window.document.createElement("option")
              roption0.value="materials"
              roption0.textContent="Please materials subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="wood2x4s"
              roption1.textContent="wood2x4s"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="sheetmetal"
              roption2.textContent="sheetmetal"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
            divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "motorcycle-parts") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="motorcycle-parts"
              rselect.id="motorcycle-parts"
         
              let roption0 = window.document.createElement("option")
              roption0.value="motorcycle-parts"
              roption0.textContent="Please select motorcycle parts subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="tires"
              roption1.textContent="tires"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="seats"
              roption2.textContent="seats"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
 if(scs.selected_category === "motorcycles") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="motorcycles"
              rselect.id="motorcycles"
         
              let roption0 = window.document.createElement("option")
              roption0.value="motorcycles"
              roption0.textContent="Please select motorcycles subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="kawasaki"
              roption1.textContent="kawasaki"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="yamaha"
              roption2.textContent="yamaha"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "misc") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="misc"
              rselect.id="misc"
         
              let roption0 = window.document.createElement("option")
              roption0.value="misc"
              roption0.textContent="Please select misc subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="misc1"
              roption1.textContent="misc1"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="misc2"
              roption2.textContent="misc2"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "music-instr") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="music-instr"
              rselect.id="music-instr"
         
              let roption0 = window.document.createElement("option")
              roption0.value="music-instr"
              roption0.textContent="Please select music instr subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="guitar"
              roption1.textContent="guitar"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="piano"
              roption2.textContent="piano"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
 
 if(scs.selected_category === "photo-video") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="photo-video"
              rselect.id="photo-video"
         
              let roption0 = window.document.createElement("option")
              roption0.value="photo-video"
              roption0.textContent="Please select photo+video subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="photos"
              roption1.textContent="photos"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="videos"
              roption2.textContent="videos"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "rvs-camp") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="rvs-camp"
              rselect.id="rvs-camp"
         
              let roption0 = window.document.createElement("option")
              roption0.value="rvs-camp"
              roption0.textContent="Please select rvs+camp subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="coachmanrvs"
              roption1.textContent="coachman rvs"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="southwindrvs"
              roption2.textContent="southwind rvs"
             
            
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
              divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
  
 if(scs.selected_category === "sporting") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="sporting"
              rselect.id="sporting"
         
              let roption0 = window.document.createElement("option")
              roption0.value="sporting"
              roption0.textContent="Please select sporting subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="fishingpoles"
              roption1.textContent="fishingpoles"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="coolers"
              roption2.textContent="coolers"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
 if(scs.selected_category === "tickets") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="tickets"
              rselect.id="tickets"
         
              let roption0 = window.document.createElement("option")
              roption0.value="tickets"
              roption0.textContent="Please select tickets subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="tickets1"
              roption1.textContent="tickets1"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="tickets2"
              roption2.textContent="tickets2"
            
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
              divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
     
 if(scs.selected_category === "tools") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="tools"
              rselect.id="tools"
         
              let roption0 = window.document.createElement("option")
              roption0.value="tools"
              roption0.textContent="Please select tools subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="wrenches"
              roption1.textContent="wrenches"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="floorjacks"
              roption2.textContent="floor jacks"
             
              
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
            divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "toys-games") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="toys-games"
              rselect.id="toys-games"
         
              let roption0 = window.document.createElement("option")
              roption0.value="toys-games"
              roption0.textContent="Please select toys+games subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="toy1s"
              roption1.textContent="toy1s"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="toy2s"
              roption2.textContent="toy2s"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
            divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "trailers") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="trailers"
              rselect.id="trailers"
         
              let roption0 = window.document.createElement("option")
              roption0.value="trailers"
              roption0.textContent="Please select trailers subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="trailerbrand1s"
              roption1.textContent="trailer brand1s"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="trailerbrand2s"
              roption2.textContent="trailer brand2s"
             
 
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
            divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
     
 if(scs.selected_category === "video-gaming") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="video-gaming"
              rselect.id="video-gaming"
         
              let roption0 = window.document.createElement("option")
              roption0.value="video-gaming"
              roption0.textContent="Please select video gaming subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="gamingbrand1s"
              roption1.textContent="gaming brand1s"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="gamingbrand2s"
              roption2.textContent="gaming brand2s"
       
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
             
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
    
 if(scs.selected_category === "wanted") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="wanted"
              rselect.id="wanted"
         
              let roption0 = window.document.createElement("option")
              roption0.value="wanted"
              roption0.textContent="Please select wanted subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="tires"
              roption1.textContent="tires"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="brakepedals"
              roption2.textContent="brake pedals"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
              
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
           divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }
    
   
 if(scs.selected_category === "wheels-tires") {
        let divW = window.document.createElement("div")
        divW.id="divWId"
        let myNode = window.document.querySelector("#divWId")
          //if(!!myNode === false) alert("null")
                       
         while (!!myNode && myNode.lastElementChild) 
         {
              //alert("it")
              myNode.removeChild(myNode.lastElementChild);
         }
        
        let rselect = window.document.createElement("select")
              rselect.classList = "mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4"
              rselect.name="wheels-tires"
              rselect.id="wheels-tires"
         
              let roption0 = window.document.createElement("option")
              roption0.value="wheels-tires"
              roption0.textContent="Please select wheels+tires subcategory:"
              roption0.setAttribute("default","default")
            
              let roption1 = window.document.createElement("option")
              roption1.value="tires"
              roption1.textContent="tires"
              
            
              let roption2 = window.document.createElement("option")
              roption2.value="wheels"
              roption2.textContent="wheels"
             
             
             
              rselect.appendChild(roption0)
              rselect.appendChild(roption1)
              rselect.appendChild(roption2)
            
              
              let rsinput = window.document.createElement("input")
              rsinput.type="submit"
              rsinput.value="Submit"
        
             divW.appendChild(rselect)
              
        
              columnIt2.appendChild(divW)
              
    }   
    }
    */ /*
            antiques
                   appliances
    arts-crafts
    atv-utv-sno
    auto-parts
    aviation
    baby-kid
    barter
    beauty-hlth
    bike-parts
    boats
    books
    business
    cars-trucks
    cds-dvd-vhs
    cell-phones
    cloths-acc
    collectibles
    computer-parts
    computer
    electronics
    farm-garden
    free
    furniture
    garagesale
    general
    heavyequip
    household
    jewelry
    jobs-available
    materials
    motorcycleparts
    motorcycles
    music-instr
    photo-video
    rvs-camp
    sporting
    tickets
    tools
    toys-games
    trailer
    video-gaming
    wanted
    wheels-tires
                  */ /*
                   
    
    baby-kid
    barter
    beauty-hlth
    bike-parts
    boats
    books
    business
    cars-trucks
    cds-dvd-vhs
    cell-phones
    cloths-acc
    collectibles
    computer-parts
    computer
    electronics
    farm-garden
    free
    furniture
    garagesale
    general
    heavyequip
    household
    jewelry
    jobs-available
    materials
    motorcycleparts
    motorcycles
    music-instr
    photo-video
    rvs-camp
    sporting
    tickets
    tools
    toys-games
    trailer
    video-gaming
    wanted
    wheels-tires
                  */function check_category2(){category=scs.selected_category;}function check_category(){if(scs.selected_category==="antiques"){let selectElement=document.querySelector('#antiques');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
if(category==="Please select a category:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="appliances"){let selectElement=document.querySelector('#appliances');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="arts-crafts"){let selectElement=document.querySelector('#arts-crafts');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="atv-utv-sno"){let selectElement=document.querySelector('#atv-utv-sno');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="auto-parts"){let selectElement=document.querySelector('#auto-parts');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="aviation"){let selectElement=document.querySelector('#aviation');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="baby-kid"){let selectElement=document.querySelector('#baby-kid');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="barter"){let selectElement=document.querySelector('#barter');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="beauty-hlth"){let selectElement=document.querySelector('#beauty-hlth');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="bike-parts"){let selectElement=document.querySelector('#bike-parts');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="boats"){let selectElement=document.querySelector('#boats');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="books"){let selectElement=document.querySelector('#books');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="business"){let selectElement=document.querySelector('#business');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="cars-trucks"){let selectElement=document.querySelector('#cars-trucks');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="cds-dvd-vhs"){let selectElement=document.querySelector('#cds-dvd-vhs');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="cell-phones"){let selectElement=document.querySelector('#cell-phones');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="cloths-acc"){let selectElement=document.querySelector('#cloths-acc');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="collectibles"){let selectElement=document.querySelector('#collectibles');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="computer-parts"){let selectElement=document.querySelector('#computer-parts');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="computer"){let selectElement=document.querySelector('#computer');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="electronics"){let selectElement=document.querySelector('#electronics');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="farm-garden"){let selectElement=document.querySelector('#farm-garden');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="free"){let selectElement=document.querySelector('#free');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="furniture"){let selectElement=document.querySelector('#furniture');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="garagesale"){let selectElement=document.querySelector('#garagesale');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="general"){let selectElement=document.querySelector('#general');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="heavyequip"){let selectElement=document.querySelector('#heavyequip');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="household"){let selectElement=document.querySelector('#household');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="jewelry"){let selectElement=document.querySelector('#jewelry');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="jobs-available"){let selectElement=document.querySelector('#jobs-available');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="materials"){let selectElement=document.querySelector('#materials');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="motorcycleparts"){let selectElement=document.querySelector('#motorcycleparts');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="motorcycles"){let selectElement=document.querySelector('#motorcycles');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="music-instr"){let selectElement=document.querySelector('#music-instr');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="photo-video"){let selectElement=document.querySelector('#photo-video');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="rvs-camp"){let selectElement=document.querySelector('#rvs-camp');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="sporting"){let selectElement=document.querySelector('#sporting');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="tickets"){let selectElement=document.querySelector('#tickets');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="tools"){let selectElement=document.querySelector('#tools');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="toys-games"){let selectElement=document.querySelector('#toys-games');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="trailer"){let selectElement=document.querySelector('#trailer');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="video-gaming"){let selectElement=document.querySelector('#video-gaming');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="wanted"){let selectElement=document.querySelector('#wanted');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}else if(scs.selected_category==="wheels-tires"){let selectElement=document.querySelector('#');category=selectElement.value;console.log("select click="+category);//alert("select click="+category)
//category="dummy data"
if(category==="Please select a car make:"){alert("Thank you. The input needs a category.");return;}}}//#all-comments
let wrapperDiv;let fl1wrapperDiv;let fl2wrapperDiv;let fl3wrapperDiv;let fl4wrapperDiv;function createWrapperDivAndTwoSubDivs(){//alert("createWrapperDivAndTwoSubDivs, j="+j)
wrapperDiv=document.createElement('div');wrapperDiv.id="wd-"+j;wrapperDiv.class="w-full bg-blue-500 p-4";fl1wrapperDiv=document.createElement('div');fl1wrapperDiv.id="commentSectionId-"+j;fl1wrapperDiv.classList="flex flex-row items-center mt-4";fl2wrapperDiv=document.createElement('div');fl2wrapperDiv.id="buttonsParentId-"+j;fl2wrapperDiv.classList="flex flex-row";fl3wrapperDiv=document.createElement('div');fl3wrapperDiv.id="rbuttonsParentId-"+j;fl3wrapperDiv.classList="flex flex-row";fl4wrapperDiv=document.createElement('div');fl4wrapperDiv.id="srbuttonsParentId-"+j;fl4wrapperDiv.classList="hidden- flex flex-row border-2- border-[#FFD700]- rounded-md mt-4 px-4";}function editButton(k,commentString,str){let commentInput=window.document.createElement("input");commentInput.type="text";commentInput.id="inputElId-"+k;commentInput.value=commentString;commentInput.classList="p-2 pl-4 ml-4 bg-gray-200 focus:outline-none rounded-md w-full border-2 border-[#FFD700]";commentInput.setAttribute("maxlength","256");window.document.getElementById("commentSectionId-"+k).lastElementChild.remove();window.document.getElementById("commentSectionId-"+k).appendChild(commentInput);let myNode=window.document.getElementById("buttonsParentId-"+k);while(myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}let saveButton=window.document.createElement('button');saveButton.id="saveButtonId-"+k;saveButton.classList="ml-[60px] block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300 bg-yellow-100";saveButton.type="button";saveButton.textContent="Save";saveButton.onclick=function(){let editedComment=window.document.getElementById(commentInput.id).value.trim();//alert("editedComment="+editedComment)
//alert("str[1]="+str[1])
update(ref(db,"users/"+userId+`/${scs.selected_category}/`+currentVideoTitle+"/-"+str[1]),{'comment_structure/comment':editedComment}).then(()=>{//alert("The edited comment was saved successfully.")
saveOrCommentButton2(k,editedComment,str);}).catch(()=>{alert("The edited comment was NOT saved.");});};window.document.getElementById("buttonsParentId-"+k).appendChild(saveButton);//cancel button
let cancelButton=window.document.createElement('button');cancelButton.id="theCancelButtonId-"+k;cancelButton.classList="ml-4 block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300 bg-yellow-100";cancelButton.type="button";cancelButton.textContent="Cancel";cancelButton.onclick=function(){saveOrCommentButton2(k,commentString,str);};window.document.getElementById("buttonsParentId-"+k).appendChild(cancelButton);window.document.getElementById(commentInput.id).focus();}//this function works but I do not need it now because I am displaying the comments and replies though the button click, see the comments and replies
function firstSaveOrCommentButton(commentString,str){onValue(ref(db,'users/'+userId+"/profile_picture"),snapshot=>{//get(ref(db, 'users/' +userId+"/profile_picture"), (snapshot) => {
let pimg=document.createElement('img');pimg.id="cimgid-"+j;pimg.src=snapshot.val();pimg.classList="w-11 h-11 rounded-full";//fl1wrapperDiv.appendChild(pimg)
let commentDiv=window.document.createElement("div");commentDiv.id="divElId-"+j;commentDiv.textContent=commentString;commentDiv.classList="ml-4";//fl1wrapperDiv.appendChild(commentDiv)
let editButton2=window.document.createElement('button');editButton2.id="editButtonId-"+j;editButton2.classList="ml-[60px] block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300 bg-yellow-100";editButton2.type="button";editButton2.textContent="Edit";editButton2.onclick=function(){let i=parseInt(this.parentElement.id.split("-")[1]);editButton(i,commentString,str);};//fl2wrapperDiv.appendChild(editButton2)
const removeButton=window.document.createElement('button');removeButton.id="removeButtonId-"+j;removeButton.classList="block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300 bg-yellow-100";removeButton.type="button";removeButton.textContent="Remove";removeButton.onclick=function(){//1
if(confirm('Are you sure you want to remove this comment?')){this.parentElement.parentElement.remove();remove(ref(db,"users/"+userId+"/"+currentVideoTitle+"/-"+str[1])).then(()=>{//alert("The comment was removed successfully.")
}).catch(()=>{alert("The comment was NOT removed.");});}};//1
//fl2wrapperDiv.appendChild(removeButton)
//let replyButtonActive = false
let replyListDiv=window.document.createElement('div');replyListDiv.id="replyListId-"+j;replyListDiv.classList="hidden block mt-4 border-2- border-[#FFD700]- p-4- rounded-md- w-full break-words";replyListDiv.type="button";replyListDiv.textContent="";//let replyPaneldDiv=null;
let replyButton=window.document.createElement('button');replyButton.id="replyButtonId-"+j;replyButton.classList="hidden block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300";replyButton.type="button";replyButton.textContent="Reply";replyButton.onclick=()=>{//alert("Reply")
let replyPanelDiv=window.document.createElement('div');let iv=replyButton.id.split('-')[1];replyPanelDiv.id="replyContainerId-"+iv;replyPanelDiv.classList="block mt-4 border-2 border-[#FFD700] pl-4 pt-5 pr-4 pb-1 ml-56- rounded-md w-full";replyPanelDiv.textContent="";replyPanelDiv.onclick=()=>{//alert("onClick, its adding the input tag and buttons again")
let rinputEl=window.document.createElement("input");rinputEl.type="text";rinputEl.id="rinputElId-"+iv;rinputEl.value="";rinputEl.placeholder="Reply";rinputEl.classList="pl-4 bg-white ml-4- focus:outline-none rounded-md border-2 border-[#FFD700] w-full ";rinputEl.setAttribute("maxlength","256");let myNode=window.document.getElementById("replyContainerId-"+iv);while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}let saveTheReplyButton=window.document.createElement('button');saveTheReplyButton.id="replyButton2Id-"+iv;saveTheReplyButton.classList="block mt-4 border-2 border-[#FFD700] p-1 ml-4- rounded-md hover:bg-yellow-300 bg-yellow-100";saveTheReplyButton.type="button";saveTheReplyButton.textContent="Save the Reply";saveTheReplyButton.onclick=()=>{let theReply=window.document.getElementById("rinputElId-"+iv).value.trim();if(theReply.length==0){alert("Thank you; however, the reply needs to have at least one character.");return;}let div1w=window.document.createElement('div');let imgl=window.document.createElement('img');imgl.classList="rounded-full h-8 w-8";imgl.src="./profile_picture.jpg";div1w.classList="flex flex-row justify-center- items-center p-1 mb-2";let div1=window.document.createElement('div');div1.classList="ml-2 flex flex-row items-center";div1.textContent=theReply;div1w.appendChild(imgl);div1w.appendChild(div1);//store the reply to the database here
push(ref(db,'users/'+userId+`/${scs.selected_category}/`+currentVideoTitle+"/"+"/-"+str[1]+"/comment_structure/replies"),{reply:theReply}).then(text=>{//alert("The reply was saved successfully.")
});replyListDiv.appendChild(div1w);};//saveTheReplyButton.onclick = function () {
//////
let closeReplyPanelButton=window.document.createElement('button');closeReplyPanelButton.id="closeButton2Id-"+iv;closeReplyPanelButton.classList="block mt-4 border-2 border-[#FFD700] p-1 ml-4- rounded-md hover:bg-yellow-300";closeReplyPanelButton.type="button";closeReplyPanelButton.textContent="Close this panel";closeReplyPanelButton.onclick=()=>{window.document.getElementById(replyPanelDiv.id).remove();};let inARowDiv=window.document.createElement('div');inARowDiv.classList="flex flex-row justify-between";inARowDiv.appendChild(saveTheReplyButton);inARowDiv.appendChild(closeReplyPanelButton);replyPanelDiv.appendChild(rinputEl);replyPanelDiv.appendChild(inARowDiv);replyPanelDiv.appendChild(replyListDiv);rinputEl.focus();};//replyPanelDiv.onclick = function () {
//alert("iv="+iv+", j="+j)
//alert("rbuttonParentId, children length="+window.document.getElementById("rbuttonsParentId-"+iv).children.length)
if(window.document.getElementById("rbuttonsParentId-"+iv).children.length>0){}else{window.document.getElementById("rbuttonsParentId-"+iv).appendChild(replyPanelDiv);replyPanelDiv.click();}};//replyButton.onclick = function () {
/************************************************* a section
     * ***********************************************
     */let seeRepliesButton=window.document.createElement('button');seeRepliesButton.id="seeRepliesButtonId-"+j;seeRepliesButton.classList="hidden block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300";seeRepliesButton.type="button";seeRepliesButton.textContent="See Replies";seeRepliesButton.seeRepliesIsOpen=false;seeRepliesButton.onclick=()=>{//alert("See Replies button pressed")
let iv2=seeRepliesButton.id.split('-')[1];//alert("iv2="+iv2)
if(seeRepliesButton.seeRepliesIsOpen===false){window.document.getElementById("srbuttonsParentId-"+iv2).classList.add('border-2');window.document.getElementById("srbuttonsParentId-"+iv2).classList.add('border-[#FFD700]');seeRepliesButton.textContent="Close Replies";//window.document.getElementById("seeRepliesButton-"+iv2).textContent = "Close Replies"
//window.document.getElementById("srbuttonsParentId-"+iv).classList.toggle("hidden")
//loadComments2(userId, commentString,seeRepliesButton.id)
loadComments2(userId,commentString,iv2);seeRepliesButton.seeRepliesIsOpen=true;}else{window.document.getElementById("srbuttonsParentId-"+iv2).classList.remove('border-2');window.document.getElementById("srbuttonsParentId-"+iv2).classList.remove('border-[#FFD700]');//alert("remove it")
//empty it, fl4wrapperDiv
let myNode=window.document.getElementById("srbuttonsParentId-"+iv2);while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}seeRepliesButton.seeRepliesIsOpen=false;window.document.getElementById("seeRepliesButtonId-"+iv2).textContent="See Replies";}};//I am taking out the following two buttons because now I am using the see comments and replies button
fl2wrapperDiv.appendChild(replyButton);fl2wrapperDiv.appendChild(seeRepliesButton);wrapperDiv.appendChild(fl1wrapperDiv);wrapperDiv.appendChild(fl2wrapperDiv);wrapperDiv.appendChild(fl3wrapperDiv);//now using see comments and replies button
wrapperDiv.appendChild(fl4wrapperDiv);//now using see comments and replies button
let allComments=window.document.querySelector("#all-comments");allComments.appendChild(wrapperDiv);j=j+1;});}function saveOrCommentButton2(k,commentString,str){var divEl=window.document.createElement("div");divEl.id="divElId-"+k;divEl.textContent=commentString;divEl.classList="ml-4";window.document.getElementById("commentSectionId-"+k).lastElementChild.remove();window.document.getElementById("commentSectionId-"+k).appendChild(divEl);const myNode=window.document.getElementById("buttonsParentId-"+k);while(myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}const newButton1=window.document.createElement('button');newButton1.id="editButtonId-"+k;newButton1.classList="ml-[60px] block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300 bg-yellow-100";newButton1.type="button";newButton1.textContent="Edit";newButton1.onclick=function(){editButton(k,commentString,str);};window.document.getElementById("buttonsParentId-"+k).appendChild(newButton1);const newButton2=window.document.createElement('button');newButton2.id="removeButtonId-"+k;newButton2.classList="block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300 bg-yellow-100";newButton2.type="button";newButton2.textContent="Remove";newButton2.onclick=function(){//1
this.parentElement.parentElement.remove();remove(ref(db,"users/"+userId+"/"+currentVideoTitle+"/-"+str[1])).then(()=>{// alert("The comment was removed successfully.")
}).catch(()=>{alert("The comment was NOT removed.");});};//1
window.document.getElementById("buttonsParentId-"+k).appendChild(newButton2);////////////////////////
//let replyButtonActive = false
let replyListDiv=window.document.createElement('div');replyListDiv.id="replyListId-"+j;replyListDiv.classList="hidden block mt-4 border-2- border-[#FFD700]- p-4- rounded-md- w-full break-words";replyListDiv.type="button";replyListDiv.textContent="";//let replyPaneldDiv=null;
let replyButton=window.document.createElement('button');replyButton.id="replyButtonId-"+j;replyButton.classList="hidden block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300";replyButton.type="button";replyButton.textContent="Reply";replyButton.onclick=()=>{//alert("Reply")
let replyPanelDiv=window.document.createElement('div');//let iv = replyButton.id.split('-')[1]
replyPanelDiv.id="replyContainerId-"+k;//iv
replyPanelDiv.classList="block mt-4 border-2 border-[#FFD700] pl-4 pt-5 pr-4 pb-1 ml-56- rounded-md w-full";replyPanelDiv.textContent="";replyPanelDiv.onclick=()=>{//alert("onClick, its adding the input tag and buttons again")
let rinputEl=window.document.createElement("input");rinputEl.type="text";rinputEl.id="rinputElId-"+k;//iv
rinputEl.value="";rinputEl.placeholder="Reply";rinputEl.classList="pl-4 bg-white ml-4- focus:outline-none rounded-md border-2 border-[#FFD700] w-full ";rinputEl.setAttribute("maxlength","256");let myNode=window.document.getElementById("replyContainerId-"+k);//iv
while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}let saveTheReplyButton=window.document.createElement('button');saveTheReplyButton.id="replyButton2Id-"+k;//iv
saveTheReplyButton.classList="block mt-4 border-2 border-[#FFD700] p-1 ml-4- rounded-md hover:bg-yellow-300";saveTheReplyButton.type="button";saveTheReplyButton.textContent="Save the Reply";saveTheReplyButton.onclick=()=>{let theReply=window.document.getElementById("rinputElId-"+k).value.trim();//+iv
if(theReply.length==0){alert("Thank you; however, the reply needs to have at least one character.");return;}let div1w=window.document.createElement('div');let imgl=window.document.createElement('img');imgl.classList="rounded-full h-8 w-8";imgl.src="./profile_picture.jpg";div1w.classList="flex flex-row justify-center- items-center p-1 mb-2";let div1=window.document.createElement('div');div1.classList="ml-2 flex flex-row items-center";div1.textContent=theReply;div1w.appendChild(imgl);div1w.appendChild(div1);//store the reply to the database here
push(ref(db,'users/'+userId+`/${scs.selected_category}/-`+str[1]+"/comment_structure/replies"),{reply:theReply}).then(text=>{//alert("The reply was saved successfully.")
});replyListDiv.appendChild(div1w);};//saveTheReplyButton.onclick = function () {
//////
let closeReplyPanelButton=window.document.createElement('button');closeReplyPanelButton.id="closeButton2Id-"+k;//iv
closeReplyPanelButton.classList="block mt-4 border-2 border-[#FFD700] p-1 ml-4- rounded-md hover:bg-yellow-300";closeReplyPanelButton.type="button";closeReplyPanelButton.textContent="Close this panel";closeReplyPanelButton.onclick=()=>{window.document.getElementById(replyPanelDiv.id).remove();};let inARowDiv=window.document.createElement('div');inARowDiv.classList="flex flex-row justify-between";inARowDiv.appendChild(saveTheReplyButton);inARowDiv.appendChild(closeReplyPanelButton);replyPanelDiv.appendChild(rinputEl);replyPanelDiv.appendChild(inARowDiv);replyPanelDiv.appendChild(replyListDiv);rinputEl.focus();};//replyPanelDiv.onclick = function () {
//alert("iv="+iv+", j="+j)
//alert("rbuttonParentId, children length="+window.document.getElementById("rbuttonsParentId-"+iv).children.length)
if(window.document.getElementById("rbuttonsParentId-"+k).children.length>0)//+iv
{}else{window.document.getElementById("rbuttonsParentId-"+k).appendChild(replyPanelDiv);//+iv
replyPanelDiv.click();}};//replyButton.onclick = function () {
let seeRepliesButton=window.document.createElement('button');seeRepliesButton.id="seeRepliesButtonId-"+k;//j
seeRepliesButton.classList="hidden block mt-4 border-2 border-[#FFD700] p-1 ml-4 rounded-md hover:bg-yellow-300";seeRepliesButton.type="button";seeRepliesButton.textContent="See Replies";seeRepliesButton.seeRepliesIsOpen=false;seeRepliesButton.onclick=()=>{//alert("See Replies button pressed")
let iv2=seeRepliesButton.id.split('-')[1];//alert("iv2="+iv2)
if(seeRepliesButton.seeRepliesIsOpen===false){seeRepliesButton.textContent="Close Replies";//window.document.getElementById("seeRepliesButton-"+iv2).textContent = "Close Replies"
//window.document.getElementById("srbuttonsParentId-"+iv).classList.toggle("hidden")
//loadComments2(userId, commentString,seeRepliesButton.id)
loadComments2(userId,commentString,iv2);seeRepliesButton.seeRepliesIsOpen=true;}else{//alert("remove it")
//empty it, fl4wrapperDiv
let myNode=window.document.getElementById("srbuttonsParentId-"+iv2);while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}seeRepliesButton.seeRepliesIsOpen=false;window.document.getElementById("seeRepliesButtonId-"+iv2).textContent="See Replies";}};//alert("j="+j)
//fl2wrapperDiv.appendChild(replyButton)
//fl2wrapperDiv.appendChild(seeRepliesButton)
window.document.getElementById("buttonsParentId-"+k).appendChild(replyButton);window.document.getElementById("buttonsParentId-"+k).appendChild(seeRepliesButton);//////////////////////////////////
window.document.getElementById("wd-"+k).appendChild(window.document.getElementById("buttonsParentId-"+k));window.document.getElementById("wd-"+k).appendChild(window.document.getElementById("rbuttonsParentId-"+k));window.document.getElementById("wd-"+k).appendChild(window.document.getElementById("srbuttonsParentId-"+k));////////////////////////
}function addComment(){if(currentVideoTitle===''){alert('Please select a video first.');return;}createWrapperDivAndTwoSubDivs();var commentString=document.getElementById("commentId").value.trim();if(commentString.length==0){alert("Thank you; however, the comment needs to have at least one character.");return;}const dt=JSON.stringify(new Date());//console.log("comment one, dt="+dt)
push(ref(db,'users/'+userId+`/${scs.selected_category}/`+currentVideoTitle),{comment_structure:{comment:commentString,comment_storage_time:dt}}).then(text=>{let str=text.toString().split("/-");//alert(str)
//firstSaveOrCommentButton(commentString,str)
alert("The comment was saved.");}).catch(()=>{alert("The comment was NOT saved.");});}function setSelected(){if(scs.selected_category==="antiques"){window.document.querySelector("#antiquesId").setAttribute("checked","checked");}else if(scs.selected_category==="appliances"){window.document.querySelector("#appliancesId").setAttribute("checked","checked");}else if(scs.selected_category==="arts-crafts"){window.document.querySelector("#arts-craftsId").setAttribute("checked","checked");}else if(scs.selected_category==="atv-utv-sno"){window.document.querySelector("#atv-utv-snoId").setAttribute("checked","checked");}else if(scs.selected_category==="auto-parts"){window.document.querySelector("#auto-partsId").setAttribute("checked","checked");}else if(scs.selected_category==="aviation"){window.document.querySelector("#aviationId").setAttribute("checked","checked");}else if(scs.selected_category==="baby-kid"){window.document.querySelector("#baby-kidId").setAttribute("checked","checked");}else if(scs.selected_category==="barter"){window.document.querySelector("#barterId").setAttribute("checked","checked");}else if(scs.selected_category==="beauty-hlth"){window.document.querySelector("#beauty-hlthId").setAttribute("checked","checked");}else if(scs.selected_category==="bike-parts"){window.document.querySelector("#bike-partsId").setAttribute("checked","checked");}else if(scs.selected_category==="boats"){window.document.querySelector("#boatsId").setAttribute("checked","checked");}else if(scs.selected_category==="books"){window.document.querySelector("#booksId").setAttribute("checked","checked");}else if(scs.selected_category==="business"){window.document.querySelector("#businessId").setAttribute("checked","checked");}else if(scs.selected_category==="cars-trucks"){window.document.querySelector("#cars-trucksId").setAttribute("checked","checked");}else if(scs.selected_category==="cds"){window.document.querySelector("#cdsId").setAttribute("checked","checked");}else if(scs.selected_category==="cell-phones"){window.document.querySelector("#cell-phonesId").setAttribute("checked","checked");}else if(scs.selected_category==="cloths-acc"){window.document.querySelector("#cloths-accId").setAttribute("checked","checked");}else if(scs.selected_category==="collectibles"){window.document.querySelector("#collectiblesId").setAttribute("checked","checked");}else if(scs.selected_category==="computer-parts"){window.document.querySelector("#computer-partsId").setAttribute("checked","checked");}else if(scs.selected_category==="computers"){window.document.querySelector("#computersId").setAttribute("checked","checked");}else if(scs.selected_category==="electronics"){window.document.querySelector("#electronicsId").setAttribute("checked","checked");}else if(scs.selected_category==="farm-garden"){window.document.querySelector("#farm-gardenId").setAttribute("checked","checked");}else if(scs.selected_category==="free"){window.document.querySelector("#freeId").setAttribute("checked","checked");}else if(scs.selected_category==="furniture"){window.document.querySelector("#furnitureId").setAttribute("checked","checked");}else if(scs.selected_category==="garagesale"){window.document.querySelector("#garagesaleId").setAttribute("checked","checked");}else if(scs.selected_category==="general"){window.document.querySelector("#generalId").setAttribute("checked","checked");}else if(scs.selected_category==="heavyequip"){window.document.querySelector("#heavyequipId").setAttribute("checked","checked");}else if(scs.selected_category==="household"){window.document.querySelector("#householdId").setAttribute("checked","checked");}else if(scs.selected_category==="jewelry"){window.document.querySelector("#jewelryId").setAttribute("checked","checked");}else if(scs.selected_category==="jobs-available"){window.document.querySelector("#jobs-availableId").setAttribute("checked","checked");}else if(scs.selected_category==="materials"){window.document.querySelector("#materialsId").setAttribute("checked","checked");}else if(scs.selected_category==="misc"){window.document.querySelector("#miscId").setAttribute("checked","checked");}else if(scs.selected_category==="motorcycleparts"){window.document.querySelector("#motorcyclepartsId").setAttribute("checked","checked");}else if(scs.selected_category==="motorcycles"){window.document.querySelector("#motorcyclesId").setAttribute("checked","checked");}else if(scs.selected_category==="music-instr"){window.document.querySelector("#music-instrId").setAttribute("checked","checked");}else if(scs.selected_category==="photo-video"){window.document.querySelector("#photo-videoId").setAttribute("checked","checked");}else if(scs.selected_category==="rvs-camp"){window.document.querySelector("#rvs-campId").setAttribute("checked","checked");}else if(scs.selected_category==="sporting"){window.document.querySelector("#sportingId").setAttribute("checked","checked");}else if(scs.selected_category==="tickets"){window.document.querySelector("#ticketsId").setAttribute("checked","checked");}else if(scs.selected_category==="tools"){window.document.querySelector("#toolsId").setAttribute("checked","checked");}else if(scs.selected_category==="toys-games"){window.document.querySelector("#toys-gamesId").setAttribute("checked","checked");}else if(scs.selected_category==="trailers"){window.document.querySelector("#trailersId").setAttribute("checked","checked");}else if(scs.selected_category==="video-gaming"){window.document.querySelector("#video-gamingId").setAttribute("checked","checked");}else if(scs.selected_category==="wanted"){window.document.querySelector("#wantedId").setAttribute("checked","checked");}else if(scs.selected_category==="wheels-tires"){window.document.querySelector("#wheels-tiresId").setAttribute("checked","checked");}else{}}//////
function vr(){alert("vremove, video_id="+video_id);}function sp(){//alert("sp, adminLoggedIn="+adminLoggedIn)
console.log("last_chosen_id="+last_chosen_id);//let rb = window.document.getElementById(last_chosen_id)
//rb.checked = true
if(adminLoggedIn===true){if(!!uploadTask1===true){uploadTask1.cancel();uploadTask1=undefined;let recoverBalance=pennies+window.currentPenniesBalance;window.currentPenniesBalance=recoverBalance;//alert(recoverBalance)
window.document.querySelector("#remainingbalance").textContent=String(recoverBalance);update(ref(db,'users/'+obj.userId2),{balance:recoverBalance}).then(text=>{//alert("recoverBalance successful")
});//total_byte_count = total_byte_count-videoFileSize
//window.document.querySelector("#bytescount").innerHTML=total_byte_count
//update(ref(db, 'users/'+obj.userId2), {total_byte_count:total_byte_count}).then((text)=>{})
}if(!!uploadTask2===true)//thumbnail
{uploadTask2.cancel();uploadTask2=undefined;}if(!!uploadTask3===true){uploadTask3.cancel();uploadTask3=undefined;let recoverBalance=pennies+window.currentPenniesBalance;window.currentPenniesBalance=recoverBalance;//alert(recoverBalance)
window.document.querySelector("#remainingbalance").textContent=String(recoverBalance);update(ref(db,'users/'+obj.userId2),{balance:recoverBalance}).then(text=>{//alert("recoverBalance successful")
});//total_byte_count = total_byte_count-videoFileSize
//window.document.querySelector("#bytescount").innerHTML=total_byte_count
//update(ref(db, 'users/'+obj.userId2), {total_byte_count:total_byte_count}).then((text)=>{})
}//window.document.querySelector('#panelIds').classList.toggle('hidden')
if(!!window.document.querySelector('#group')){window.document.querySelector('#group').remove();}window.document.querySelector('#settingsId').classList.toggle('hidden');window.document.querySelector('#settingsId').classList.toggle('lg:hidden');window.document.querySelector('#quotaId').classList.toggle('hidden');window.document.querySelector('#quotaId').classList.toggle('lg:hidden');window.document.querySelector('#newVideosId').classList.toggle('hidden');window.document.querySelector('#newVideosId').classList.toggle('lg:hidden');window.document.querySelector('#checkboxesId').classList.toggle('hidden');window.document.querySelector('#cats').classList.toggle('hidden');window.document.querySelector('#top-menu').classList.toggle('hidden');window.document.querySelector('#vdiv').classList.toggle('hidden');window.document.querySelector('#vtitle').classList.toggle('hidden');window.document.querySelector('#all-things').classList.toggle('hidden');setSelected();uploadReplyPictureOrVideo(userId);let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent=scs.display_category;window.document.querySelector('#divWId').appendChild(theCategoryTitle);window.document.querySelector('#emailli-label').classList.toggle('hidden');window.document.querySelector('#emailli-id').classList.toggle('hidden');window.document.getElementById('emailli-id').innerHTML=emailli;window.document.querySelector('#balancelabel').classList.toggle('hidden');window.document.querySelector('#bytescountlabel').classList.toggle('hidden');window.document.querySelector('#remainingbalance').classList.toggle('hidden');window.document.querySelector('#bytescount').classList.toggle('hidden');window.document.getElementById('remainingbalance').innerHTML=currentPenniesBalance;if(window.firsttimepaying2===true){window.document.querySelector("#cancelsubscription").classList.add("pointer-events-none");}else{window.document.querySelector("#cancelsubscription").classList.add("pointer-events-auto");}}else{if(!!uploadTask1===true){uploadTask1.cancel();uploadTask1=undefined;let recoverBalance=pennies+window.currentPenniesBalance;window.currentPenniesBalance=recoverBalance;//alert(recoverBalance)
window.document.querySelector("#remainingbalance").textContent=String(recoverBalance);update(ref(db,'users/'+obj.userId2),{balance:recoverBalance}).then(text=>{//alert("recoverBalance successful")
});//total_byte_count = total_byte_count-videoFileSize
//window.document.querySelector("#bytescount").innerHTML=total_byte_count
//update(ref(db, 'users/'+obj.userId2), {total_byte_count:total_byte_count}).then((text)=>{})
}if(!!uploadTask2===true)//thumbnail
{uploadTask2.cancel();uploadTask2=undefined;}if(!!uploadTask3===true){uploadTask3.cancel();uploadTask3=undefined;let recoverBalance=pennies+window.currentPenniesBalance;window.currentPenniesBalance=recoverBalance;//alert(recoverBalance)
window.document.querySelector("#remainingbalance").textContent=String(recoverBalance);update(ref(db,'users/'+obj.userId2),{balance:recoverBalance}).then(text=>{//alert("recoverBalance successful")
});//total_byte_count = total_byte_count-videoFileSize
//window.document.querySelector("#bytescount").innerHTML=total_byte_count
//update(ref(db, 'users/'+obj.userId2), {total_byte_count:total_byte_count}).then((text)=>{})
}if(!!window.document.querySelector('#group')){window.document.querySelector('#group').remove();}window.document.querySelector('#settingsId').classList.toggle('hidden');window.document.querySelector('#settingsId').classList.toggle('lg:hidden');window.document.querySelector('#newVideosId').classList.toggle('hidden');window.document.querySelector('#newVideosId').classList.toggle('lg:hidden');window.document.querySelector('#checkboxesId').classList.toggle('hidden');window.document.querySelector('#emailli-label').classList.toggle('hidden');window.document.querySelector('#emailli-id').classList.toggle('hidden');window.document.getElementById('emailli-id').innerHTML=emailli;window.document.querySelector('#balancelabel').classList.toggle('hidden');window.document.querySelector('#bytescountlabel').classList.toggle('hidden');window.document.querySelector('#remainingbalance').classList.toggle('hidden');window.document.querySelector('#bytescount').classList.toggle('hidden');window.document.getElementById('remainingbalance').innerHTML=currentPenniesBalance;window.document.querySelector('#cats').classList.toggle('hidden');window.document.querySelector('#top-menu').classList.toggle('hidden');//window.document.querySelector('#vdiv').classList.toggle('hidden')
// window.document.querySelector('#vtitle').classList.toggle('hidden')
// window.document.querySelector('#all-things').classList.toggle('hidden')
if(window.firsttimepaying2===true){window.document.querySelector("#cancelsubscription").classList.add("pointer-events-none");}else{window.document.querySelector("#cancelsubscription").classList.add("pointer-events-auto");}setSelected();uploadReplyPictureOrVideo(userId);let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent=scs.display_category;window.document.querySelector('#divWId').appendChild(theCategoryTitle);}}function check_valid(state,city){//check with list to make sure the state and city are real
let arr=[];let rstate="";let lcity="";let r=false;for(let i=0;i<city_state_array.length;i++){arr=city_state_array[i].split(";");//rstate = arr[1].replaceAll("-", " ")
rstate=!!arr[1]&&arr[1].replaceAll(/-/g," ");//lcity = arr[0].replaceAll("-", " ")
lcity=!!arr[0]&&arr[0].replaceAll(/-/g," ");if(rstate===state&&lcity===city){//alert("found it")
//return true
//alert(rstate)
//alert(lcity)
r=true;break;}}return r;//if(state==="nevada" && city==="wells")
//return true
//else return false
}function scbuttonf(){//alert("getthestateandcitybuttonf")
thestate=window.document.getElementById('getthestate').value.trim().toLowerCase();thecity=window.document.getElementById('getthecity').value.trim().toLowerCase();//alert("thestate="+thestate)
//alert("thecity="+thecity)
//if the state and city are valid do these three lines
//otherwise set them back to empty strings
let r=true;//check_valid(thestate,thecity)
//alert("r="+r)
if(r===true){enteredCityAndState=true;addAuto();//window.document.getElementById("signupPanel").removeAttribute("disabled")
//window.document.getElementById("loginPanel").removeAttribute("disabled")
//window.document.getElementById("settings").removeAttribute("disabled")
//alert("scbuttonf, thestate="+thestate)
//alert("thecity"+thecity)
if(window.document.querySelector("#city-title-id").classList.contains('hidden')){window.document.querySelector("#city-title-id").classList.toggle('hidden');window.document.querySelector("#state-title-id").classList.toggle('hidden');}window.document.querySelector("#city-title-id").textContent=thecity;window.document.querySelector("#state-title-id").textContent=thestate;showTheMap(thecity,thestate);putNumbers(thestate,thecity);}else{alert("The state and city are not valid");}}function su(){if(enteredCityAndState===false){alert("Please submit your city and state and try again.");return;}window.document.querySelector('#signUpId').classList.toggle('hidden');window.document.querySelector('#signUpId').classList.toggle('lg:hidden');window.document.querySelector('#username').value="";window.document.querySelector('#email1').value="";window.document.querySelector('#passwordId1').value="";if(!window.document.querySelector("#loginId").classList.contains('hidden')){window.document.querySelector('#loginId').classList.toggle('hidden');window.document.querySelector('#loginId').classList.toggle('lg:hidden');}}function li(){if(enteredCityAndState===false){alert("Please submit your city and state and try again.");return;}window.document.querySelector('#email2').value="";window.document.querySelector('#passwordId2').value="";window.document.querySelector('#loginId').classList.toggle('hidden');window.document.querySelector('#loginId').classList.toggle('lg:hidden');if(!window.document.querySelector("#signUpId").classList.contains('hidden')){window.document.querySelector('#signUpId').classList.toggle('hidden');window.document.querySelector('#signUpId').classList.toggle('lg:hidden');}}function q(){//alert("q")
const pqv=10;//window.document.querySelector('#pictureQuotaId').value.trim()
const vqv=10;//window.document.querySelector('#videoQuotaId').value.trim()
set(ref(db,'dataforme/quotapicture'),pqv).then(text=>{alert("The users' picture upload quota amount is stored.");}).catch(()=>{alert("The picture quota was NOT stored.");});set(ref(db,'dataforme/quotavideo'),vqv).then(text=>{alert("The users' video upload quota amount is stored.");}).catch(()=>{alert("The video quota was NOT stored.");});}function updateDefaultCategory(){//alert("q")
const dc1=window.document.querySelector('#dcategoryId').value.trim();const dc=dc1.replace(/\W/g,'');update(ref(db,'users/'+userId+"/dc"),{default_category:dc,display_default_category:dc1}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});}function nv(){/*
        var eElement; // some E DOM instance
var newFirstElement; //element which should be first in E

eElement.insertBefore(newFirstElement, eElement.firstChild);
        */const nvl=window.document.querySelector('#newVideoId').value.trim();//alert("nvl="+nvl)
/*
        <a class="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md" href="#" onClick="putUpVideo('https://www.youtube.com/embed/sMitmZxFi10','Be Best, an initiative by First Lady Melania Trump')">
              <div class="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4">1.</div><div class="ml-4- flex-shrink-0"><img src="./first-lady-melania-shares-be-best.webp" class="w-20 h-20 object-cover rounded-md" /></div>
           <div class="ml-4"><span  class="block">Be Best, an initiative by First Lady Melania Trump
</span></div> 
              </a>
        */let natag=window.document.createElement('a');natag.classList="p-4 block flex flex-row mb-4 hover:bg-gray-200 rounded-md";natag.href="#";//natag.onclick="putUpVideo("+nvl+")"
natag.onclick=()=>{alert("onclick, putupvideo, nvl="+nvl);//currentVideoTitle = vtitle
//currentVideoTitle= currentVideoTitle.replace(/\W/g, '')
//alert(currentVideoTitle)
//videoUpAlready=true
//relative w-full pb-[56.25%] h-0
//absolute top-0 left-0 w-full h-full'
//document.querySelector('#vdiv').innerHTML="<iframe class='w-full h-[100%]- h-[450px] object-cover' src="+vlink+"?autoplay=1"+" title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>"
document.querySelector('#vdiv').innerHTML="<iframe class='absolute top-0 left-0 w-full h-full' src="+nvl+"?autoplay=1"+" title='YouTube video player' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe>";document.querySelector('#vtitle').textContent="new title";//vtitle
};let natagDiv1=window.document.createElement('div');natagDiv1.classList="w-12 h-12 rounded-full bg-green-600 flex flex-row justify-center items-center flex-shrink-0 mr-4";let natagDiv2=window.document.createElement('div');natagDiv2.classList="ml-4- flex-shrink-0";let img1Tag=window.document.createElement('img');img1Tag.classList="w-20 h-20 object-cover rounded-md";let natagDiv3=window.document.createElement('div');natagDiv3.classList="ml-4";let spanTag=window.document.createElement('span');spanTag.classList="block";spanTag.textContent="video text content";natag.appendChild(natagDiv1);natag.appendChild(natagDiv2);natagDiv2.appendChild(img1Tag);natag.appendChild(natagDiv3);natagDiv3.appendChild(spanTag);let el=window.document.querySelector("#rightColumn");window.document.querySelector("#rightColumn").appendChild(natag);el.insertBefore(natag,el.firstChild);//alert("done")
}//////
let seeRepliesIsOpen=false;function sr2(){//alert("in sr2")
if(currentVideoTitle===''){alert("Please select a video.");return;}loadComments(userId);//load the comments for the video
}window.sr2=sr2;var scbuttonpanel=window.document.querySelector("#scbutton");var signupPanel=window.document.querySelector("#signupPanel");var loginPanel=window.document.querySelector("#loginPanel");var settingsPanel=window.document.querySelector("#settings");var seeReplies=window.document.querySelector("#seeRepliesButtonId");scbuttonpanel.addEventListener('click',scbuttonf);signupPanel.addEventListener('click',su);loginPanel.addEventListener('click',li);seeReplies.addEventListener('click',sr2);settingsPanel.addEventListener('click',sp);const commentId=window.document.querySelector("#commentId");const addButton=window.document.querySelector("#addCommentId");addButton.addEventListener('click',addComment);var quotaButton=window.document.querySelector("#quotaButtonId");quotaButton.addEventListener('click',q);var defaultCategoryButton=window.document.querySelector("#dcategoryButtonId");defaultCategoryButton.addEventListener('click',updateDefaultCategory);/////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////
function deactivateTheOthers(){}/************************************************* a section
     * ***********************************************
     */function listCategories(){let myNode;let div0=window.document.createElement("div");//let a1count;
let a1div1=window.document.createElement("div");a1div1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let a1a1=window.document.createElement("a");a1a1.id="a1a1-1";a1a1.classList="cursor-pointer";a1a1.textContent="antiques";a1a1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";a1div1.appendChild(a1a1);let a1input1r=window.document.createElement("input");a1input1r.id="a1input1r-1";a1input1r.name="a";a1input1r.type="radio";a1input1r.classList="w-4 h-4";a1input1r.onclick=()=>{addNone();last_chosen_id="a1input1r-1";myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#a1input1r-1').checked){scs.selected_category="antiques";scs.display_selected_category="antiques";if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"antiques",display_default_category:"antiques",tpv_last_chosen_id:"a1input1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});deactivateTheOthers();loadVideos2t(true,false);removeNone();addAuto();}};let a1input1rLabel=window.document.createElement("label");a1input1rLabel.for="a1input1r-1";a1input1rLabel.textContent="Text Ads";a1input1rLabel.classList="ml-1 mr-2 text-xs";a1input1rLabel.title="click to display the text ads";let a1input2r=window.document.createElement("input");a1input2r.id="a1input2r-1";a1input2r.name="a";a1input2r.type="radio";a1input2r.classList="w-4 h-4";a1input2r.onclick=()=>{addNone();last_chosen_id="a1input2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#a1input2r-1').checked){scs.selected_category="antiques";scs.display_selected_category="antiques";if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"antiques",display_default_category:"antiques",tpv_last_chosen_id:"a1input2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let a1input2rLabel=window.document.createElement("label");a1input2rLabel.for="a1input2r-1";a1input2rLabel.textContent="Picture Ads";a1input2rLabel.classList="ml-1 mr-2 text-xs";a1input2rLabel.title="click to display the picture ads";let a1input3r=window.document.createElement("input");a1input3r.id="a1input3r-1";a1input3r.name="a";a1input3r.type="radio";a1input3r.classList="w-4 h-4";a1input3r.onclick=()=>{addNone();last_chosen_id="a1input3r-1";//alert("v before")
//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#a1input3r-1').checked){//alert("v checked is true")
scs.selected_category="antiques";scs.display_selected_category="antiques";if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"antiques",display_default_category:"antiques",tpv_last_chosen_id:"a1input3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});//alert("about to call loadVideos2")
console.log("loadVideos2 4");//alert(3)
loadVideos2(true,false,2);removeNone();addAuto();}};let a1input3rLabel=window.document.createElement("label");a1input3rLabel.for="a1input3r-1";a1input3rLabel.textContent="Video Ads";a1input3rLabel.classList="ml-1 mr-2 text-xs";a1input2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountantiques";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountantiques";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountantiques";a1div1.appendChild(a1tcount);a1div1.appendChild(a1input1r);a1div1.appendChild(a1input1rLabel);a1div1.appendChild(a1pcount);a1div1.appendChild(a1input2r);a1div1.appendChild(a1input2rLabel);a1div1.appendChild(a1vcount);a1div1.appendChild(a1input3r);a1div1.appendChild(a1input3rLabel);div0.appendChild(a1div1);let adiv1=window.document.createElement("div");adiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aa1=window.document.createElement("a");aa1.id="aa1-1";aa1.classList="cursor-pointer";aa1.textContent="appliances";aa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";adiv1.appendChild(aa1);let ainput1r=window.document.createElement("input");ainput1r.id="ainput1r-1";ainput1r.name="a";ainput1r.type="radio";ainput1r.classList="w-4 h-4";ainput1r.onclick=()=>{addNone();last_chosen_id="ainput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ainput1r-1').checked){scs.selected_category="appliances";scs.display_selected_category="appliances";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"appliances",display_default_category:"appliances",tpv_last_chosen_id:"ainput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let ainput1rLabel=window.document.createElement("label");ainput1rLabel.for="ainput1r-1";ainput1rLabel.textContent="Text Ads";ainput1rLabel.classList="ml-1 mr-2 text-xs";ainput1rLabel.title="click to display the text ads";let ainput2r=window.document.createElement("input");ainput2r.id="ainput2r-1";ainput2r.name="a";ainput2r.type="radio";ainput2r.classList="w-4 h-4";ainput2r.onclick=()=>{addNone();last_chosen_id="ainput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ainput2r-1').checked){scs.selected_category="appliances";scs.display_selected_category="appliances";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"appliances",display_default_category:"appliances",tpv_last_chosen_id:"ainput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let ainput2rLabel=window.document.createElement("label");ainput2rLabel.for="ainput2r-1";ainput2rLabel.textContent="Picture Ads";ainput2rLabel.classList="ml-1 mr-2 text-xs";ainput2rLabel.title="click to display the picture ads";let ainput3r=window.document.createElement("input");ainput3r.id="ainput3r-1";ainput3r.name="a";ainput3r.type="radio";ainput3r.classList="w-4 h-4";ainput3r.onclick=()=>{addNone();last_chosen_id="ainput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ainput3r-1').checked){scs.selected_category="appliances";scs.display_selected_category="appliances";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"appliances",display_default_category:"appliances",tpv_last_chosen_id:"ainput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 5");loadVideos2(true,false,3);removeNone();addAuto();}};let ainput3rLabel=window.document.createElement("label");ainput3rLabel.for="ainput3r-1";ainput3rLabel.textContent="Video Ads";ainput3rLabel.classList="ml-1 mr-2 text-xs";ainput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountappliances";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountappliances";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountappliances";adiv1.appendChild(a1tcount);adiv1.appendChild(ainput1r);adiv1.appendChild(ainput1rLabel);adiv1.appendChild(a1pcount);adiv1.appendChild(ainput2r);adiv1.appendChild(ainput2rLabel);adiv1.appendChild(a1vcount);adiv1.appendChild(ainput3r);adiv1.appendChild(ainput3rLabel);div0.appendChild(adiv1);let bdiv1=window.document.createElement("div");bdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ba1=window.document.createElement("a");ba1.id="ba1-1";ba1.classList="cursor-pointer";ba1.textContent="arts+crafts";ba1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";bdiv1.appendChild(ba1);let binput1r=window.document.createElement("input");binput1r.id="binput1r-1";binput1r.name="a";binput1r.type="radio";binput1r.classList="w-4 h-4";binput1r.onclick=()=>{addNone();last_chosen_id="binput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#binput1r-1').checked){scs.selected_category="arts-crafts";scs.display_selected_category="arts+crafts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"arts-crafts",display_default_category:"arts+crafts",tpv_last_chosen_id:"binput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let binput1rLabel=window.document.createElement("label");binput1rLabel.for="binput1r-1";binput1rLabel.textContent="Text Ads";binput1rLabel.classList="ml-1 mr-2 text-xs";binput1rLabel.title="click to display the text ads";let binput2r=window.document.createElement("input");binput2r.id="binput2r-1";binput2r.name="a";binput2r.type="radio";binput2r.classList="w-4 h-4";binput2r.onclick=()=>{addNone();last_chosen_id="binput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#binput2r-1').checked){scs.selected_category="arts-crafts";scs.display_selected_category="arts+crafts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"arts-crafts",display_default_category:"arts+crafts",tpv_last_chosen_id:"binput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let binput2rLabel=window.document.createElement("label");binput2rLabel.for="binput2r-1";binput2rLabel.textContent="Picture Ads";binput2rLabel.classList="ml-1 mr-2 text-xs";binput2rLabel.title="click to display the picture ads";let binput3r=window.document.createElement("input");binput3r.id="binput3r-1";binput3r.name="a";binput3r.type="radio";binput3r.classList="w-4 h-4";binput3r.onclick=()=>{addNone();last_chosen_id="binput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#binput3r-1').checked){scs.selected_category="arts-crafts";scs.display_selected_category="arts+crafts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"arts-crafts",display_default_category:"arts+crafts",tpv_last_chosen_id:"binput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 6");loadVideos2(true,false,4);removeNone();addAuto();}};let binput3rLabel=window.document.createElement("label");binput3rLabel.for="binput3r-1";binput3rLabel.textContent="Video Ads";binput3rLabel.classList="ml-1 mr-2 text-xs";binput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountartscrafts";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountartscrafts";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountartscrafts";bdiv1.appendChild(a1tcount);bdiv1.appendChild(binput1r);bdiv1.appendChild(binput1rLabel);bdiv1.appendChild(a1pcount);bdiv1.appendChild(binput2r);bdiv1.appendChild(binput2rLabel);bdiv1.appendChild(a1vcount);bdiv1.appendChild(binput3r);bdiv1.appendChild(binput3rLabel);div0.appendChild(bdiv1);let cdiv1=window.document.createElement("div");cdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ca1=window.document.createElement("a");ca1.id="aa1-1";ca1.classList="cursor-pointer";ca1.textContent="atv/utv/sno";ca1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";cdiv1.appendChild(ca1);let cinput1r=window.document.createElement("input");cinput1r.id="cinput1r-1";cinput1r.name="a";cinput1r.type="radio";cinput1r.classList="w-4 h-4";cinput1r.onclick=()=>{addNone();last_chosen_id="cinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#cinput1r-1').checked){scs.selected_category="atv-utv-sno";scs.display_selected_category="atv/utv/sno";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"atv-utv-sno",display_default_category:"atv/utv/sno",tpv_last_chosen_id:"cinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let cinput1rLabel=window.document.createElement("label");cinput1rLabel.for="cinput1r-1";cinput1rLabel.textContent="Text Ads";cinput1rLabel.classList="ml-1 mr-2 text-xs";cinput1rLabel.title="click to display the text ads";let cinput2r=window.document.createElement("input");cinput2r.id="cinput2r-1";cinput2r.name="a";cinput2r.type="radio";cinput2r.classList="w-4 h-4";cinput2r.onclick=()=>{addNone();last_chosen_id="cinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#cinput2r-1').checked){scs.selected_category="atv-utv-sno";scs.display_selected_category="atv/utv/sno";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"atv-utv-sno",display_default_category:"atv/utv/sno",tpv_last_chosen_id:"cinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let cinput2rLabel=window.document.createElement("label");cinput2rLabel.for="cinput2r-1";cinput2rLabel.textContent="Picture Ads";cinput2rLabel.classList="ml-1 mr-2 text-xs";cinput2rLabel.title="click to display the picture ads";let cinput3r=window.document.createElement("input");cinput3r.id="cinput3r-1";cinput3r.name="a";cinput3r.type="radio";cinput3r.classList="w-4 h-4";cinput3r.onclick=()=>{addNone();last_chosen_id="cinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#cinput3r-1').checked){scs.selected_category="atv-utv-sno";scs.display_selected_category="atv/utv/sno";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"atv-utv-sno",display_default_category:"atv/utv/sno",tpv_last_chosen_id:"cinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 7");loadVideos2(true,false,5);removeNone();addAuto();}};let cinput3rLabel=window.document.createElement("label");cinput3rLabel.for="cinput3r-1";cinput3rLabel.textContent="Video Ads";cinput3rLabel.classList="ml-1 mr-2 text-xs";cinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountatvutvsno";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountatvutvsno";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountatvutvsno";cdiv1.appendChild(a1tcount);cdiv1.appendChild(cinput1r);cdiv1.appendChild(cinput1rLabel);cdiv1.appendChild(a1pcount);cdiv1.appendChild(cinput2r);cdiv1.appendChild(cinput2rLabel);cdiv1.appendChild(a1vcount);cdiv1.appendChild(cinput3r);cdiv1.appendChild(cinput3rLabel);div0.appendChild(cdiv1);let ddiv1=window.document.createElement("div");ddiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let da1=window.document.createElement("a");da1.id="da1-1";da1.classList="cursor-pointer";da1.textContent="auto parts";da1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";ddiv1.appendChild(da1);let dinput1r=window.document.createElement("input");dinput1r.id="dinput1r-1";dinput1r.name="a";dinput1r.type="radio";dinput1r.classList="w-4 h-4";dinput1r.onclick=()=>{addNone();last_chosen_id="dinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#dinput1r-1').checked){scs.selected_category="auto-parts";scs.display_selected_category="auto parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"auto-parts",display_default_category:"auto parts",tpv_last_chosen_id:"dinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let dinput1rLabel=window.document.createElement("label");dinput1rLabel.for="dinput1r-1";dinput1rLabel.textContent="Text Ads";dinput1rLabel.classList="ml-1 mr-2 text-xs";dinput1rLabel.title="click to display the text ads";let dinput2r=window.document.createElement("input");dinput2r.id="dinput2r-1";dinput2r.name="a";dinput2r.type="radio";dinput2r.classList="w-4 h-4";dinput2r.onclick=()=>{addNone();last_chosen_id="dinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#dinput2r-1').checked){scs.selected_category="auto-parts";scs.display_selected_category="auto parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"auto-parts",display_default_category:"auto parts",tpv_last_chosen_id:"dinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let dinput2rLabel=window.document.createElement("label");dinput2rLabel.for="dinput2r-1";dinput2rLabel.textContent="Picture Ads";dinput2rLabel.classList="ml-1 mr-2 text-xs";dinput2rLabel.title="click to display the picture ads";let dinput3r=window.document.createElement("input");dinput3r.id="dinput3r-1";dinput3r.name="a";dinput3r.type="radio";dinput3r.classList="w-4 h-4";dinput3r.onclick=()=>{addNone();last_chosen_id="dinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#dinput3r-1').checked){scs.selected_category="auto-parts";scs.display_selected_category="auto parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"auto-parts",display_default_category:"auto parts",tpv_last_chosen_id:"dinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 8");loadVideos2(true,false,6);removeNone();addAuto();}};let dinput3rLabel=window.document.createElement("label");dinput3rLabel.for="dinput3r-1";dinput3rLabel.textContent="Video Ads";dinput3rLabel.classList="ml-1 mr-2 text-xs";dinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountautoparts";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountautoparts";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountautoparts";ddiv1.appendChild(a1tcount);ddiv1.appendChild(dinput1r);ddiv1.appendChild(dinput1rLabel);ddiv1.appendChild(a1pcount);ddiv1.appendChild(dinput2r);ddiv1.appendChild(dinput2rLabel);ddiv1.appendChild(a1vcount);ddiv1.appendChild(dinput3r);ddiv1.appendChild(dinput3rLabel);div0.appendChild(ddiv1);let ediv1=window.document.createElement("div");ediv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ea1=window.document.createElement("a");ea1.id="ea1-1";ea1.classList="cursor-pointer";ea1.textContent="aviation";ea1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";ediv1.appendChild(ea1);let einput1r=window.document.createElement("input");einput1r.id="einput1r-1";einput1r.name="a";einput1r.type="radio";einput1r.classList="w-4 h-4";einput1r.onclick=()=>{addNone();last_chosen_id="einput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#einput1r-1').checked){scs.selected_category="aviation";scs.display_selected_category="aviation";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"aviation",display_default_category:"aviation",tpv_last_chosen_id:"einput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let einput1rLabel=window.document.createElement("label");einput1rLabel.for="einput1r-1";einput1rLabel.textContent="Text Ads";einput1rLabel.classList="ml-1 mr-2 text-xs";einput1rLabel.title="click to display the text ads";let einput2r=window.document.createElement("input");einput2r.id="einput2r-1";einput2r.name="a";einput2r.type="radio";einput2r.classList="w-4 h-4";einput2r.onclick=()=>{addNone();last_chosen_id="einput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#einput2r-1').checked){scs.selected_category="aviation";scs.display_selected_category="aviation";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"aviation",display_default_category:"aviation",tpv_last_chosen_id:"einput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let einput2rLabel=window.document.createElement("label");einput2rLabel.for="einput2r-1";einput2rLabel.textContent="Picture Ads";einput2rLabel.classList="ml-1 mr-2 text-xs";einput2rLabel.title="click to display the picture ads";let einput3r=window.document.createElement("input");einput3r.id="einput3r-1";einput3r.name="a";einput3r.type="radio";einput3r.classList="w-4 h-4";einput3r.onclick=()=>{addNone();last_chosen_id="einput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#einput3r-1').checked){scs.selected_category="aviation";scs.display_selected_category="aviation";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"aviation",display_default_category:"aviation",tpv_last_chosen_id:"einput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 9");loadVideos2(true,false,7);removeNone();addAuto();}};let einput3rLabel=window.document.createElement("label");einput3rLabel.for="einput3r-1";einput3rLabel.textContent="Video Ads";einput3rLabel.classList="ml-1 mr-2 text-xs";einput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountaviation";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountaviation";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountaviation";ediv1.appendChild(a1tcount);ediv1.appendChild(einput1r);ediv1.appendChild(einput1rLabel);ediv1.appendChild(a1pcount);ediv1.appendChild(einput2r);ediv1.appendChild(einput2rLabel);ediv1.appendChild(a1vcount);ediv1.appendChild(einput3r);ediv1.appendChild(einput3rLabel);div0.appendChild(ediv1);let fdiv1=window.document.createElement("div");fdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let fa1=window.document.createElement("a");fa1.id="fa1-1";fa1.classList="cursor-pointer";fa1.textContent="baby+kid";fa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";fdiv1.appendChild(fa1);let finput1r=window.document.createElement("input");finput1r.id="finput1r-1";finput1r.name="a";finput1r.type="radio";finput1r.classList="w-4 h-4";finput1r.onclick=()=>{addNone();last_chosen_id="finput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#finput1r-1').checked){scs.selected_category="baby-kid";scs.display_selected_category="baby+kid";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"baby-kid",display_default_category:"baby+kid",tpv_last_chosen_id:"finput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let finput1rLabel=window.document.createElement("label");finput1rLabel.for="finput1r-1";finput1rLabel.textContent="Text Ads";finput1rLabel.classList="ml-1 mr-2 text-xs";finput1rLabel.title="click to display the text ads";let finput2r=window.document.createElement("input");finput2r.id="finput2r-1";finput2r.name="a";finput2r.type="radio";finput2r.classList="w-4 h-4";finput2r.onclick=()=>{addNone();last_chosen_id="finput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#finput2r-1').checked){scs.selected_category="baby-kid";scs.display_selected_category="baby+kid";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"baby-kid",display_default_category:"baby+kid",tpv_last_chosen_id:"finput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let finput2rLabel=window.document.createElement("label");finput2rLabel.for="finput2r-1";finput2rLabel.textContent="Picture Ads";finput2rLabel.classList="ml-1 mr-2 text-xs";finput2rLabel.title="click to display the picture ads";let finput3r=window.document.createElement("input");finput3r.id="finput3r-1";finput3r.name="a";finput3r.type="radio";finput3r.classList="w-4 h-4";finput3r.onclick=()=>{addNone();last_chosen_id="finput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#finput3r-1').checked){scs.selected_category="baby-kid";scs.display_selected_category="baby+kid";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"baby-kid",display_default_category:"baby+kid",tpv_last_chosen_id:"finput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 10");loadVideos2(true,false,8);removeNone();addAuto();}};let finput3rLabel=window.document.createElement("label");finput3rLabel.for="finput3r-1";finput3rLabel.textContent="Video Ads";finput3rLabel.classList="ml-1 mr-2 text-xs";finput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountbabykid";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountbabykid";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountbabykid";fdiv1.appendChild(a1tcount);fdiv1.appendChild(finput1r);fdiv1.appendChild(finput1rLabel);fdiv1.appendChild(a1pcount);fdiv1.appendChild(finput2r);fdiv1.appendChild(finput2rLabel);fdiv1.appendChild(a1vcount);fdiv1.appendChild(finput3r);fdiv1.appendChild(finput3rLabel);div0.appendChild(fdiv1);let gdiv1=window.document.createElement("div");gdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ga1=window.document.createElement("a");ga1.id="ga1-1";ga1.classList="cursor-pointer";ga1.textContent="barter";ga1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";gdiv1.appendChild(ga1);let ginput1r=window.document.createElement("input");ginput1r.id="ginput1r-1";ginput1r.name="a";ginput1r.type="radio";ginput1r.classList="w-4 h-4";ginput1r.onclick=()=>{addNone();last_chosen_id="ginput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ginput1r-1').checked){scs.selected_category="barter";scs.display_selected_category="barter";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"barter",display_default_category:"barter",tpv_last_chosen_id:"ginput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let ginput1rLabel=window.document.createElement("label");ginput1rLabel.for="ginput1r-1";ginput1rLabel.textContent="Text Ads";ginput1rLabel.classList="ml-1 mr-2 text-xs";ginput1rLabel.title="click to display the text ads";let ginput2r=window.document.createElement("input");ginput2r.id="ginput2r-1";ginput2r.name="a";ginput2r.type="radio";ginput2r.classList="w-4 h-4";ginput2r.onclick=()=>{addNone();last_chosen_id="ginput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ginput2r-1').checked){scs.selected_category="barter";scs.display_selected_category="barter";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"barter",display_default_category:"barter",tpv_last_chosen_id:"ginput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let ginput2rLabel=window.document.createElement("label");ginput2rLabel.for="ginput2r-1";ginput2rLabel.textContent="Picture Ads";ginput2rLabel.classList="ml-1 mr-2 text-xs";ginput2rLabel.title="click to display the picture ads";let ginput3r=window.document.createElement("input");ginput3r.id="ginput3r-1";ginput3r.name="a";ginput3r.type="radio";ginput3r.classList="w-4 h-4";ginput3r.onclick=()=>{addNone();last_chosen_id="ginput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ginput3r-1').checked){scs.selected_category="barter";scs.display_selected_category="barter";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"barter",display_default_category:"barter",tpv_last_chosen_id:"ginput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 11");loadVideos2(true,false,9);removeNone();addAuto();}};let ginput3rLabel=window.document.createElement("label");ginput3rLabel.for="ginput3r-1";ginput3rLabel.textContent="Video Ads";ginput3rLabel.classList="ml-1 mr-2 text-xs";ginput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountbarter";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountbarter";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountbarter";gdiv1.appendChild(a1tcount);gdiv1.appendChild(ginput1r);gdiv1.appendChild(ginput1rLabel);gdiv1.appendChild(a1pcount);gdiv1.appendChild(ginput2r);gdiv1.appendChild(ginput2rLabel);gdiv1.appendChild(a1vcount);gdiv1.appendChild(ginput3r);gdiv1.appendChild(ginput3rLabel);div0.appendChild(gdiv1);let hdiv1=window.document.createElement("div");hdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ha1=window.document.createElement("a");ha1.id="ha1-1";ha1.classList="cursor-pointer";ha1.textContent="beauty+hlth";ha1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";hdiv1.appendChild(ha1);let hinput1r=window.document.createElement("input");hinput1r.id="hinput1r-1";hinput1r.name="a";hinput1r.type="radio";hinput1r.classList="w-4 h-4";hinput1r.onclick=()=>{addNone();last_chosen_id="hinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#hinput1r-1').checked){scs.selected_category="beauty-hlth";scs.display_selected_category="beauty+hlth";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"beauty-hlth",display_default_category:"beauty+hlth",tpv_last_chosen_id:"hinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let hinput1rLabel=window.document.createElement("label");hinput1rLabel.for="hinput1r-1";hinput1rLabel.textContent="Text Ads";hinput1rLabel.classList="ml-1 mr-2 text-xs";hinput1rLabel.title="click to display the text ads";let hinput2r=window.document.createElement("input");hinput2r.id="hinput2r-1";hinput2r.name="a";hinput2r.type="radio";hinput2r.classList="w-4 h-4";hinput2r.onclick=()=>{addNone();last_chosen_id="hinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#hinput2r-1').checked){scs.selected_category="beauty-hlth";scs.display_selected_category="beauty+hlth";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"beauty-hlth",display_default_category:"beauty+hlth",tpv_last_chosen_id:"hinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let hinput2rLabel=window.document.createElement("label");hinput2rLabel.for="hinput2r-1";hinput2rLabel.textContent="Picture Ads";hinput2rLabel.classList="ml-1 mr-2 text-xs";hinput2rLabel.title="click to display the picture ads";let hinput3r=window.document.createElement("input");hinput3r.id="hinput3r-1";hinput3r.name="a";hinput3r.type="radio";hinput3r.classList="w-4 h-4";hinput3r.onclick=()=>{addNone();last_chosen_id="hinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#hinput3r-1').checked){scs.selected_category="beauty-hlth";scs.display_selected_category="beauty+hlth";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"beauty-hlth",display_default_category:"beauty+hlth",tpv_last_chosen_id:"hinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 12");loadVideos2(true,false,10);removeNone();addAuto();}};let hinput3rLabel=window.document.createElement("label");hinput3rLabel.for="hinput3r-1";hinput3rLabel.textContent="Video Ads";hinput3rLabel.classList="ml-1 mr-2 text-xs";hinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountbeautyhlth";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountbeautyhlth";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountbeautyhlth";hdiv1.appendChild(a1tcount);hdiv1.appendChild(hinput1r);hdiv1.appendChild(hinput1rLabel);hdiv1.appendChild(a1pcount);hdiv1.appendChild(hinput2r);hdiv1.appendChild(hinput2rLabel);hdiv1.appendChild(a1vcount);hdiv1.appendChild(hinput3r);hdiv1.appendChild(hinput3rLabel);div0.appendChild(hdiv1);let idiv1=window.document.createElement("div");idiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ia1=window.document.createElement("a");ia1.id="ia1-1";ia1.classList="cursor-pointer";ia1.textContent="bike parts";ia1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";idiv1.appendChild(ia1);let iinput1r=window.document.createElement("input");iinput1r.id="iinput1r-1";iinput1r.name="a";iinput1r.type="radio";iinput1r.classList="w-4 h-4";iinput1r.onclick=()=>{addNone();last_chosen_id="iinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#iinput1r-1').checked){scs.selected_category="bike-parts";scs.display_selected_category="bike parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"bike-parts",display_default_category:"bike parts",tpv_last_chosen_id:"iinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let iinput1rLabel=window.document.createElement("label");iinput1rLabel.for="iinput1r-1";iinput1rLabel.textContent="Text Ads";iinput1rLabel.classList="ml-1 mr-2 text-xs";iinput1rLabel.title="click to display the text ads";let iinput2r=window.document.createElement("input");iinput2r.id="iinput2r-1";iinput2r.name="a";iinput2r.type="radio";iinput2r.classList="w-4 h-4";iinput2r.onclick=()=>{addNone();last_chosen_id="iinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#iinput2r-1').checked){scs.selected_category="bike-parts";scs.display_selected_category="bike parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"bike-parts",display_default_category:"bike parts",tpv_last_chosen_id:"iinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let iinput2rLabel=window.document.createElement("label");iinput2rLabel.for="iinput2r-1";iinput2rLabel.textContent="Picture Ads";iinput2rLabel.classList="ml-1 mr-2 text-xs";iinput2rLabel.title="click to display the picture ads";let iinput3r=window.document.createElement("input");iinput3r.id="iinput3r-1";iinput3r.name="a";iinput3r.type="radio";iinput3r.classList="w-4 h-4";iinput3r.onclick=()=>{addNone();last_chosen_id="iinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#iinput3r-1').checked){scs.selected_category="bike-parts";scs.display_selected_category="bike parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"bike-parts",display_default_category:"bike parts",tpv_last_chosen_id:"iinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 13");loadVideos2(true,false,11);removeNone();addAuto();}};let iinput3rLabel=window.document.createElement("label");iinput3rLabel.for="iinput3r-1";iinput3rLabel.textContent="Video Ads";iinput3rLabel.classList="ml-1 mr-2 text-xs";iinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountbikeparts";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountbikeparts";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountbikeparts";idiv1.appendChild(a1tcount);idiv1.appendChild(iinput1r);idiv1.appendChild(iinput1rLabel);idiv1.appendChild(a1pcount);idiv1.appendChild(iinput2r);idiv1.appendChild(iinput2rLabel);idiv1.appendChild(a1vcount);idiv1.appendChild(iinput3r);idiv1.appendChild(iinput3rLabel);div0.appendChild(idiv1);let jdiv1=window.document.createElement("div");jdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ja1=window.document.createElement("a");ja1.id="ja1-1";ja1.classList="cursor-pointer";ja1.textContent="boats";ja1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";jdiv1.appendChild(ja1);let jinput1r=window.document.createElement("input");jinput1r.id="jinput1r-1";jinput1r.name="a";jinput1r.type="radio";jinput1r.classList="w-4 h-4";jinput1r.onclick=()=>{addNone();last_chosen_id="jinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#jinput1r-1').checked){scs.selected_category="boats";scs.display_selected_category="boats";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"boats",display_default_category:"boats",tpv_last_chosen_id:"jinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let jinput1rLabel=window.document.createElement("label");jinput1rLabel.for="jinput1r-1";jinput1rLabel.textContent="Text Ads";jinput1rLabel.classList="ml-1 mr-2 text-xs";jinput1rLabel.title="click to display the text ads";let jinput2r=window.document.createElement("input");jinput2r.id="jinput2r-1";jinput2r.name="a";jinput2r.type="radio";jinput2r.classList="w-4 h-4";jinput2r.onclick=()=>{addNone();last_chosen_id="jinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#jinput2r-1').checked){scs.selected_category="boats";scs.display_selected_category="boats";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"boats",display_default_category:"boats",tpv_last_chosen_id:"jinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let jinput2rLabel=window.document.createElement("label");jinput2rLabel.for="jinput2r-1";jinput2rLabel.textContent="Picture Ads";jinput2rLabel.classList="ml-1 mr-2 text-xs";jinput2rLabel.title="click to display the picture ads";let jinput3r=window.document.createElement("input");jinput3r.id="jinput3r-1";jinput3r.name="a";jinput3r.type="radio";jinput3r.classList="w-4 h-4";jinput3r.onclick=()=>{addNone();last_chosen_id="jinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#jinput3r-1').checked){scs.selected_category="boats";scs.display_selected_category="boats";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"boats",display_default_category:"boats",tpv_last_chosen_id:"jinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 14");loadVideos2(true,false,12);removeNone();addAuto();}};let jinput3rLabel=window.document.createElement("label");jinput3rLabel.for="jinput3r-1";jinput3rLabel.textContent="Video Ads";jinput3rLabel.classList="ml-1 mr-2 text-xs";jinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountboats";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountboats";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountboats";jdiv1.appendChild(a1tcount);jdiv1.appendChild(jinput1r);jdiv1.appendChild(jinput1rLabel);jdiv1.appendChild(a1pcount);jdiv1.appendChild(jinput2r);jdiv1.appendChild(jinput2rLabel);jdiv1.appendChild(a1vcount);jdiv1.appendChild(jinput3r);jdiv1.appendChild(jinput3rLabel);div0.appendChild(jdiv1);let kdiv1=window.document.createElement("div");kdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ka1=window.document.createElement("a");ka1.id="ka1-1";ka1.classList="cursor-pointer";ka1.textContent="books";ka1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";kdiv1.appendChild(ka1);let kinput1r=window.document.createElement("input");kinput1r.id="kinput1r-1";kinput1r.name="a";kinput1r.type="radio";kinput1r.classList="w-4 h-4";kinput1r.onclick=()=>{addNone();last_chosen_id="kinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#kinput1r-1').checked){scs.selected_category="books";scs.display_selected_category="books";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"books",display_default_category:"books",tpv_last_chosen_id:"kinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let kinput1rLabel=window.document.createElement("label");kinput1rLabel.for="kinput1r-1";kinput1rLabel.textContent="Text Ads";kinput1rLabel.classList="ml-1 mr-2 text-xs";kinput1rLabel.title="click to display the text ads";let kinput2r=window.document.createElement("input");kinput2r.id="kinput2r-1";kinput2r.name="a";kinput2r.type="radio";kinput2r.classList="w-4 h-4";kinput2r.onclick=()=>{addNone();last_chosen_id="kinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#kinput2r-1').checked){scs.selected_category="books";scs.display_selected_category="books";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"books",display_default_category:"books",tpv_last_chosen_id:"kinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let kinput2rLabel=window.document.createElement("label");kinput2rLabel.for="kinput2r-1";kinput2rLabel.textContent="Picture Ads";kinput2rLabel.classList="ml-1 mr-2 text-xs";kinput2rLabel.title="click to display the picture ads";let kinput3r=window.document.createElement("input");kinput3r.id="kinput3r-1";kinput3r.name="a";kinput3r.type="radio";kinput3r.classList="w-4 h-4";kinput3r.onclick=()=>{addNone();last_chosen_id="kinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#kinput3r-1').checked){scs.selected_category="books";scs.display_selected_category="books";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"books",display_default_category:"books",tpv_last_chosen_id:"kinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 15");loadVideos2(true,false,45);removeNone();addAuto();}};let kinput3rLabel=window.document.createElement("label");kinput3rLabel.for="kinput3r-1";kinput3rLabel.textContent="Video Ads";kinput3rLabel.classList="ml-1 mr-2 text-xs";kinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountbooks";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountbooks";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountbooks";kdiv1.appendChild(a1tcount);kdiv1.appendChild(kinput1r);kdiv1.appendChild(kinput1rLabel);kdiv1.appendChild(a1pcount);kdiv1.appendChild(kinput2r);kdiv1.appendChild(kinput2rLabel);kdiv1.appendChild(a1vcount);kdiv1.appendChild(kinput3r);kdiv1.appendChild(kinput3rLabel);div0.appendChild(kdiv1);let ldiv1=window.document.createElement("div");ldiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let la1=window.document.createElement("a");la1.id="la1-1";la1.textContent="business";la1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";ldiv1.appendChild(la1);let linput1r=window.document.createElement("input");linput1r.id="linput1r-1";linput1r.name="a";linput1r.type="radio";linput1r.classList="w-4 h-4";linput1r.onclick=()=>{addNone();last_chosen_id="linput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#linput1r-1').checked){scs.selected_category="business";scs.display_selected_category="business";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"business",display_default_category:"business",tpv_last_chosen_id:"linput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let linput1rLabel=window.document.createElement("label");linput1rLabel.for="linput1r-1";linput1rLabel.textContent="Text Ads";linput1rLabel.classList="ml-1 mr-2 text-xs";linput1rLabel.title="click to display the text ads";let linput2r=window.document.createElement("input");linput2r.id="linput2r-1";linput2r.name="a";linput2r.type="radio";linput2r.classList="w-4 h-4";linput2r.onclick=()=>{addNone();last_chosen_id="linput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#linput2r-1').checked){scs.selected_category="business";scs.display_selected_category="business";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"business",display_default_category:"business",tpv_last_chosen_id:"linput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let linput2rLabel=window.document.createElement("label");linput2rLabel.for="linput2r-1";linput2rLabel.textContent="Picture Ads";linput2rLabel.classList="ml-1 mr-2 text-xs";linput2rLabel.title="click to display the picture ads";let linput3r=window.document.createElement("input");linput3r.id="linput3r-1";linput3r.name="a";linput3r.type="radio";linput3r.classList="w-4 h-4";linput3r.onclick=()=>{addNone();last_chosen_id="linput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#linput3r-1').checked){scs.selected_category="business";scs.display_selected_category="business";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"business",display_default_category:"business",tpv_last_chosen_id:"linput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 16");loadVideos2(true,false,13);removeNone();addAuto();}};let linput3rLabel=window.document.createElement("label");linput3rLabel.for="linput3r-1";linput3rLabel.textContent="Video Ads";linput3rLabel.classList="ml-1 mr-2 text-xs";linput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountbusiness";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountbusiness";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountbusiness";ldiv1.appendChild(a1tcount);ldiv1.appendChild(linput1r);ldiv1.appendChild(linput1rLabel);ldiv1.appendChild(a1pcount);ldiv1.appendChild(linput2r);ldiv1.appendChild(linput2rLabel);ldiv1.appendChild(a1vcount);ldiv1.appendChild(linput3r);ldiv1.appendChild(linput3rLabel);div0.appendChild(ldiv1);let mdiv1=window.document.createElement("div");mdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ma1=window.document.createElement("a");ma1.id="ma1-1";ma1.textContent="cars+trucks";ma1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";mdiv1.appendChild(ma1);let minput1r=window.document.createElement("input");minput1r.id="minput1r-1";minput1r.name="a";minput1r.type="radio";minput1r.classList="w-4 h-4";minput1r.onclick=()=>{addNone();last_chosen_id="minput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#minput1r-1').checked){scs.selected_category="cars-trucks";scs.display_selected_category="cars+trucks";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cars-trucks",display_default_category:"cars+trucks",tpv_last_chosen_id:"minput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let minput1rLabel=window.document.createElement("label");minput1rLabel.for="minput1r-1";minput1rLabel.textContent="Text Ads";minput1rLabel.classList="ml-1 mr-2 text-xs";minput1rLabel.title="click to display the text ads";let minput2r=window.document.createElement("input");minput2r.id="minput2r-1";minput2r.name="a";minput2r.type="radio";minput2r.classList="w-4 h-4";minput2r.onclick=()=>{addNone();last_chosen_id="minput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#minput2r-1').checked){scs.selected_category="cars-trucks";scs.display_selected_category="cars+trucks";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cars-trucks",display_default_category:"cars+trucks",tpv_last_chosen_id:"minput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let minput2rLabel=window.document.createElement("label");minput2rLabel.for="minput2r-1";minput2rLabel.textContent="Picture Ads";minput2rLabel.classList="ml-1 mr-2 text-xs";minput2rLabel.title="click to display the picture ads";let minput3r=window.document.createElement("input");minput3r.id="minput3r-1";minput3r.name="a";minput3r.type="radio";minput3r.classList="w-4 h-4";minput3r.onclick=()=>{addNone();last_chosen_id="minput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#minput3r-1').checked){scs.selected_category="cars-trucks";scs.display_selected_category="cars+trucks";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cars-trucks",display_default_category:"cars+trucks",tpv_last_chosen_id:"minput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 17");loadVideos2(true,false,14);removeNone();addAuto();}};let minput3rLabel=window.document.createElement("label");minput3rLabel.for="minput3r-1";minput3rLabel.textContent="Video Ads";minput3rLabel.classList="ml-1 mr-2 text-xs";minput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountcarstrucks";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountcarstrucks";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountcarstrucks";mdiv1.appendChild(a1tcount);mdiv1.appendChild(minput1r);mdiv1.appendChild(minput1rLabel);mdiv1.appendChild(a1pcount);mdiv1.appendChild(minput2r);mdiv1.appendChild(minput2rLabel);mdiv1.appendChild(a1vcount);mdiv1.appendChild(minput3r);mdiv1.appendChild(minput3rLabel);div0.appendChild(mdiv1);let ndiv1=window.document.createElement("div");ndiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let na1=window.document.createElement("a");na1.id="na1-1";na1.textContent="cds/dvd/vhs";na1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";ndiv1.appendChild(na1);let ninput1r=window.document.createElement("input");ninput1r.id="ninput1r-1";ninput1r.name="a";ninput1r.type="radio";ninput1r.classList="w-4 h-4";ninput1r.onclick=()=>{addNone();last_chosen_id="ninput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ninput1r-1').checked){scs.selected_category="cds-dvd-vhs";scs.display_selected_category="cds/dvd/vhs";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cds-dvd-vhs",display_default_category:"cds/dvd/vhs",tpv_last_chosen_id:"ninput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let ninput1rLabel=window.document.createElement("label");ninput1rLabel.for="ninput1r-1";ninput1rLabel.textContent="Text Ads";ninput1rLabel.classList="ml-1 mr-2 text-xs";ninput1rLabel.title="click to display the text ads";let ninput2r=window.document.createElement("input");ninput2r.id="ninput2r-1";ninput2r.name="a";ninput2r.type="radio";ninput2r.classList="w-4 h-4";ninput2r.onclick=()=>{addNone();last_chosen_id="ninput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ninput2r-1').checked){scs.selected_category="cds-dvd-vhs";scs.display_selected_category="cds/dvd/vhs";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cds-dvd-vhs",display_default_category:"cds/dvd/vhs",tpv_last_chosen_id:"ninput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let ninput2rLabel=window.document.createElement("label");ninput2rLabel.for="ninput2r-1";ninput2rLabel.textContent="Picture Ads";ninput2rLabel.classList="ml-1 mr-2 text-xs";ninput2rLabel.title="click to display the picture ads";let ninput3r=window.document.createElement("input");ninput3r.id="ninput3r-1";ninput3r.name="a";ninput3r.type="radio";ninput3r.classList="w-4 h-4";ninput3r.onclick=()=>{addNone();last_chosen_id="ninput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ninput3r-1').checked){scs.selected_category="cds-dvd-vhs";scs.display_selected_category="cds/dvd/vhs";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cds-dvd-vhs",display_default_category:"cds/dvd/vhs",tpv_last_chosen_id:"ninput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 18");loadVideos2(true,false,46);removeNone();addAuto();}};let ninput3rLabel=window.document.createElement("label");ninput3rLabel.for="ninput3r-1";ninput3rLabel.textContent="Video Ads";ninput3rLabel.classList="ml-1 mr-2 text-xs";ninput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountcdsdvdvhs";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountcdsdvdvhs";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountcdsdvdvhs";ndiv1.appendChild(a1tcount);ndiv1.appendChild(ninput1r);ndiv1.appendChild(ninput1rLabel);ndiv1.appendChild(a1pcount);ndiv1.appendChild(ninput2r);ndiv1.appendChild(ninput2rLabel);ndiv1.appendChild(a1vcount);ndiv1.appendChild(ninput3r);ndiv1.appendChild(ninput3rLabel);div0.appendChild(ndiv1);let odiv1=window.document.createElement("div");odiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let oa1=window.document.createElement("a");oa1.id="oa1-1";oa1.textContent="cell-phones";oa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";odiv1.appendChild(oa1);let oinput1r=window.document.createElement("input");oinput1r.id="oinput1r-1";oinput1r.name="a";oinput1r.type="radio";oinput1r.classList="w-4 h-4";oinput1r.onclick=()=>{addNone();last_chosen_id="oinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#oinput1r-1').checked){scs.selected_category="cell-phones";scs.display_selected_category="cell phones";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cell-phones",display_default_category:"cell-phones",tpv_last_chosen_id:"oinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let oinput1rLabel=window.document.createElement("label");oinput1rLabel.for="oinput1r-1";oinput1rLabel.textContent="Text Ads";oinput1rLabel.classList="ml-1 mr-2 text-xs";oinput1rLabel.title="click to display the text ads";let oinput2r=window.document.createElement("input");oinput2r.id="oinput2r-1";oinput2r.name="a";oinput2r.type="radio";oinput2r.classList="w-4 h-4";oinput2r.onclick=()=>{addNone();last_chosen_id="oinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#oinput2r-1').checked){scs.selected_category="cell-phones";scs.display_selected_category="cell phones";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cell-phones",display_default_category:"cell-phones",tpv_last_chosen_id:"oinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let oinput2rLabel=window.document.createElement("label");oinput2rLabel.for="oinput2r-1";oinput2rLabel.textContent="Picture Ads";oinput2rLabel.classList="ml-1 mr-2 text-xs";oinput2rLabel.title="click to display the picture ads";let oinput3r=window.document.createElement("input");oinput3r.id="oinput3r-1";oinput3r.name="a";oinput3r.type="radio";oinput3r.classList="w-4 h-4";oinput3r.onclick=()=>{addNone();last_chosen_id="oinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#oinput3r-1').checked){scs.selected_category="cell-phones";scs.display_selected_category="cell phones";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cell-phones",display_default_category:"cell-phones",tpv_last_chosen_id:"oinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 19");loadVideos2(true,false,15);removeNone();addAuto();}};let oinput3rLabel=window.document.createElement("label");oinput3rLabel.for="oinput3r-1";oinput3rLabel.textContent="Video Ads";oinput3rLabel.classList="ml-1 mr-2 text-xs";oinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountcellphones";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountcellphones";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountcellphones";odiv1.appendChild(a1tcount);odiv1.appendChild(oinput1r);odiv1.appendChild(oinput1rLabel);odiv1.appendChild(a1pcount);odiv1.appendChild(oinput2r);odiv1.appendChild(oinput2rLabel);odiv1.appendChild(a1vcount);odiv1.appendChild(oinput3r);odiv1.appendChild(oinput3rLabel);div0.appendChild(odiv1);let pdiv1=window.document.createElement("div");pdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let pa1=window.document.createElement("a");pa1.id="pa1-1";pa1.classList="cursor-pointer";pa1.textContent="cloths+acc";pa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";pdiv1.appendChild(pa1);let pinput1r=window.document.createElement("input");pinput1r.id="pinput1r-1";pinput1r.name="a";pinput1r.type="radio";pinput1r.classList="w-4 h-4";pinput1r.onclick=()=>{addNone();last_chosen_id="pinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#pinput1r-1').checked){scs.selected_category="cloths-acc";scs.display_selected_category="cloths+acc";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cloths-acc",display_default_category:"cloths+acc",tpv_last_chosen_id:"pinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let pinput1rLabel=window.document.createElement("label");pinput1rLabel.for="pinput1r-1";pinput1rLabel.textContent="Text Ads";pinput1rLabel.classList="ml-1 mr-2 text-xs";pinput1rLabel.title="click to display the text ads";let pinput2r=window.document.createElement("input");pinput2r.id="pinput2r-1";pinput2r.name="a";pinput2r.type="radio";pinput2r.classList="w-4 h-4";pinput2r.onclick=()=>{addNone();last_chosen_id="pinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#pinput2r-1').checked){scs.selected_category="cloths-acc";scs.display_selected_category="cloths+acc";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cloths-acc",display_default_category:"cloths+acc",tpv_last_chosen_id:"pinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let pinput2rLabel=window.document.createElement("label");pinput2rLabel.for="pinput2r-1";pinput2rLabel.textContent="Picture Ads";pinput2rLabel.classList="ml-1 mr-2 text-xs";pinput2rLabel.title="click to display the picture ads";let pinput3r=window.document.createElement("input");pinput3r.id="pinput3r-1";pinput3r.name="a";pinput3r.type="radio";pinput3r.classList="w-4 h-4";pinput3r.onclick=()=>{addNone();last_chosen_id="pinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#pinput3r-1').checked){scs.selected_category="cloths-acc";scs.display_selected_category="cloths+acc";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"cloths-acc",display_default_category:"cloths+acc",tpv_last_chosen_id:"pinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 20");loadVideos2(true,false,16);removeNone();addAuto();}};let pinput3rLabel=window.document.createElement("label");pinput3rLabel.for="pinput3r-1";pinput3rLabel.textContent="Video Ads";pinput3rLabel.classList="ml-1 mr-2 text-xs";pinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountclothsacc";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountclothsacc";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountclothsacc";pdiv1.appendChild(a1tcount);pdiv1.appendChild(pinput1r);pdiv1.appendChild(pinput1rLabel);pdiv1.appendChild(a1pcount);pdiv1.appendChild(pinput2r);pdiv1.appendChild(pinput2rLabel);pdiv1.appendChild(a1vcount);pdiv1.appendChild(pinput3r);pdiv1.appendChild(pinput3rLabel);div0.appendChild(pdiv1);let qdiv1=window.document.createElement("div");qdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let qa1=window.document.createElement("a");qa1.id="qa1-1";qa1.textContent="collectibles";qa1.classList="block cursor-pointer mr-4 text-xs w-24  border border-red  flex flex-row justify-start items-center";qdiv1.appendChild(qa1);let qinput1r=window.document.createElement("input");qinput1r.id="qinput1r-1";qinput1r.name="a";qinput1r.type="radio";qinput1r.classList="w-4 h-4";qinput1r.onclick=()=>{addNone();last_chosen_id="qinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#qinput1r-1').checked){scs.selected_category="collectibles";scs.display_selected_category="collectibles";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"collectibles",display_default_category:"collectibles",tpv_last_chosen_id:"qinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let qinput1rLabel=window.document.createElement("label");qinput1rLabel.for="qinput1r-1";qinput1rLabel.textContent="Text Ads";qinput1rLabel.classList="ml-1 mr-2 text-xs";qinput1rLabel.title="click to display the text ads";let qinput2r=window.document.createElement("input");qinput2r.id="qinput2r-1";qinput2r.name="a";qinput2r.type="radio";qinput2r.classList="w-4 h-4";qinput2r.onclick=()=>{addNone();last_chosen_id="qinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#qinput2r-1').checked){scs.selected_category="collectibles";scs.display_selected_category="collectibles";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"collectibles",display_default_category:"collectibles",tpv_last_chosen_id:"qinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let qinput2rLabel=window.document.createElement("label");qinput2rLabel.for="qinput2r-1";qinput2rLabel.textContent="Picture Ads";qinput2rLabel.classList="ml-1 mr-2 text-xs";qinput2rLabel.title="click to display the picture ads";let qinput3r=window.document.createElement("input");qinput3r.id="qinput3r-1";qinput3r.name="a";qinput3r.type="radio";qinput3r.classList="w-4 h-4";qinput3r.onclick=()=>{addNone();last_chosen_id="qinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#qinput3r-1').checked){scs.selected_category="collectibles";scs.display_selected_category="collectibles";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"collectibles",display_default_category:"collectibles",tpv_last_chosen_id:"qinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 21");loadVideos2(true,false,17);removeNone();addAuto();}};let qinput3rLabel=window.document.createElement("label");qinput3rLabel.for="qinput3r-1";qinput3rLabel.textContent="Video Ads";qinput3rLabel.classList="ml-1 mr-2 text-xs";qinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountcollectibles";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountcollectibles";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountcollectibles";qdiv1.appendChild(a1tcount);qdiv1.appendChild(qinput1r);qdiv1.appendChild(qinput1rLabel);qdiv1.appendChild(a1pcount);qdiv1.appendChild(qinput2r);qdiv1.appendChild(qinput2rLabel);qdiv1.appendChild(a1vcount);qdiv1.appendChild(qinput3r);qdiv1.appendChild(qinput3rLabel);div0.appendChild(qdiv1);let rdiv1=window.document.createElement("div");rdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ra1=window.document.createElement("a");ra1.id="ra1-1";ra1.textContent="computer-parts";ra1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";rdiv1.appendChild(ra1);let rinput1r=window.document.createElement("input");rinput1r.id="rinput1r-1";rinput1r.name="a";rinput1r.type="radio";rinput1r.classList="w-4 h-4";rinput1r.onclick=()=>{addNone();last_chosen_id="rinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#rinput1r-1').checked){scs.selected_category="computer-parts";scs.display_selected_category="computer parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"computer-parts",display_default_category:"computer parts",tpv_last_chosen_id:"rinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let rinput1rLabel=window.document.createElement("label");rinput1rLabel.for="rinput1r-1";rinput1rLabel.textContent="Text Ads";rinput1rLabel.classList="ml-1 mr-2 text-xs";rinput1rLabel.title="click to display the text ads";let rinput2r=window.document.createElement("input");rinput2r.id="rinput2r-1";rinput2r.name="a";rinput2r.type="radio";rinput2r.classList="w-4 h-4";rinput2r.onclick=()=>{addNone();last_chosen_id="rinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#rinput2r-1').checked){scs.selected_category="computer-parts";scs.display_selected_category="computer parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"computer-parts",display_default_category:"computer parts",tpv_last_chosen_id:"rinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let rinput2rLabel=window.document.createElement("label");rinput2rLabel.for="rinput2r-1";rinput2rLabel.textContent="Picture Ads";rinput2rLabel.classList="ml-1 mr-2 text-xs";rinput2rLabel.title="click to display the picture ads";let rinput3r=window.document.createElement("input");rinput3r.id="rinput3r-1";rinput3r.name="a";rinput3r.type="radio";rinput3r.classList="w-4 h-4";rinput3r.onclick=()=>{addNone();last_chosen_id="rinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#rinput3r-1').checked){scs.selected_category="computer-parts";scs.display_selected_category="computer parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"computer-parts",display_default_category:"computer parts",tpv_last_chosen_id:"rinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 22");loadVideos2(true,false,18);removeNone();addAuto();}};let rinput3rLabel=window.document.createElement("label");rinput3rLabel.for="rinput3r-1";rinput3rLabel.textContent="Video Ads";rinput3rLabel.classList="ml-1 mr-2 text-xs";rinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountcomputerparts";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountcomputerparts";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountcomputerparts";rdiv1.appendChild(a1tcount);rdiv1.appendChild(rinput1r);rdiv1.appendChild(rinput1rLabel);rdiv1.appendChild(a1pcount);rdiv1.appendChild(rinput2r);rdiv1.appendChild(rinput2rLabel);rdiv1.appendChild(a1vcount);rdiv1.appendChild(rinput3r);rdiv1.appendChild(rinput3rLabel);div0.appendChild(rdiv1);let sdiv1=window.document.createElement("div");sdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let sa1=window.document.createElement("a");sa1.id="sa1-1";sa1.classList="cursor-pointer";sa1.textContent="computers";sa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";sdiv1.appendChild(sa1);let sinput1r=window.document.createElement("input");sinput1r.id="sinput1r-1";sinput1r.name="a";sinput1r.type="radio";sinput1r.classList="w-4 h-4";sinput1r.onclick=()=>{addNone();last_chosen_id="sinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#sinput1r-1').checked){scs.selected_category="computers";scs.display_selected_category="computers";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"computers",display_default_category:"computers",tpv_last_chosen_id:"sinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let sinput1rLabel=window.document.createElement("label");sinput1rLabel.for="sinput1r-1";sinput1rLabel.textContent="Text Ads";sinput1rLabel.classList="ml-1 mr-2 text-xs";sinput1rLabel.title="click to display the text ads";let sinput2r=window.document.createElement("input");sinput2r.id="sinput2r-1";sinput2r.name="a";sinput2r.type="radio";sinput2r.classList="w-4 h-4";sinput2r.onclick=()=>{addNone();last_chosen_id="sinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#sinput2r-1').checked){scs.selected_category="computers";scs.display_selected_category="computers";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"computers",display_default_category:"computers",tpv_last_chosen_id:"sinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let sinput2rLabel=window.document.createElement("label");sinput2rLabel.for="sinput2r-1";sinput2rLabel.textContent="Picture Ads";sinput2rLabel.classList="ml-1 mr-2 text-xs";sinput2rLabel.title="click to display the picture ads";let sinput3r=window.document.createElement("input");sinput3r.id="sinput3r-1";sinput3r.name="a";sinput3r.type="radio";sinput3r.classList="w-4 h-4";sinput3r.onclick=()=>{addNone();last_chosen_id="sinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#sinput3r-1').checked){scs.selected_category="computers";scs.display_selected_category="computers";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"computers",display_default_category:"computers",tpv_last_chosen_id:"sinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 23");loadVideos2(true,false,19);removeNone();addAuto();}};let sinput3rLabel=window.document.createElement("label");sinput3rLabel.for="sinput3r-1";sinput3rLabel.textContent="Video Ads";sinput3rLabel.classList="ml-1 mr-2 text-xs";sinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountcomputers";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountcomputers";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountcomputers";sdiv1.appendChild(a1tcount);sdiv1.appendChild(sinput1r);sdiv1.appendChild(sinput1rLabel);sdiv1.appendChild(a1pcount);sdiv1.appendChild(sinput2r);sdiv1.appendChild(sinput2rLabel);sdiv1.appendChild(a1vcount);sdiv1.appendChild(sinput3r);sdiv1.appendChild(sinput3rLabel);div0.appendChild(sdiv1);let tdiv1=window.document.createElement("div");tdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ta1=window.document.createElement("a");ta1.id="ta1-1";ta1.classList="cursor-pointer";ta1.textContent="electronics";ta1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";tdiv1.appendChild(ta1);let tinput1r=window.document.createElement("input");tinput1r.id="tinput1r-1";tinput1r.name="a";tinput1r.type="radio";tinput1r.classList="w-4 h-4";tinput1r.onclick=()=>{addNone();last_chosen_id="tinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#tinput1r-1').checked){scs.selected_category="electronics";scs.display_selected_category="electronics";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"electronics",display_default_category:"electronics",tpv_last_chosen_id:"tinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let tinput1rLabel=window.document.createElement("label");tinput1rLabel.for="tinput1r-1";tinput1rLabel.textContent="Text Ads";tinput1rLabel.classList="ml-1 mr-2 text-xs";tinput1rLabel.title="click to display the text ads";let tinput2r=window.document.createElement("input");tinput2r.id="tinput2r-1";tinput2r.name="a";tinput2r.type="radio";tinput2r.classList="w-4 h-4";tinput2r.onclick=()=>{addNone();last_chosen_id="tinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#tinput2r-1').checked){scs.selected_category="electronics";scs.display_selected_category="electronics";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"electronics",display_default_category:"electronics",tpv_last_chosen_id:"tinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let tinput2rLabel=window.document.createElement("label");tinput2rLabel.for="tinput2r-1";tinput2rLabel.textContent="Picture Ads";tinput2rLabel.classList="ml-1 mr-2 text-xs";tinput2rLabel.title="click to display the picture ads";let tinput3r=window.document.createElement("input");tinput3r.id="tinput3r-1";tinput3r.name="a";tinput3r.type="radio";tinput3r.classList="w-4 h-4";tinput3r.onclick=()=>{addNone();last_chosen_id="tinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#tinput3r-1').checked){scs.selected_category="electronics";scs.display_selected_category="electronics";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"electronics",display_default_category:"electronics",tpv_last_chosen_id:"tinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 24");loadVideos2(true,false,20);removeNone();addAuto();}};let tinput3rLabel=window.document.createElement("label");tinput3rLabel.for="tinput3r-1";tinput3rLabel.textContent="Video Ads";tinput3rLabel.classList="ml-1 mr-2 text-xs";tinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountelectronics";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountelectronics";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountelectronics";tdiv1.appendChild(a1tcount);tdiv1.appendChild(tinput1r);tdiv1.appendChild(tinput1rLabel);tdiv1.appendChild(a1pcount);tdiv1.appendChild(tinput2r);tdiv1.appendChild(tinput2rLabel);tdiv1.appendChild(a1vcount);tdiv1.appendChild(tinput3r);tdiv1.appendChild(tinput3rLabel);div0.appendChild(tdiv1);let udiv1=window.document.createElement("div");udiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ua1=window.document.createElement("a");ua1.id="ua1-1";ua1.classList="cursor-pointer";ua1.textContent="farm+garden";ua1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";udiv1.appendChild(ua1);let uinput1r=window.document.createElement("input");uinput1r.id="uinput1r-1";uinput1r.name="a";uinput1r.type="radio";uinput1r.classList="w-4 h-4";uinput1r.onclick=()=>{addNone();last_chosen_id="uinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#uinput1r-1').checked){scs.selected_category="farm-garden";scs.display_selected_category="farm+garden";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"farm-garden",display_default_category:"farm+garden",tpv_last_chosen_id:"uinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let uinput1rLabel=window.document.createElement("label");uinput1rLabel.for="uinput1r-1";uinput1rLabel.textContent="Text Ads";uinput1rLabel.classList="ml-1 mr-2 text-xs";uinput1rLabel.title="click to display the text ads";let uinput2r=window.document.createElement("input");uinput2r.id="uinput2r-1";uinput2r.name="a";uinput2r.type="radio";uinput2r.classList="w-4 h-4";uinput2r.onclick=()=>{addNone();last_chosen_id="uinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#uinput2r-1').checked){scs.selected_category="farm-garden";scs.display_selected_category="farm+garden";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"farm-garden",display_default_category:"farm+garden",tpv_last_chosen_id:"uinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let uinput2rLabel=window.document.createElement("label");uinput2rLabel.for="uinput2r-1";uinput2rLabel.textContent="Picture Ads";uinput2rLabel.classList="ml-1 mr-2 text-xs";uinput2rLabel.title="click to display the picture ads";let uinput3r=window.document.createElement("input");uinput3r.id="uinput3r-1";uinput3r.name="a";uinput3r.type="radio";uinput3r.classList="w-4 h-4";uinput3r.onclick=()=>{addNone();last_chosen_id="uinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#uinput3r-1').checked){scs.selected_category="farm-garden";scs.display_selected_category="farm+garden";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"farm-garden",display_default_category:"farm+garden",tpv_last_chosen_id:"uinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 25");loadVideos2(true,false,21);removeNone();addAuto();}};let uinput3rLabel=window.document.createElement("label");uinput3rLabel.for="uinput3r-1";uinput3rLabel.textContent="Video Ads";uinput3rLabel.classList="ml-1 mr-2 text-xs";uinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountfarmgarden";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountfarmgarden";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountfarmgarden";udiv1.appendChild(a1tcount);udiv1.appendChild(uinput1r);udiv1.appendChild(uinput1rLabel);udiv1.appendChild(a1pcount);udiv1.appendChild(uinput2r);udiv1.appendChild(uinput2rLabel);udiv1.appendChild(a1vcount);udiv1.appendChild(uinput3r);udiv1.appendChild(uinput3rLabel);div0.appendChild(udiv1);let vdiv1=window.document.createElement("div");vdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let va1=window.document.createElement("a");va1.id="va1-1";va1.classList="cursor-pointer";va1.textContent="free";va1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";vdiv1.appendChild(va1);let vinput1r=window.document.createElement("input");vinput1r.id="vinput1r-1";vinput1r.name="a";vinput1r.type="radio";vinput1r.classList="w-4 h-4";vinput1r.onclick=()=>{addNone();last_chosen_id="vinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#vinput1r-1').checked){scs.selected_category="free";scs.display_selected_category="free";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"free",display_default_category:"free",tpv_last_chosen_id:"vinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let vinput1rLabel=window.document.createElement("label");vinput1rLabel.for="vinput1r-1";vinput1rLabel.textContent="Text Ads";vinput1rLabel.classList="ml-1 mr-2 text-xs";vinput1rLabel.title="click to display the text ads";let vinput2r=window.document.createElement("input");vinput2r.id="vinput2r-1";vinput2r.name="a";vinput2r.type="radio";vinput2r.classList="w-4 h-4";vinput2r.onclick=()=>{addNone();last_chosen_id="vinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#vinput2r-1').checked){scs.selected_category="free";scs.display_selected_category="free";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"free",display_default_category:"free",tpv_last_chosen_id:"vinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let vinput2rLabel=window.document.createElement("label");vinput2rLabel.for="vinput2r-1";vinput2rLabel.textContent="Picture Ads";vinput2rLabel.classList="ml-1 mr-2 text-xs";vinput2rLabel.title="click to display the picture ads";let vinput3r=window.document.createElement("input");vinput3r.id="vinput3r-1";vinput3r.name="a";vinput3r.type="radio";vinput3r.classList="w-4 h-4";vinput3r.onclick=()=>{addNone();last_chosen_id="vinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#vinput3r-1').checked){scs.selected_category="free";scs.display_selected_category="free";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"free",display_default_category:"free",tpv_last_chosen_id:"vinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 26");loadVideos2(true,false,22);removeNone();addAuto();}};let vinput3rLabel=window.document.createElement("label");vinput3rLabel.for="vinput3r-1";vinput3rLabel.textContent="Video Ads";vinput3rLabel.classList="ml-1 mr-2 text-xs";vinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountfree";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountfree";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountfree";vdiv1.appendChild(a1tcount);vdiv1.appendChild(vinput1r);vdiv1.appendChild(vinput1rLabel);vdiv1.appendChild(a1pcount);vdiv1.appendChild(vinput2r);vdiv1.appendChild(vinput2rLabel);vdiv1.appendChild(a1vcount);vdiv1.appendChild(vinput3r);vdiv1.appendChild(vinput3rLabel);div0.appendChild(vdiv1);let wdiv1=window.document.createElement("div");wdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let wa1=window.document.createElement("a");wa1.id="wa1-1";wa1.classList="cursor-pointer";wa1.textContent="furniture";wa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";wdiv1.appendChild(wa1);let winput1r=window.document.createElement("input");winput1r.id="winput1r-1";winput1r.name="a";winput1r.type="radio";winput1r.classList="w-4 h-4";winput1r.onclick=()=>{addNone();last_chosen_id="winput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#winput1r-1').checked){scs.selected_category="furniture";scs.display_selected_category="furniture";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"furniture",display_default_category:"furniture",tpv_last_chosen_id:"winput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let winput1rLabel=window.document.createElement("label");winput1rLabel.for="winput1r-1";winput1rLabel.textContent="Text Ads";winput1rLabel.classList="ml-1 mr-2 text-xs";winput1rLabel.title="click to display the text ads";let winput2r=window.document.createElement("input");winput2r.id="winput2r-1";winput2r.name="a";winput2r.type="radio";winput2r.classList="w-4 h-4";winput2r.onclick=()=>{addNone();last_chosen_id="winput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#winput2r-1').checked){scs.selected_category="furniture";scs.display_selected_category="furniture";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"furniture",display_default_category:"furniture",tpv_last_chosen_id:"winput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let winput2rLabel=window.document.createElement("label");winput2rLabel.for="winput2r-1";winput2rLabel.textContent="Picture Ads";winput2rLabel.classList="ml-1 mr-2 text-xs";winput2rLabel.title="click to display the picture ads";let winput3r=window.document.createElement("input");winput3r.id="winput3r-1";winput3r.name="a";winput3r.type="radio";winput3r.classList="w-4 h-4";winput3r.onclick=()=>{addNone();last_chosen_id="winput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#winput3r-1').checked){scs.selected_category="furniture";scs.display_selected_category="furniture";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"furniture",display_default_category:"furniture",tpv_last_chosen_id:"winput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 27");loadVideos2(true,false,23);removeNone();addAuto();}};let winput3rLabel=window.document.createElement("label");winput3rLabel.for="winput3r-1";winput3rLabel.textContent="Video Ads";winput3rLabel.classList="ml-1 mr-2 text-xs";winput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountfurniture";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountfurniture";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountfurniture";wdiv1.appendChild(a1tcount);wdiv1.appendChild(winput1r);wdiv1.appendChild(winput1rLabel);wdiv1.appendChild(a1pcount);wdiv1.appendChild(winput2r);wdiv1.appendChild(winput2rLabel);wdiv1.appendChild(a1vcount);wdiv1.appendChild(winput3r);wdiv1.appendChild(winput3rLabel);div0.appendChild(wdiv1);let xdiv1=window.document.createElement("div");xdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let xa1=window.document.createElement("a");xa1.id="xa1-1";xa1.classList="cursor-pointer";xa1.textContent="garagesale";xa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";xdiv1.appendChild(xa1);let xinput1r=window.document.createElement("input");xinput1r.id="xinput1r-1";xinput1r.name="a";xinput1r.type="radio";xinput1r.classList="w-4 h-4";xinput1r.onclick=()=>{addNone();last_chosen_id="xinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#xinput1r-1').checked){scs.selected_category="garagesale";scs.display_selected_category="garagesale";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"garagesale",display_default_category:"garage sale",tpv_last_chosen_id:"xinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let xinput1rLabel=window.document.createElement("label");xinput1rLabel.for="xinput1r-1";xinput1rLabel.textContent="Text Ads";xinput1rLabel.classList="ml-1 mr-2 text-xs";xinput1rLabel.title="click to display the text ads";let xinput2r=window.document.createElement("input");xinput2r.id="xinput2r-1";xinput2r.name="a";xinput2r.type="radio";xinput2r.classList="w-4 h-4";xinput2r.onclick=()=>{addNone();last_chosen_id="xinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#xinput2r-1').checked){scs.selected_category="garagesale";scs.display_selected_category="garagesale";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"garagesale",display_default_category:"garage sale",tpv_last_chosen_id:"xinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let xinput2rLabel=window.document.createElement("label");xinput2rLabel.for="xinput2r-1";xinput2rLabel.textContent="Picture Ads";xinput2rLabel.classList="ml-1 mr-2 text-xs";xinput2rLabel.title="click to display the picture ads";let xinput3r=window.document.createElement("input");xinput3r.id="xinput3r-1";xinput3r.name="a";xinput3r.type="radio";xinput3r.classList="w-4 h-4";xinput3r.onclick=()=>{addNone();last_chosen_id="xinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#xinput3r-1').checked){scs.selected_category="garagesale";scs.display_selected_category="garagesale";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"garagesale",display_default_category:"garage sale",tpv_last_chosen_id:"xinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 28");loadVideos2(true,false,24);removeNone();addAuto();}};let xinput3rLabel=window.document.createElement("label");xinput3rLabel.for="xinput3r-1";xinput3rLabel.textContent="Video Ads";xinput3rLabel.classList="ml-1 mr-2 text-xs";xinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountgaragesale";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountgaragesale";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountgaragesale";xdiv1.appendChild(a1tcount);xdiv1.appendChild(xinput1r);xdiv1.appendChild(xinput1rLabel);xdiv1.appendChild(a1pcount);xdiv1.appendChild(xinput2r);xdiv1.appendChild(xinput2rLabel);xdiv1.appendChild(a1vcount);xdiv1.appendChild(xinput3r);xdiv1.appendChild(xinput3rLabel);div0.appendChild(xdiv1);let ydiv1=window.document.createElement("div");ydiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ya1=window.document.createElement("a");ya1.id="ya1-1";ya1.classList="cursor-pointer";ya1.textContent="general";ya1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";ydiv1.appendChild(ya1);let yinput1r=window.document.createElement("input");yinput1r.id="yinput1r-1";yinput1r.name="a";yinput1r.type="radio";yinput1r.classList="w-4 h-4";yinput1r.onclick=()=>{addNone();last_chosen_id="yinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#yinput1r-1').checked){scs.selected_category="general";scs.display_selected_category="general";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"general",display_default_category:"general",tpv_last_chosen_id:"yinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let yinput1rLabel=window.document.createElement("label");yinput1rLabel.for="yinput1r-1";yinput1rLabel.textContent="Text Ads";yinput1rLabel.classList="ml-1 mr-2 text-xs";yinput1rLabel.title="click to display the text ads";let yinput2r=window.document.createElement("input");yinput2r.id="yinput2r-1";yinput2r.name="a";yinput2r.type="radio";yinput2r.classList="w-4 h-4";yinput2r.onclick=()=>{addNone();last_chosen_id="yinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#yinput2r-1').checked){scs.selected_category="general";scs.display_selected_category="general";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"general",display_default_category:"general",tpv_last_chosen_id:"yinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let yinput2rLabel=window.document.createElement("label");yinput2rLabel.for="yinput2r-1";yinput2rLabel.textContent="Picture Ads";yinput2rLabel.classList="ml-1 mr-2 text-xs";yinput2rLabel.title="click to display the picture ads";let yinput3r=window.document.createElement("input");yinput3r.id="yinput3r-1";yinput3r.name="a";yinput3r.type="radio";yinput3r.classList="w-4 h-4";yinput3r.onclick=()=>{addNone();last_chosen_id="yinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#yinput3r-1').checked){scs.selected_category="general";scs.display_selected_category="general";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"general",display_default_category:"general",tpv_last_chosen_id:"yinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 29");loadVideos2(true,false,25);removeNone();addAuto();}};let yinput3rLabel=window.document.createElement("label");yinput3rLabel.for="yinput3r-1";yinput3rLabel.textContent="Video Ads";yinput3rLabel.classList="ml-1 mr-2 text-xs";yinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountgeneral";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountgeneral";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountgeneral";ydiv1.appendChild(a1tcount);ydiv1.appendChild(yinput1r);ydiv1.appendChild(yinput1rLabel);ydiv1.appendChild(a1pcount);ydiv1.appendChild(yinput2r);ydiv1.appendChild(yinput2rLabel);ydiv1.appendChild(a1vcount);ydiv1.appendChild(yinput3r);ydiv1.appendChild(yinput3rLabel);div0.appendChild(ydiv1);let zdiv1=window.document.createElement("div");zdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let za1=window.document.createElement("a");za1.id="za1-1";za1.classList="cursor-pointer";za1.textContent="heavy-equip";za1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";zdiv1.appendChild(za1);let zinput1r=window.document.createElement("input");zinput1r.id="zinput1r-1";zinput1r.name="a";zinput1r.type="radio";zinput1r.classList="w-4 h-4";zinput1r.onclick=()=>{addNone();last_chosen_id="zinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#zinput1r-1').checked){scs.selected_category="heavyequip";scs.display_selected_category="heavy equip";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"heavyequip",display_default_category:"heavy equip",tpv_last_chosen_id:"zinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let zinput1rLabel=window.document.createElement("label");zinput1rLabel.for="zinput1r-1";zinput1rLabel.textContent="Text Ads";zinput1rLabel.classList="ml-1 mr-2 text-xs";zinput1rLabel.title="click to display the text ads";let zinput2r=window.document.createElement("input");zinput2r.id="zinput2r-1";zinput2r.name="a";zinput2r.type="radio";zinput2r.classList="w-4 h-4";zinput2r.onclick=()=>{addNone();last_chosen_id="zinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#zinput2r-1').checked){scs.selected_category="heavyequip";scs.display_selected_category="heavy equip";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"heavyequip",display_default_category:"heavy equip",tpv_last_chosen_id:"zinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let zinput2rLabel=window.document.createElement("label");zinput2rLabel.for="zinput2r-1";zinput2rLabel.textContent="Picture Ads";zinput2rLabel.classList="ml-1 mr-2 text-xs";zinput2rLabel.title="click to display the picture ads";let zinput3r=window.document.createElement("input");zinput3r.id="zinput3r-1";zinput3r.name="a";zinput3r.type="radio";zinput3r.classList="w-4 h-4";zinput3r.onclick=()=>{addNone();last_chosen_id="zinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#zinput3r-1').checked){scs.selected_category="heavyequip";scs.display_selected_category="heavy equip";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"heavyequip",display_default_category:"heavy equip",tpv_last_chosen_id:"zinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 30");loadVideos2(true,false,26);removeNone();addAuto();}};let zinput3rLabel=window.document.createElement("label");zinput3rLabel.for="zinput3r-1";zinput3rLabel.textContent="Video Ads";zinput3rLabel.classList="ml-1 mr-2 text-xs";zinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountheavyequip";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountheavyequip";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountheavyequip";zdiv1.appendChild(a1tcount);zdiv1.appendChild(zinput1r);zdiv1.appendChild(zinput1rLabel);zdiv1.appendChild(a1pcount);zdiv1.appendChild(zinput2r);zdiv1.appendChild(zinput2rLabel);zdiv1.appendChild(a1vcount);zdiv1.appendChild(zinput3r);zdiv1.appendChild(zinput3rLabel);div0.appendChild(zdiv1);let aadiv1=window.document.createElement("div");aadiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aaa1=window.document.createElement("a");aaa1.id="aaa1-1";aaa1.classList="cursor-pointer";aaa1.textContent="household";aaa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";aadiv1.appendChild(aaa1);let aainput1r=window.document.createElement("input");aainput1r.id="aainput1r-1";aainput1r.name="a";aainput1r.type="radio";aainput1r.classList="w-4 h-4";aainput1r.onclick=()=>{addNone();last_chosen_id="aainput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aainput1r-1').checked){scs.selected_category="household";scs.display_selected_category="household";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"household",display_default_category:"household",tpv_last_chosen_id:"aainput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let aainput1rLabel=window.document.createElement("label");aainput1rLabel.for="aainput1r-1";aainput1rLabel.textContent="Text Ads";aainput1rLabel.classList="ml-1 mr-2 text-xs";aainput1rLabel.title="click to display the text ads";let aainput2r=window.document.createElement("input");aainput2r.id="aainput2r-1";aainput2r.name="a";aainput2r.type="radio";aainput2r.classList="w-4 h-4";aainput2r.onclick=()=>{addNone();last_chosen_id="aainput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aainput2r-1').checked){scs.selected_category="household";scs.display_selected_category="household";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"household",display_default_category:"household",tpv_last_chosen_id:"aainput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let aainput2rLabel=window.document.createElement("label");aainput2rLabel.for="aainput2r-1";aainput2rLabel.textContent="Picture Ads";aainput2rLabel.classList="ml-1 mr-2 text-xs";aainput2rLabel.title="click to display the picture ads";let aainput3r=window.document.createElement("input");aainput3r.id="aainput3r-1";aainput3r.name="a";aainput3r.type="radio";aainput3r.classList="w-4 h-4";aainput3r.onclick=()=>{addNone();last_chosen_id="aainput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aainput3r-1').checked){scs.selected_category="household";scs.display_selected_category="household";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"household",display_default_category:"household",tpv_last_chosen_id:"aainput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 31");loadVideos2(true,false,27);removeNone();addAuto();}};let aainput3rLabel=window.document.createElement("label");aainput3rLabel.for="aainput3r-1";aainput3rLabel.textContent="Video Ads";aainput3rLabel.classList="ml-1 mr-2 text-xs";aainput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcounthousehold";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcounthousehold";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcounthousehold";aadiv1.appendChild(a1tcount);aadiv1.appendChild(aainput1r);aadiv1.appendChild(aainput1rLabel);aadiv1.appendChild(a1pcount);aadiv1.appendChild(aainput2r);aadiv1.appendChild(aainput2rLabel);aadiv1.appendChild(a1vcount);aadiv1.appendChild(aainput3r);aadiv1.appendChild(aainput3rLabel);div0.appendChild(aadiv1);let abdiv1=window.document.createElement("div");abdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aba1=window.document.createElement("a");aba1.id="aba1-1";aba1.classList="cursor-pointer";aba1.textContent="jewelry";aba1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";abdiv1.appendChild(aba1);let abinput1r=window.document.createElement("input");abinput1r.id="abinput1r-1";abinput1r.name="a";abinput1r.type="radio";abinput1r.classList="w-4 h-4";abinput1r.onclick=()=>{addNone();last_chosen_id="abinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#abinput1r-1').checked){scs.selected_category="jewelry";scs.display_selected_category="jewelry";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"jewelry",display_default_category:"jewelry",tpv_last_chosen_id:"abinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let abinput1rLabel=window.document.createElement("label");abinput1rLabel.for="abinput1r-1";abinput1rLabel.textContent="Text Ads";abinput1rLabel.classList="ml-1 mr-2 text-xs";abinput1rLabel.title="click to display the text ads";let abinput2r=window.document.createElement("input");abinput2r.id="abinput2r-1";abinput2r.name="a";abinput2r.type="radio";abinput2r.classList="w-4 h-4";abinput2r.onclick=()=>{addNone();last_chosen_id="abinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#abinput2r-1').checked){scs.selected_category="jewelry";scs.display_selected_category="jewelry";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"jewelry",display_default_category:"jewelry",tpv_last_chosen_id:"abinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let abinput2rLabel=window.document.createElement("label");abinput2rLabel.for="abinput2r-1";abinput2rLabel.textContent="Picture Ads";abinput2rLabel.classList="ml-1 mr-2 text-xs";abinput2rLabel.title="click to display the picture ads";let abinput3r=window.document.createElement("input");abinput3r.id="abinput3r-1";abinput3r.name="a";abinput3r.type="radio";abinput3r.classList="w-4 h-4";abinput3r.onclick=()=>{addNone();last_chosen_id="abinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#abinput3r-1').checked){scs.selected_category="jewelry";scs.display_selected_category="jewelry";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"jewelry",display_default_category:"jewelry",tpv_last_chosen_id:"abinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 32");loadVideos2(true,false,28);removeNone();addAuto();}};let abinput3rLabel=window.document.createElement("label");abinput3rLabel.for="abinput3r-1";abinput3rLabel.textContent="Video Ads";abinput3rLabel.classList="ml-1 mr-2 text-xs";abinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountjewelry";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountjewelry";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountjewelry";abdiv1.appendChild(a1tcount);abdiv1.appendChild(abinput1r);abdiv1.appendChild(abinput1rLabel);abdiv1.appendChild(a1pcount);abdiv1.appendChild(abinput2r);abdiv1.appendChild(abinput2rLabel);abdiv1.appendChild(a1vcount);abdiv1.appendChild(abinput3r);abdiv1.appendChild(abinput3rLabel);div0.appendChild(abdiv1);let acdiv1=window.document.createElement("div");acdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aca1=window.document.createElement("a");aca1.id="aca1-1";aca1.classList="cursor-pointer";aca1.textContent="jobs-available";aca1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";acdiv1.appendChild(aca1);let acinput1r=window.document.createElement("input");acinput1r.id="acinput1r-1";acinput1r.name="a";acinput1r.type="radio";acinput1r.classList="w-4 h-4";acinput1r.onclick=()=>{addNone();last_chosen_id="acinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#acinput1r-1').checked){scs.selected_category="jobs-available";scs.display_selected_category="jobs available";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"jobs-available",display_default_category:"jobs available",tpv_last_chosen_id:"acinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let acinput1rLabel=window.document.createElement("label");acinput1rLabel.for="acinput1r-1";acinput1rLabel.textContent="Text Ads";acinput1rLabel.classList="ml-1 mr-2 text-xs";acinput1rLabel.title="click to display the text ads";let acinput2r=window.document.createElement("input");acinput2r.id="acinput2r-1";acinput2r.name="a";acinput2r.type="radio";acinput2r.classList="w-4 h-4";acinput2r.onclick=()=>{addNone();last_chosen_id="acinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#acinput2r-1').checked){scs.selected_category="jobs-available";scs.display_selected_category="jobs available";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"jobs-available",display_default_category:"jobs available",tpv_last_chosen_id:"acinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let acinput2rLabel=window.document.createElement("label");acinput2rLabel.for="acinput2r-1";acinput2rLabel.textContent="Picture Ads";acinput2rLabel.classList="ml-1 mr-2 text-xs";acinput2rLabel.title="click to display the picture ads";let acinput3r=window.document.createElement("input");acinput3r.id="acinput3r-1";acinput3r.name="a";acinput3r.type="radio";acinput3r.classList="w-4 h-4";acinput3r.onclick=()=>{addNone();last_chosen_id="acinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#acinput3r-1').checked){scs.selected_category="jobs-available";scs.display_selected_category="jobs available";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"jobs-available",display_default_category:"jobs available",tpv_last_chosen_id:"acinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 33");loadVideos2(true,false,29);removeNone();addAuto();}};let acinput3rLabel=window.document.createElement("label");acinput3rLabel.for="acinput3r-1";acinput3rLabel.textContent="Video Ads";acinput3rLabel.classList="ml-1 mr-2 text-xs";acinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountjobsavailable";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountjobsavailable";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountjobsavailable";acdiv1.appendChild(a1tcount);acdiv1.appendChild(acinput1r);acdiv1.appendChild(acinput1rLabel);acdiv1.appendChild(a1pcount);acdiv1.appendChild(acinput2r);acdiv1.appendChild(acinput2rLabel);acdiv1.appendChild(a1vcount);acdiv1.appendChild(acinput3r);acdiv1.appendChild(acinput3rLabel);div0.appendChild(acdiv1);let addiv1=window.document.createElement("div");addiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ada1=window.document.createElement("a");ada1.id="ada1-1";ada1.classList="cursor-pointer";ada1.textContent="materials";ada1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";addiv1.appendChild(ada1);let adinput1r=window.document.createElement("input");adinput1r.id="adinput1r-1";adinput1r.name="a";adinput1r.type="radio";adinput1r.classList="w-4 h-4";adinput1r.onclick=()=>{addNone();last_chosen_id="adinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#adinput1r-1').checked){scs.selected_category="materials";scs.display_selected_category="materials";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"materials",display_default_category:"materials",tpv_last_chosen_id:"adinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let adinput1rLabel=window.document.createElement("label");adinput1rLabel.for="adinput1r-1";adinput1rLabel.textContent="Text Ads";adinput1rLabel.classList="ml-1 mr-2 text-xs";adinput1rLabel.title="click to display the text ads";let adinput2r=window.document.createElement("input");adinput2r.id="adinput2r-1";adinput2r.name="a";adinput2r.type="radio";adinput2r.classList="w-4 h-4";adinput2r.onclick=()=>{addNone();last_chosen_id="adinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#adinput2r-1').checked){scs.selected_category="materials";scs.display_selected_category="materials";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"materials",display_default_category:"materials",tpv_last_chosen_id:"adinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let adinput2rLabel=window.document.createElement("label");adinput2rLabel.for="adinput2r-1";adinput2rLabel.textContent="Picture Ads";adinput2rLabel.classList="ml-1 mr-2 text-xs";adinput2rLabel.title="click to display the picture ads";let adinput3r=window.document.createElement("input");adinput3r.id="adinput3r-1";adinput3r.name="a";adinput3r.type="radio";adinput3r.classList="w-4 h-4";adinput3r.onclick=()=>{addNone();last_chosen_id="adinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#adinput3r-1').checked){scs.selected_category="materials";scs.display_selected_category="materials";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"materials",display_default_category:"materials",tpv_last_chosen_id:"adinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 34");loadVideos2(true,false,30);removeNone();addAuto();}};let adinput3rLabel=window.document.createElement("label");adinput3rLabel.for="adinput3r-1";adinput3rLabel.textContent="Video Ads";adinput3rLabel.classList="ml-1 mr-2 text-xs";adinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountmaterials";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountmaterials";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountmaterials";addiv1.appendChild(a1tcount);addiv1.appendChild(adinput1r);addiv1.appendChild(adinput1rLabel);addiv1.appendChild(a1pcount);addiv1.appendChild(adinput2r);addiv1.appendChild(adinput2rLabel);addiv1.appendChild(a1vcount);addiv1.appendChild(adinput3r);addiv1.appendChild(adinput3rLabel);div0.appendChild(addiv1);let aediv1=window.document.createElement("div");aediv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aea1=window.document.createElement("a");aea1.id="aea1-1";aea1.classList="cursor-pointer";aea1.textContent="motorcycle parts";aea1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";aediv1.appendChild(aea1);let aeinput1r=window.document.createElement("input");aeinput1r.id="aeinput1r-1";aeinput1r.name="a";aeinput1r.type="radio";aeinput1r.classList="w-4 h-4";aeinput1r.onclick=()=>{addNone();last_chosen_id="aeinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aeinput1r-1').checked){scs.selected_category="motorcycle-parts";scs.display_selected_category="motorcycle parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"motorcycle-parts",display_default_category:"motorcycle parts",tpv_last_chosen_id:"aeinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let aeinput1rLabel=window.document.createElement("label");aeinput1rLabel.for="aeinput1r-1";aeinput1rLabel.textContent="Text Ads";aeinput1rLabel.classList="ml-1 mr-2 text-xs";aeinput1rLabel.title="click to display the text ads";let aeinput2r=window.document.createElement("input");aeinput2r.id="aeinput2r-1";aeinput2r.name="a";aeinput2r.type="radio";aeinput2r.classList="w-4 h-4";aeinput2r.onclick=()=>{addNone();last_chosen_id="aeinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aeinput2r-1').checked){scs.selected_category="motorcycle-parts";scs.display_selected_category="motorcycle parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"motorcycle-parts",display_default_category:"motorcycle parts",tpv_last_chosen_id:"aeinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let aeinput2rLabel=window.document.createElement("label");aeinput2rLabel.for="aeinput2r-1";aeinput2rLabel.textContent="Picture Ads";aeinput2rLabel.classList="ml-1 mr-2 text-xs";aeinput2rLabel.title="click to display the picture ads";let aeinput3r=window.document.createElement("input");aeinput3r.id="aeinput3r-1";aeinput3r.name="a";aeinput3r.type="radio";aeinput3r.classList="w-4 h-4";aeinput3r.onclick=()=>{addNone();last_chosen_id="aeinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aeinput3r-1').checked){scs.selected_category="motorcycle-parts";scs.display_selected_category="motorcycle parts";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"motorcycle-parts",display_default_category:"motorcycle parts",tpv_last_chosen_id:"aeinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 35");loadVideos2(true,false,31);removeNone();addAuto();}};let aeinput3rLabel=window.document.createElement("label");aeinput3rLabel.for="aeinput3r-1";aeinput3rLabel.textContent="Video Ads";aeinput3rLabel.classList="ml-1 mr-2 text-xs";aeinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountmotorcycleparts";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountmotorcycleparts";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountmotorcycleparts";aediv1.appendChild(a1tcount);aediv1.appendChild(aeinput1r);aediv1.appendChild(aeinput1rLabel);aediv1.appendChild(a1pcount);aediv1.appendChild(aeinput2r);aediv1.appendChild(aeinput2rLabel);aediv1.appendChild(a1vcount);aediv1.appendChild(aeinput3r);aediv1.appendChild(aeinput3rLabel);div0.appendChild(aediv1);let afdiv1=window.document.createElement("div");afdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let afa1=window.document.createElement("a");afa1.id="afa1-1";afa1.classList="cursor-pointer";afa1.textContent="motorcycles";afa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";afdiv1.appendChild(afa1);let afinput1r=window.document.createElement("input");afinput1r.id="afinput1r-1";afinput1r.name="a";afinput1r.type="radio";afinput1r.classList="w-4 h-4";afinput1r.onclick=()=>{addNone();last_chosen_id="afinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#afinput1r-1').checked){scs.selected_category="motorcycles";scs.display_selected_category="motorcycles";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"motorcycles",display_default_category:"motorcycles",tpv_last_chosen_id:"afinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let afinput1rLabel=window.document.createElement("label");afinput1rLabel.for="afinput1r-1";afinput1rLabel.textContent="Text Ads";afinput1rLabel.classList="ml-1 mr-2 text-xs";afinput1rLabel.title="click to display the text ads";let afinput2r=window.document.createElement("input");afinput2r.id="afinput2r-1";afinput2r.name="a";afinput2r.type="radio";afinput2r.classList="w-4 h-4";afinput2r.onclick=()=>{addNone();last_chosen_id="afinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#afinput2r-1').checked){scs.selected_category="motorcycles";scs.display_selected_category="motorcycles";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"motorcycles",display_default_category:"motorcycles",tpv_last_chosen_id:"afinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let afinput2rLabel=window.document.createElement("label");afinput2rLabel.for="afinput2r-1";afinput2rLabel.textContent="Picture Ads";afinput2rLabel.classList="ml-1 mr-2 text-xs";afinput2rLabel.title="click to display the picture ads";let afinput3r=window.document.createElement("input");afinput3r.id="afinput3r-1";afinput3r.name="a";afinput3r.type="radio";afinput3r.classList="w-4 h-4";afinput3r.onclick=()=>{addNone();last_chosen_id="afinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#afinput3r-1').checked){scs.selected_category="motorcycles";scs.display_selected_category="motorcycles";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"motorcycles",display_default_category:"motorcycles",tpv_last_chosen_id:"afinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 36");loadVideos2(true,false,32);removeNone();addAuto();}};let afinput3rLabel=window.document.createElement("label");afinput3rLabel.for="afinput3r-1";afinput3rLabel.textContent="Video Ads";afinput3rLabel.classList="ml-1 mr-2 text-xs";afinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountmotorcycles";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountmotorcycles";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountmotorcycles";afdiv1.appendChild(a1tcount);afdiv1.appendChild(afinput1r);afdiv1.appendChild(afinput1rLabel);afdiv1.appendChild(a1pcount);afdiv1.appendChild(afinput2r);afdiv1.appendChild(afinput2rLabel);afdiv1.appendChild(a1vcount);afdiv1.appendChild(afinput3r);afdiv1.appendChild(afinput3rLabel);div0.appendChild(afdiv1);let agdiv1=window.document.createElement("div");agdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aga1=window.document.createElement("a");aga1.id="aga1-1";aga1.classList="cursor-pointer";aga1.textContent="music instr";aga1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";agdiv1.appendChild(aga1);let aginput1r=window.document.createElement("input");aginput1r.id="aginput1r-1";aginput1r.name="a";aginput1r.type="radio";aginput1r.classList="w-4 h-4";aginput1r.onclick=()=>{addNone();last_chosen_id="aginput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aginput1r-1').checked){scs.selected_category="music-instr";scs.display_selected_category="music instr";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"music-instr",display_default_category:"music+instr",tpv_last_chosen_id:"aginput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let aginput1rLabel=window.document.createElement("label");aginput1rLabel.for="aginput1r-1";aginput1rLabel.textContent="Text Ads";aginput1rLabel.classList="ml-1 mr-2 text-xs";aginput1rLabel.title="click to display the text ads";let aginput2r=window.document.createElement("input");aginput2r.id="aginput2r-1";aginput2r.name="a";aginput2r.type="radio";aginput2r.classList="w-4 h-4";aginput2r.onclick=()=>{addNone();last_chosen_id="aginput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aginput2r-1').checked){scs.selected_category="music-instr";scs.display_selected_category="music instr";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"music-instr",display_default_category:"music+instr",tpv_last_chosen_id:"aginput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let aginput2rLabel=window.document.createElement("label");aginput2rLabel.for="aginput2r-1";aginput2rLabel.textContent="Picture Ads";aginput2rLabel.classList="ml-1 mr-2 text-xs";aginput2rLabel.title="click to display the picture ads";let aginput3r=window.document.createElement("input");aginput3r.id="aginput3r-1";aginput3r.name="a";aginput3r.type="radio";aginput3r.classList="w-4 h-4";aginput3r.onclick=()=>{addNone();last_chosen_id="aginput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aginput3r-1').checked){scs.selected_category="music-instr";scs.display_selected_category="music instr";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"music-instr",display_default_category:"music+instr",tpv_last_chosen_id:"aginput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 37");loadVideos2(true,false,33);removeNone();addAuto();}};let aginput3rLabel=window.document.createElement("label");aginput3rLabel.for="aginput3r-1";aginput3rLabel.textContent="Video Ads";aginput3rLabel.classList="ml-1 mr-2 text-xs";aginput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountmusicinstr";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountmusicinstr";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountmusicinstr";agdiv1.appendChild(a1tcount);agdiv1.appendChild(aginput1r);agdiv1.appendChild(aginput1rLabel);agdiv1.appendChild(a1pcount);agdiv1.appendChild(aginput2r);agdiv1.appendChild(aginput2rLabel);agdiv1.appendChild(a1vcount);agdiv1.appendChild(aginput3r);agdiv1.appendChild(aginput3rLabel);div0.appendChild(agdiv1);let ahdiv1=window.document.createElement("div");ahdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aha1=window.document.createElement("a");aha1.id="aha1-1";aha1.classList="cursor-pointer";aha1.textContent="photo+video";aha1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";ahdiv1.appendChild(aha1);let ahinput1r=window.document.createElement("input");ahinput1r.id="ahinput1r-1";ahinput1r.name="a";ahinput1r.type="radio";ahinput1r.classList="w-4 h-4";ahinput1r.onclick=()=>{addNone();last_chosen_id="ahinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ahinput1r-1').checked){scs.selected_category="photo-video";scs.display_selected_category="photo+video";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"photo-video",display_default_category:"photo+video",tpv_last_chosen_id:"ahinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let ahinput1rLabel=window.document.createElement("label");ahinput1rLabel.for="ahinput1r-1";ahinput1rLabel.textContent="Text Ads";ahinput1rLabel.classList="ml-1 mr-2 text-xs";ahinput1rLabel.title="click to display the text ads";let ahinput2r=window.document.createElement("input");ahinput2r.id="ahinput2r-1";ahinput2r.name="a";ahinput2r.type="radio";ahinput2r.classList="w-4 h-4";ahinput2r.onclick=()=>{addNone();last_chosen_id="ahinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ahinput2r-1').checked){scs.selected_category="photo-video";scs.display_selected_category="photo+video";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"photo-video",display_default_category:"photo+video",tpv_last_chosen_id:"ahinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let ahinput2rLabel=window.document.createElement("label");ahinput2rLabel.for="ahinput2r-1";ahinput2rLabel.textContent="Picture Ads";ahinput2rLabel.classList="ml-1 mr-2 text-xs";ahinput2rLabel.title="click to display the picture ads";let ahinput3r=window.document.createElement("input");ahinput3r.id="ahinput3r-1";ahinput3r.name="a";ahinput3r.type="radio";ahinput3r.classList="w-4 h-4";ahinput3r.onclick=()=>{addNone();last_chosen_id="ahinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ahinput3r-1').checked){scs.selected_category="photo-video";scs.display_selected_category="photo+video";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"photo-video",display_default_category:"photo+video",tpv_last_chosen_id:"ahinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 38");loadVideos2(true,false,34);removeNone();addAuto();}};let ahinput3rLabel=window.document.createElement("label");ahinput3rLabel.for="ahinput3r-1";ahinput3rLabel.textContent="Video Ads";ahinput3rLabel.classList="ml-1 mr-2 text-xs";ahinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountphotovideo";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountphotovideo";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountphotovideo";ahdiv1.appendChild(a1tcount);ahdiv1.appendChild(ahinput1r);ahdiv1.appendChild(ahinput1rLabel);ahdiv1.appendChild(a1pcount);ahdiv1.appendChild(ahinput2r);ahdiv1.appendChild(ahinput2rLabel);ahdiv1.appendChild(a1vcount);ahdiv1.appendChild(ahinput3r);ahdiv1.appendChild(ahinput3rLabel);div0.appendChild(ahdiv1);let aidiv1=window.document.createElement("div");aidiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aia1=window.document.createElement("a");aia1.id="a1-1";aia1.classList="cursor-pointer";aia1.textContent="rvs+camp";aia1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";aidiv1.appendChild(aia1);let aiinput1r=window.document.createElement("input");aiinput1r.id="aiinput1r-1";aiinput1r.name="a";aiinput1r.type="radio";aiinput1r.classList="w-4 h-4";aiinput1r.onclick=()=>{addNone();last_chosen_id="aiinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aiinput1r-1').checked){scs.selected_category="rvs-camp";scs.display_selected_category="rvs+camp";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"rvs-camp",display_default_category:"rvs+camp",tpv_last_chosen_id:"aiinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let aiinput1rLabel=window.document.createElement("label");aiinput1rLabel.for="aiinput1r-1";aiinput1rLabel.textContent="Text Ads";aiinput1rLabel.classList="ml-1 mr-2 text-xs";aiinput1rLabel.title="click to display the text ads";let aiinput2r=window.document.createElement("input");aiinput2r.id="aiinput2r-1";aiinput2r.name="a";aiinput2r.type="radio";aiinput2r.classList="w-4 h-4";aiinput2r.onclick=()=>{addNone();last_chosen_id="aiinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aiinput2r-1').checked){scs.selected_category="rvs-camp";scs.display_selected_category="rvs+camp";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"rvs-camp",display_default_category:"rvs+camp",tpv_last_chosen_id:"aiinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let aiinput2rLabel=window.document.createElement("label");aiinput2rLabel.for="aiinput2r-1";aiinput2rLabel.textContent="Picture Ads";aiinput2rLabel.classList="ml-1 mr-2 text-xs";aiinput2rLabel.title="click to display the picture ads";let aiinput3r=window.document.createElement("input");aiinput3r.id="aiinput3r-1";aiinput3r.name="a";aiinput3r.type="radio";aiinput3r.classList="w-4 h-4";aiinput3r.onclick=()=>{addNone();last_chosen_id="aiinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aiinput3r-1').checked){scs.selected_category="rvs-camp";scs.display_selected_category="rvs+camp";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"rvs-camp",display_default_category:"rvs+camp",tpv_last_chosen_id:"aiinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 39");loadVideos2(true,false,35);removeNone();addAuto();}};let aiinput3rLabel=window.document.createElement("label");aiinput3rLabel.for="aiinput3r-1";aiinput3rLabel.textContent="Video Ads";aiinput3rLabel.classList="ml-1 mr-2 text-xs";aiinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountrvscamp";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountrvscamp";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountrvscamp";aidiv1.appendChild(a1tcount);aidiv1.appendChild(aiinput1r);aidiv1.appendChild(aiinput1rLabel);aidiv1.appendChild(a1pcount);aidiv1.appendChild(aiinput2r);aidiv1.appendChild(aiinput2rLabel);aidiv1.appendChild(a1vcount);aidiv1.appendChild(aiinput3r);aidiv1.appendChild(aiinput3rLabel);div0.appendChild(aidiv1);let ajdiv1=window.document.createElement("div");ajdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aja1=window.document.createElement("a");aja1.id="aja1-1";aja1.classList="cursor-pointer";aja1.textContent="sporting";aja1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";ajdiv1.appendChild(aja1);let ajinput1r=window.document.createElement("input");ajinput1r.id="ajinput1r-1";ajinput1r.name="a";ajinput1r.type="radio";ajinput1r.classList="w-4 h-4";ajinput1r.onclick=()=>{addNone();last_chosen_id="ajinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ajinput1r-1').checked){scs.selected_category="sporting";scs.display_selected_category="sporting";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"sporting",display_default_category:"sporting",tpv_last_chosen_id:"ajinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let ajinput1rLabel=window.document.createElement("label");ajinput1rLabel.for="ajinput1r-1";ajinput1rLabel.textContent="Text Ads";ajinput1rLabel.classList="ml-1 mr-2 text-xs";ajinput1rLabel.title="click to display the text ads";let ajinput2r=window.document.createElement("input");ajinput2r.id="ajinput2r-1";ajinput2r.name="a";ajinput2r.type="radio";ajinput2r.classList="w-4 h-4";ajinput2r.onclick=()=>{addNone();last_chosen_id="ajinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ajinput2r-1').checked){scs.selected_category="sporting";scs.display_selected_category="sporting";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"sporting",display_default_category:"sporting",tpv_last_chosen_id:"ajinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let ajinput2rLabel=window.document.createElement("label");ajinput2rLabel.for="ajinput2r-1";ajinput2rLabel.textContent="Picture Ads";ajinput2rLabel.classList="ml-1 mr-2 text-xs";ajinput2rLabel.title="click to display the picture ads";let ajinput3r=window.document.createElement("input");ajinput3r.id="ajinput3r-1";ajinput3r.name="a";ajinput3r.type="radio";ajinput3r.classList="w-4 h-4";ajinput3r.onclick=()=>{addNone();last_chosen_id="ajinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#ajinput3r-1').checked){scs.selected_category="sporting";scs.display_selected_category="sporting";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"sporting",display_default_category:"sporting",tpv_last_chosen_id:"ajinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 40");loadVideos2(true,false,36);removeNone();addAuto();}};let ajinput3rLabel=window.document.createElement("label");ajinput3rLabel.for="ajinput3r-1";ajinput3rLabel.textContent="Video Ads";ajinput3rLabel.classList="ml-1 mr-2 text-xs";ajinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountsporting";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountsporting";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountsporting";ajdiv1.appendChild(a1tcount);ajdiv1.appendChild(ajinput1r);ajdiv1.appendChild(ajinput1rLabel);ajdiv1.appendChild(a1pcount);ajdiv1.appendChild(ajinput2r);ajdiv1.appendChild(ajinput2rLabel);ajdiv1.appendChild(a1vcount);ajdiv1.appendChild(ajinput3r);ajdiv1.appendChild(ajinput3rLabel);div0.appendChild(ajdiv1);let akdiv1=window.document.createElement("div");akdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aka1=window.document.createElement("a");aka1.id="aka1-1";aka1.classList="cursor-pointer";aka1.textContent="tickets";aka1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";akdiv1.appendChild(aka1);let akinput1r=window.document.createElement("input");akinput1r.id="akinput1r-1";akinput1r.name="a";akinput1r.type="radio";akinput1r.classList="w-4 h-4";akinput1r.onclick=()=>{addNone();last_chosen_id="akinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#akinput1r-1').checked){scs.selected_category="tickets";scs.display_selected_category="tickets";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"tickets",display_default_category:"tickets",tpv_last_chosen_id:"akinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let akinput1rLabel=window.document.createElement("label");akinput1rLabel.for="akinput1r-1";akinput1rLabel.textContent="Text Ads";akinput1rLabel.classList="ml-1 mr-2 text-xs";akinput1rLabel.title="click to display the text ads";let akinput2r=window.document.createElement("input");akinput2r.id="akinput2r-1";akinput2r.name="a";akinput2r.type="radio";akinput2r.classList="w-4 h-4";akinput2r.onclick=()=>{addNone();last_chosen_id="akinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#akinput2r-1').checked){scs.selected_category="tickets";scs.display_selected_category="tickets";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"tickets",display_default_category:"tickets",tpv_last_chosen_id:"akinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let akinput2rLabel=window.document.createElement("label");akinput2rLabel.for="akinput2r-1";akinput2rLabel.textContent="Picture Ads";akinput2rLabel.classList="ml-1 mr-2 text-xs";akinput2rLabel.title="click to display the picture ads";let akinput3r=window.document.createElement("input");akinput3r.id="akinput3r-1";akinput3r.name="a";akinput3r.type="radio";akinput3r.classList="w-4 h-4";akinput3r.onclick=()=>{addNone();last_chosen_id="akinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#akinput3r-1').checked){scs.selected_category="tickets";scs.display_selected_category="tickets";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"tickets",display_default_category:"tickets",tpv_last_chosen_id:"akinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 41");loadVideos2(true,false,37);removeNone();addAuto();}};let akinput3rLabel=window.document.createElement("label");akinput3rLabel.for="akinput3r-1";akinput3rLabel.textContent="Video Ads";akinput3rLabel.classList="ml-1 mr-2 text-xs";akinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcounttickets";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcounttickets";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcounttickets";akdiv1.appendChild(a1tcount);akdiv1.appendChild(akinput1r);akdiv1.appendChild(akinput1rLabel);akdiv1.appendChild(a1pcount);akdiv1.appendChild(akinput2r);akdiv1.appendChild(akinput2rLabel);akdiv1.appendChild(a1vcount);akdiv1.appendChild(akinput3r);akdiv1.appendChild(akinput3rLabel);div0.appendChild(akdiv1);let aldiv1=window.document.createElement("div");aldiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ala1=window.document.createElement("a");ala1.id="ala1-1";ala1.classList="cursor-pointer";ala1.textContent="tools";ala1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";aldiv1.appendChild(ala1);let alinput1r=window.document.createElement("input");alinput1r.id="alinput1r-1";alinput1r.name="a";alinput1r.type="radio";alinput1r.classList="w-4 h-4";alinput1r.onclick=()=>{addNone();last_chosen_id="alinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#alinput1r-1').checked){scs.selected_category="tools";scs.display_selected_category="tools";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"tools",display_default_category:"tools",tpv_last_chosen_id:"alinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let alinput1rLabel=window.document.createElement("label");alinput1rLabel.for="alinput1r-1";alinput1rLabel.textContent="Text Ads";alinput1rLabel.classList="ml-1 mr-2 text-xs";alinput1rLabel.title="click to display the text ads";let alinput2r=window.document.createElement("input");alinput2r.id="alinput2r-1";alinput2r.name="a";alinput2r.type="radio";alinput2r.classList="w-4 h-4";alinput2r.onclick=()=>{addNone();last_chosen_id="alinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#alinput2r-1').checked){scs.selected_category="tools";scs.display_selected_category="tools";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"tools",display_default_category:"tools",tpv_last_chosen_id:"alinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let alinput2rLabel=window.document.createElement("label");alinput2rLabel.for="alinput2r-1";alinput2rLabel.textContent="Picture Ads";alinput2rLabel.classList="ml-1 mr-2 text-xs";alinput2rLabel.title="click to display the picture ads";let alinput3r=window.document.createElement("input");alinput3r.id="alinput3r-1";alinput3r.name="a";alinput3r.type="radio";alinput3r.classList="w-4 h-4";alinput3r.onclick=()=>{addNone();last_chosen_id="alinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#alinput3r-1').checked){scs.selected_category="tools";scs.display_selected_category="tools";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"tools",display_default_category:"tools",tpv_last_chosen_id:"alinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 42");loadVideos2(true,false,38);removeNone();addAuto();}};let alinput3rLabel=window.document.createElement("label");alinput3rLabel.for="alinput3r-1";alinput3rLabel.textContent="Video Ads";alinput3rLabel.classList="ml-1 mr-2 text-xs";alinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcounttools";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcounttools";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcounttools";aldiv1.appendChild(a1tcount);aldiv1.appendChild(alinput1r);aldiv1.appendChild(alinput1rLabel);aldiv1.appendChild(a1pcount);aldiv1.appendChild(alinput2r);aldiv1.appendChild(alinput2rLabel);aldiv1.appendChild(a1vcount);aldiv1.appendChild(alinput3r);aldiv1.appendChild(alinput3rLabel);div0.appendChild(aldiv1);let amdiv1=window.document.createElement("div");amdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ama1=window.document.createElement("a");ama1.id="ama1-1";ama1.classList="cursor-pointer";ama1.textContent="toys+games";ama1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";amdiv1.appendChild(ama1);let aminput1r=window.document.createElement("input");aminput1r.id="aminput1r-1";aminput1r.name="a";aminput1r.type="radio";aminput1r.classList="w-4 h-4";aminput1r.onclick=()=>{addNone();last_chosen_id="aminput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aminput1r-1').checked){scs.selected_category="toys-games";scs.display_selected_category="toys+games";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"toys-games",display_default_category:"toys+games",tpv_last_chosen_id:"aminput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let aminput1rLabel=window.document.createElement("label");aminput1rLabel.for="aminput1r-1";aminput1rLabel.textContent="Text Ads";aminput1rLabel.classList="ml-1 mr-2 text-xs";aminput1rLabel.title="click to display the text ads";let aminput2r=window.document.createElement("input");aminput2r.id="aminput2r-1";aminput2r.name="a";aminput2r.type="radio";aminput2r.classList="w-4 h-4";aminput2r.onclick=()=>{addNone();last_chosen_id="aminput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aminput2r-1').checked){scs.selected_category="toys-games";scs.display_selected_category="toys+games";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"toys-games",display_default_category:"toys+games",tpv_last_chosen_id:"aminput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let aminput2rLabel=window.document.createElement("label");aminput2rLabel.for="aminput2r-1";aminput2rLabel.textContent="Picture Ads";aminput2rLabel.classList="ml-1 mr-2 text-xs";aminput2rLabel.title="click to display the picture ads";let aminput3r=window.document.createElement("input");aminput3r.id="aminput3r-1";aminput3r.name="a";aminput3r.type="radio";aminput3r.classList="w-4 h-4";aminput3r.onclick=()=>{addNone();last_chosen_id="aminput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aminput3r-1').checked){scs.selected_category="toys-games";scs.display_selected_category="toys+games";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"toys-games",display_default_category:"toys+games",tpv_last_chosen_id:"aminput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 43");loadVideos2(true,false,39);removeNone();addAuto();}};let aminput3rLabel=window.document.createElement("label");aminput3rLabel.for="aminput3r-1";aminput3rLabel.textContent="Video Ads";aminput3rLabel.classList="ml-1 mr-2 text-xs";aminput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcounttoysgames";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcounttoysgames";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcounttoysgames";amdiv1.appendChild(a1tcount);amdiv1.appendChild(aminput1r);amdiv1.appendChild(aminput1rLabel);amdiv1.appendChild(a1pcount);amdiv1.appendChild(aminput2r);amdiv1.appendChild(aminput2rLabel);amdiv1.appendChild(a1vcount);amdiv1.appendChild(aminput3r);amdiv1.appendChild(aminput3rLabel);div0.appendChild(amdiv1);let andiv1=window.document.createElement("div");andiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let ana1=window.document.createElement("a");ana1.id="ana1-1";ana1.classList="cursor-pointer";ana1.textContent="trailer";ana1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";andiv1.appendChild(ana1);let aninput1r=window.document.createElement("input");aninput1r.id="aninput1r-1";aninput1r.name="a";aninput1r.type="radio";aninput1r.classList="w-4 h-4";aninput1r.onclick=()=>{addNone();last_chosen_id="aninput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aninput1r-1').checked){scs.selected_category="trailer";scs.display_selected_category="trailer";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"trailer",display_default_category:"trailer",tpv_last_chosen_id:"aninput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let aninput1rLabel=window.document.createElement("label");aninput1rLabel.for="aninput1r-1";aninput1rLabel.textContent="Text Ads";aninput1rLabel.classList="ml-1 mr-2 text-xs";aninput1rLabel.title="click to display the text ads";let aninput2r=window.document.createElement("input");aninput2r.id="aninput2r-1";aninput2r.name="a";aninput2r.type="radio";aninput2r.classList="w-4 h-4";aninput2r.onclick=()=>{addNone();last_chosen_id="aninput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aninput2r-1').checked){scs.selected_category="trailer";scs.display_selected_category="trailer";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"trailer",display_default_category:"trailer",tpv_last_chosen_id:"aninput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let aninput2rLabel=window.document.createElement("label");aninput2rLabel.for="aninput2r-1";aninput2rLabel.textContent="Picture Ads";aninput2rLabel.classList="ml-1 mr-2 text-xs";aninput2rLabel.title="click to display the picture ads";let aninput3r=window.document.createElement("input");aninput3r.id="aninput3r-1";aninput3r.name="a";aninput3r.type="radio";aninput3r.classList="w-4 h-4";aninput3r.onclick=()=>{addNone();last_chosen_id="aninput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aninput3r-1').checked){scs.selected_category="trailer";scs.display_selected_category="trailer";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"trailer",display_default_category:"trailer",tpv_last_chosen_id:"aninput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 44");loadVideos2(true,false,40);removeNone();addAuto();}};let aninput3rLabel=window.document.createElement("label");aninput3rLabel.for="aninput3r-1";aninput3rLabel.textContent="Video Ads";aninput3rLabel.classList="ml-1 mr-2 text-xs";aninput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcounttrailer";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcounttrailer";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcounttrailer";andiv1.appendChild(a1tcount);andiv1.appendChild(aninput1r);andiv1.appendChild(aninput1rLabel);andiv1.appendChild(a1pcount);andiv1.appendChild(aninput2r);andiv1.appendChild(aninput2rLabel);andiv1.appendChild(a1vcount);andiv1.appendChild(aninput3r);andiv1.appendChild(aninput3rLabel);div0.appendChild(andiv1);let aodiv1=window.document.createElement("div");aodiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aoa1=window.document.createElement("a");aoa1.id="aoa1-1";aoa1.classList="cursor-pointer";aoa1.textContent="video gaming";aoa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";aodiv1.appendChild(aoa1);let aoinput1r=window.document.createElement("input");aoinput1r.id="aoinput1r-1";aoinput1r.name="a";aoinput1r.type="radio";aoinput1r.classList="w-4 h-4";aoinput1r.onclick=()=>{addNone();last_chosen_id="aoinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aoinput1r-1').checked){scs.selected_category="video-gaming";scs.display_selected_category="video gaming";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"video-gaming",display_default_category:"video gaming",tpv_last_chosen_id:"aoinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let aoinput1rLabel=window.document.createElement("label");aoinput1rLabel.for="aoinput1r-1";aoinput1rLabel.textContent="Text Ads";aoinput1rLabel.classList="ml-1 mr-2 text-xs";aoinput1rLabel.title="click to display the text ads";let aoinput2r=window.document.createElement("input");aoinput2r.id="aoinput2r-1";aoinput2r.name="a";aoinput2r.type="radio";aoinput2r.classList="w-4 h-4";aoinput2r.onclick=()=>{addNone();last_chosen_id="aoinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aoinput2r-1').checked){scs.selected_category="video-gaming";scs.display_selected_category="video gaming";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"video-gaming",display_default_category:"video gaming",tpv_last_chosen_id:"aoinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let aoinput2rLabel=window.document.createElement("label");aoinput2rLabel.for="aoinput2r-1";aoinput2rLabel.textContent="Picture Ads";aoinput2rLabel.classList="ml-1 mr-2 text-xs";aoinput2rLabel.title="click to display the picture ads";let aoinput3r=window.document.createElement("input");aoinput3r.id="aoinput3r-1";aoinput3r.name="a";aoinput3r.type="radio";aoinput3r.classList="w-4 h-4";aoinput3r.onclick=()=>{addNone();last_chosen_id="aoinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aoinput3r-1').checked){scs.selected_category="video-gaming";scs.display_selected_category="video gaming";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"video-gaming",display_default_category:"video gaming",tpv_last_chosen_id:"aoinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 45");loadVideos2(true,false,41);removeNone();addAuto();}};let aoinput3rLabel=window.document.createElement("label");aoinput3rLabel.for="aoinput3r-1";aoinput3rLabel.textContent="Video Ads";aoinput3rLabel.classList="ml-1 mr-2 text-xs";aoinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountvideogaming";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountvideogaming";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountvideogaming";aodiv1.appendChild(a1tcount);aodiv1.appendChild(aoinput1r);aodiv1.appendChild(aoinput1rLabel);aodiv1.appendChild(a1pcount);aodiv1.appendChild(aoinput2r);aodiv1.appendChild(aoinput2rLabel);aodiv1.appendChild(a1vcount);aodiv1.appendChild(aoinput3r);aodiv1.appendChild(aoinput3rLabel);div0.appendChild(aodiv1);let apdiv1=window.document.createElement("div");apdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let apa1=window.document.createElement("a");apa1.id="apa1-1";apa1.classList="cursor-pointer";apa1.textContent="wanted";apa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";apdiv1.appendChild(apa1);let apinput1r=window.document.createElement("input");apinput1r.id="apinput1r-1";apinput1r.name="a";apinput1r.type="radio";apinput1r.classList="w-4 h-4";apinput1r.onclick=()=>{addNone();last_chosen_id="apinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#apinput1r-1').checked){scs.selected_category="wanted";scs.display_selected_category="wanted";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"wanted",display_default_category:"wanted",tpv_last_chosen_id:"apinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let apinput1rLabel=window.document.createElement("label");apinput1rLabel.for="apinput1r-1";apinput1rLabel.textContent="Text Ads";apinput1rLabel.classList="ml-1 mr-2 text-xs";apinput1rLabel.title="click to display the text ads";let apinput2r=window.document.createElement("input");apinput2r.id="apinput2r-1";apinput2r.name="a";apinput2r.type="radio";apinput2r.classList="w-4 h-4";apinput2r.onclick=()=>{addNone();last_chosen_id="apinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#apinput2r-1').checked){scs.selected_category="wanted";scs.display_selected_category="wanted";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"wanted",display_default_category:"wanted",tpv_last_chosen_id:"apinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let apinput2rLabel=window.document.createElement("label");apinput2rLabel.for="apinput2r-1";apinput2rLabel.textContent="Picture Ads";apinput2rLabel.classList="ml-1 mr-2 text-xs";apinput2rLabel.title="click to display the picture ads";let apinput3r=window.document.createElement("input");apinput3r.id="apinput3r-1";apinput3r.name="a";apinput3r.type="radio";apinput3r.classList="w-4 h-4";apinput3r.onclick=()=>{addNone();last_chosen_id="apinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#apinput3r-1').checked){scs.selected_category="wanted";scs.display_selected_category="wanted";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"wanted",display_default_category:"wanted",tpv_last_chosen_id:"apinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 46");loadVideos2(true,false,42);removeNone();addAuto();}};let apinput3rLabel=window.document.createElement("label");apinput3rLabel.for="apinput3r-1";apinput3rLabel.textContent="Video Ads";apinput3rLabel.classList="ml-1 mr-2 text-xs";apinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountwanted";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountwanted";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountwanted";apdiv1.appendChild(a1tcount);apdiv1.appendChild(apinput1r);apdiv1.appendChild(apinput1rLabel);apdiv1.appendChild(a1pcount);apdiv1.appendChild(apinput2r);apdiv1.appendChild(apinput2rLabel);apdiv1.appendChild(a1vcount);apdiv1.appendChild(apinput3r);apdiv1.appendChild(apinput3rLabel);div0.appendChild(apdiv1);let aqdiv1=window.document.createElement("div");aqdiv1.classList="p-2 bg-gray-200 mb-4 flex flex-row justify-start items-center flex-wrap";let aqa1=window.document.createElement("a");aqa1.id="aqa1-1";aqa1.classList="cursor-pointer";aqa1.textContent="wheels+tires";aqa1.classList="block mr-4 text-sm w-24 border border-red flex flex-row justify-start items-center";aqdiv1.appendChild(aqa1);let aqinput1r=window.document.createElement("input");aqinput1r.id="aqinput1r-1";aqinput1r.name="a";aqinput1r.type="radio";aqinput1r.classList="w-4 h-4";aqinput1r.onclick=()=>{addNone();last_chosen_id="aqinput1r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aqinput1r-1').checked){scs.selected_category="wheels-tires";scs.display_selected_category="wheels+tires";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"wheels-tires",display_default_category:"wheels+tires",tpv_last_chosen_id:"aqinput1r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2t(true,false);removeNone();addAuto();}};let aqinput1rLabel=window.document.createElement("label");aqinput1rLabel.for="aqinput1r-1";aqinput1rLabel.textContent="Text Ads";aqinput1rLabel.classList="ml-1 mr-2 text-xs";aqinput1rLabel.title="click to display the text ads";let aqinput2r=window.document.createElement("input");aqinput2r.id="aqinput2r-1";aqinput2r.name="a";aqinput2r.type="radio";aqinput2r.classList="w-4 h-4";aqinput2r.onclick=()=>{addNone();last_chosen_id="aqinput2r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aqinput2r-1').checked){scs.selected_category="wheels-tires";scs.display_selected_category="wheels+tires";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"wheels-tires",display_default_category:"wheels+tires",tpv_last_chosen_id:"aqinput2r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});loadVideos2p(true,false);removeNone();addAuto();}};let aqinput2rLabel=window.document.createElement("label");aqinput2rLabel.for="aqinput2r-1";aqinput2rLabel.textContent="Picture Ads";aqinput2rLabel.classList="ml-1 mr-2 text-xs";aqinput2rLabel.title="click to display the picture ads";let aqinput3r=window.document.createElement("input");aqinput3r.id="aqinput3r-1";aqinput3r.name="a";aqinput3r.type="radio";aqinput3r.classList="w-4 h-4";aqinput3r.onclick=()=>{addNone();last_chosen_id="aqinput3r-1";//window.document.querySelector("#category-name").textContent = scs.display_selected_category
if(window.document.querySelector('#aqinput3r-1').checked){scs.selected_category="wheels-tires";scs.display_selected_category="wheels+tires";let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}if(initialLogin===true)update(ref(db,'users/'+userId+"/dc"),{default_category:"wheels-tires",display_default_category:"wheels+tires",tpv_last_chosen_id:"aqinput3r-1"}).then(text=>{console.log("updated the tpv_last_chosen_id, was it text ad, picture ad or video ad that was last chosen?");}).catch(e=>{console.log("did not update the tpv_last_chosen_id");});console.log("loadVideos2 47");loadVideos2(true,false,43);removeNone();addAuto();}};let aqinput3rLabel=window.document.createElement("label");aqinput3rLabel.for="aqinput3r-1";aqinput3rLabel.textContent="Video Ads";aqinput3rLabel.classList="ml-1 mr-2 text-xs";aqinput2rLabel.title="click to display the video ads";a1tcount=window.document.createElement("span");a1tcount.classList="mr-2 text-xs text-green-700 font-bold";a1tcount.textContent="0";a1tcount.id="a1tcountwheelstires";a1pcount=window.document.createElement("span");a1pcount.classList="mr-2 text-xs text-green-700 font-bold";a1pcount.textContent="0";a1pcount.id="a1pcountwheelstires";a1vcount=window.document.createElement("span");a1vcount.classList="mr-2 text-xs text-green-700 font-bold";a1vcount.textContent="0";a1vcount.id="a1vcountwheelstires";aqdiv1.appendChild(a1tcount);aqdiv1.appendChild(aqinput1r);aqdiv1.appendChild(aqinput1rLabel);aqdiv1.appendChild(a1pcount);aqdiv1.appendChild(aqinput2r);aqdiv1.appendChild(aqinput2rLabel);aqdiv1.appendChild(a1vcount);aqdiv1.appendChild(aqinput3r);aqdiv1.appendChild(aqinput3rLabel);div0.appendChild(aqdiv1);//alert("catsShowing="+catsShowing)
if(catsShowing===false){window.document.querySelector('#cats').appendChild(div0);catsShowing=true;}else{let myNode=window.document.querySelector("#all-things");while(!!myNode&&myNode.lastElementChild){myNode.removeChild(myNode.lastElementChild);}catsShowing=false;}}window.listCategories=listCategories;function putNumbers(state,city){get(ref(db,`counts/${state}/${city}/antiques/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountantiques").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/antiques/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountantiques").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/antiques/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountantiques").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/appliances/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountappliances").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/appliances/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountappliances").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/appliances/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountappliances").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/artscrafts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountartscrafts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/artscrafts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountartscrafts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/artscrafts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountartscrafts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/atvutvsno/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountatvutvsno").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/atvutvsno/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountatvutvsno").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/atvutvsno/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountatvutvsno").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/autoparts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountautoparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/autoparts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountautoparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/autoparts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountautoparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/aviation/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountaviation").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/aviation/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountaviation").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/aviation/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountaviation").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/babykid/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountbabykid").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/babykid/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountbabykid").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/babykid/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountbabykid").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/barter/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountbarter").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/barter/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountbarter").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/barter/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountbarter").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/beautyhlth/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountbeautyhlth").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/beautyhlth/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountbeautyhlth").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/beautyhlth/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountbeautyhlth").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/bikeparts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountbikeparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/bikeparts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountbikeparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/bikeparts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountbikeparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/boats/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountboats").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/boats/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountboats").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/boats/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountboats").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/books/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountbooks").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/books/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountbooks").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/books/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountbooks").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/business/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountbusiness").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/business/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountbusiness").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/business/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountbusiness").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/carstrucks/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountcarstrucks").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/carstrucks/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountcarstrucks").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/carstrucks/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountcarstrucks").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/cds/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountcds").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/cds/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountcds").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/cds/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountcds").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/cellphones/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountcellphones").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/cellphones/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountcellphones").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/cellphones/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountcellphones").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/clothsacc/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountclothsacc").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/clothsacc/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountclothsacc").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/clothsacc/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountclothsacc").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/collectibles/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountcollectibles").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/collectibles/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountcollectibles").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/collectibles/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountcollectibles").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/computerparts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountcomputerparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/computerparts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountcomputerparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/computerparts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountcomputerparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/computers/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountcomputers").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/computers/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountcomputers").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/computers/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountcomputers").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/electronics/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountelectronics").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/electronics/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountelectronics").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/electronics/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountelectronics").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/farmgarden/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountfarmgarden").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/farmgarden/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountfarmgarden").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/farmgarden/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountfarmgarden").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/free/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountfree").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/free/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountfree").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/free/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountfree").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/furniture/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountfurniture").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/furniture/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountfurniture").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/furniture/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountfurniture").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/garagesale/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountgaragesale").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/garagesale/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountgaragesale").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/garagesale/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountgaragesale").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/general/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountgeneral").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/general/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountgeneral").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/general/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountgeneral").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/heavyequip/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountheavyequip").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/heavyequip/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountheavyequip").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/heavyequip/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountheavyequip").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/household/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcounthousehold").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/household/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcounthousehold").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/household/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcounthousehold").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/jewelry/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountjewelry").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/jewelry/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountjewelry").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/jewelry/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountjewelry").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/jobsavailable/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountjobsavailable").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/jobsavailable/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountjobsavailable").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/jobsavailable/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountjobsavailable").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/materials/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountmaterials").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/materials/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountmaterials").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/materials/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountmaterials").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/misc/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountmisc").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/misc/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountmisc").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/misc/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountmisc").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/motorcycleparts/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountmotorcycleparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/motorcycleparts/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountmotorcycleparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/motorcycleparts/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountmotorcycleparts").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/motorcycles/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountmotorcycles").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/motorcycles/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountmotorcycles").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/motorcycles/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountmotorcycles").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/musicinstr/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountmusicinstr").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/musicinstr/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountmusicinstr").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/musicinstr/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountmusicinstr").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/photovideo/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountphotovideo").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/photovideo/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountphotovideo").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/photovideo/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountphotovideo").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/rvscamp/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountrvscamp").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/rvscamp/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountrvscamp").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/rvscamp/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountrvscamp").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/tickets/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcounttickets").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/tickets/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcounttickets").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/tickets/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcounttickets").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/tools/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcounttools").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/tools/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcounttools").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/tools/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcounttools").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/toysgames/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcounttoysgames").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/toysgames/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcounttoysgames").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/toysgames/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcounttoysgames").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/trailers/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcounttrailers").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/trailers/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcounttrailers").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/trailers/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcounttrailers").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/videogaming/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountvideogaming").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/videogaming/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountvideogaming").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/videogaming/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountvideogaming").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/wanted/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountwanted").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/wanted/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountwanted").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/wanted/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountwanted").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});get(ref(db,`counts/${state}/${city}/wheelstires/countof/texts`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1tcountwheelstires").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value t");}});get(ref(db,`counts/${state}/${city}/wheelstires/countof/pictures`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1pcountwheelstires").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value p");}});get(ref(db,`counts/${state}/${city}/wheelstires/countof/videos`),()=>{}).then(snapshot=>{if(!!snapshot.val()){const newPost=snapshot.val();let count=newPost.uploaded;console.log("putNumbers, count="+count);window.document.getElementById("a1vcountwheelstires").innerHTML=count;}else{console.log("putNumbers, snapshot.val() does not have a value v");}});}window.putNumbers=putNumbers;/*************************************************
     * ***********************************************
     */function antiquesIdf(){//alert("antiquesIdf")
update(ref(db,'users/'+userId+"/dc"),{default_category:"antiques",display_default_category:"antiques"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="antiques";scs.display_category="antiques";window.document.querySelector('#category-name').textContent="antiques";window.document.querySelector('#topics').textContent="antiques";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="antiques";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="antiques";rselect.id="antiques";let roption0=window.document.createElement("option");roption0.value="antiques";roption0.textContent="Please select antiques topic:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="2othcentury";roption1.textContent="20th century";let roption1a=window.document.createElement("option");roption1a.value="19thcentury";roption1a.textContent="19th century";let roption2=window.document.createElement("option");roption2.value="18thcentury";roption2.textContent="18th century";let roption3=window.document.createElement("option");roption3.value="17thcentury";roption3.textContent="17th century";let roption4=window.document.createElement("option");roption4.value="16thcentury";roption4.textContent="16th century";let roption5=window.document.createElement("option");roption5.value="15thcenturey";roption5.textContent="15th century";let roption6=window.document.createElement("option");roption6.value="unknownthcentury";roption6.textContent="unknown century";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption1a);rselect.appendChild(roption2);rselect.appendChild(roption3);rselect.appendChild(roption4);rselect.appendChild(roption5);rselect.appendChild(roption6);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";//window.document.querySelector('#divWId').appendChild(rselect)
window.document.querySelector('#divWId').appendChild(theCategoryTitle);//window.document.querySelector('#all-comments').appendChild(rselect)
console.log("loadVideos2 48");}function appliancesIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"appliances",display_default_category:"appliances"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="appliances";scs.display_category="appliances";window.document.querySelector('#category-name').textContent="appliances";window.document.querySelector('#topics').textContent="applicances";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="appliances";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="appliances";rselect.id="appliances";let roption0=window.document.createElement("option");roption0.value="appliances";roption0.textContent="Please select appliances topic:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="21stcentury";roption1.textContent="21st century";let roption2=window.document.createElement("option");roption2.value="20thcentury";roption2.textContent="20th century";let roption3=window.document.createElement("option");roption3.value="19thcentury";roption3.textContent="19th century";let roption4=window.document.createElement("option");roption4.value="18thcentury";roption4.textContent="18th century";let roption5=window.document.createElement("option");roption5.value="17thcentury";roption5.textContent="17th century";let roption6=window.document.createElement("option");roption6.value="16thcentury";roption6.textContent="16th century";let roption7=window.document.createElement("option");roption7.value="15thcenturey";roption7.textContent="15th century";let roption8=window.document.createElement("option");roption8.value="unknownthcentury";roption8.textContent="unknown century";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);rselect.appendChild(roption4);rselect.appendChild(roption5);rselect.appendChild(roption6);rselect.appendChild(roption7);rselect.appendChild(roption8);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 49");}function arts_craftsIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"arts-crafts",display_default_category:"arts+crafts"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="arts-crafts";scs.display_category="arts+crafts";window.document.querySelector('#category-name').textContent="arts+crafts";window.document.querySelector('#topics').textContent="arts+crafts";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="arts+crafts";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="arts-crafts";rselect.id="arts-crafts";let roption0=window.document.createElement("option");roption0.value="arts-crafts";roption0.textContent="Please select arts+crafts subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="oil-painting";roption1.textContent="oil painting";let roption2=window.document.createElement("option");roption2.value="crochet";roption2.textContent="crochet";let roption3=window.document.createElement("option");roption3.value="figurine painting";roption3.textContent="figurine painting";let roption4=window.document.createElement("option");roption4.value="water color";roption4.textContent="water color";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);rselect.appendChild(roption4);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 50");}//atv_utv_snoIdf
function atv_utv_snoIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"atv-utv-sno",display_default_category:"atv/utv/sno"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="atv-utv-sno";scs.display_category="atv/utv/sno";window.document.querySelector('#category-name').textContent="atv/utv/sno";window.document.querySelector('#topics').textContent="atv/utv/sno";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="atv/utv/sno";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="atv-utv-sno";rselect.id="atv-utv-sno";let roption0=window.document.createElement("option");roption0.value="atv-utv-sno";roption0.textContent="Please select atv/utv/sno topic:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="atv";roption1.textContent="atv";let roption2=window.document.createElement("option");roption2.value="utv";roption2.textContent="utv";let roption3=window.document.createElement("option");roption3.value="sno";roption3.textContent="sno";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 51");}function auto_partsIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"auto-parts",display_default_category:"auto parts"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="auto-parts";scs.display_category="auto parts";window.document.querySelector('#category-name').textContent="auto parts";window.document.querySelector('#topics').textContent="auto parts";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="auto parts";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="auto-parts";rselect.id="auto-parts";let roption0=window.document.createElement("option");roption0.value="auto-parts";roption0.textContent="Please select auto parts subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="tires";roption1.textContent="tires";let roption2=window.document.createElement("option");roption2.value="waterpump";roption2.textContent="waterpump";let roption3=window.document.createElement("option");roption3.value="fuelpump";roption3.textContent="fuel pump";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 52");}function aviationIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"aviation",display_default_category:"aviation"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="aviation";scs.display_category="aviation";window.document.querySelector('#category-name').textContent="aviation";window.document.querySelector('#topics').textContent="aviation";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="aviation";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="aviation";rselect.id="aviation";let roption0=window.document.createElement("option");roption0.value="aviation";roption0.textContent="Please select aviation subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="tires";roption1.textContent="tires";let roption2=window.document.createElement("option");roption2.value="sparkplugs";roption2.textContent="sparkplugs";let roption3=window.document.createElement("option");roption3.value="fuelpump";roption3.textContent="fuel pump";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 53");}function baby_kidIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"baby-kid",display_default_category:"baby+kid"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="baby-kid";scs.display_category="baby+kid";window.document.querySelector('#category-name').textContent="baby+kid";window.document.querySelector('#topics').textContent="baby+kid";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="baby+kid";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="baby-kid";rselect.id="baby-kid";let roption0=window.document.createElement("option");roption0.value="baby-kid";roption0.textContent="Please select baby+kid subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="swimmingtrunks";roption1.textContent="swimming trunks";let roption2=window.document.createElement("option");roption2.value="shirts";roption2.textContent="shirts";let roption3=window.document.createElement("option");roption3.value="skateboards";roption3.textContent="skateboards";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 54");}function barterIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"barter",display_default_category:"barter"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="barter";scs.display_category="barter";window.document.querySelector('#category-name').textContent="barter";window.document.querySelector('#topics').textContent="barter";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="barter";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="auto-parts";rselect.id="auto-parts";let roption0=window.document.createElement("option");roption0.value="barter";roption0.textContent="Please select barter subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="clothsforshoes";roption1.textContent="cloths for shoes";let roption2=window.document.createElement("option");roption2.value="boogieboardforhat";roption2.textContent="boogie board for hat";let roption3=window.document.createElement("option");roption3.value="fryingpanfortoaster";roption3.textContent="frying pan for toaster";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 55");}function beauty_hlthIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"beauty-hlth",display_default_category:"beauty+hlth"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="beauty-hlth";scs.display_category="beauty+hlth";window.document.querySelector('#category-name').textContent="beauty+hlth";window.document.querySelector('#topics').textContent="beauty+hlth";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="beauty+hlth";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="beauty-hlth";rselect.id="beauty-hlth";let roption0=window.document.createElement("option");roption0.value="beauty-hlth";roption0.textContent="Please select beauty+hlth subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="mascara";roption1.textContent="mascara";let roption2=window.document.createElement("option");roption2.value="comb";roption2.textContent="comb";let roption3=window.document.createElement("option");roption3.value="brush";roption3.textContent="brush";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 56");}function bike_partsIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"bike-parts",display_default_category:"bike+parts"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="bike-parts";scs.display_category="bike parts";window.document.querySelector('#category-name').textContent="bike parts";window.document.querySelector('#topics').textContent="bike parts";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="bike parts";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="bike-parts";rselect.id="bike-parts";let roption0=window.document.createElement("option");roption0.value="bike-parts";roption0.textContent="Please select bike parts subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="tires";roption1.textContent="tires";let roption2=window.document.createElement("option");roption2.value="handlebars";roption2.textContent="handle bars";let roption3=window.document.createElement("option");roption3.value="grips";roption3.textContent="grips";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 57");}function boatsIdf(){//alert("boatsIdf")
update(ref(db,'users/'+userId+"/dc"),{default_category:"boats",display_default_category:"boats"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="boats";scs.display_category="boats";window.document.querySelector('#category-name').textContent="boats";window.document.querySelector('#topics').textContent="boats";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}//alert("boatsIdf 2")
let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="boats";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="boats";rselect.id="boats";let roption0=window.document.createElement("option");roption0.value="boats";roption0.textContent="Please select boats subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="fuelpumps";roption1.textContent="fuelpumps";let roption2=window.document.createElement("option");roption2.value="steeringwheel";roption2.textContent="steering wheel";let roption3=window.document.createElement("option");roption3.value="gaspedal";roption3.textContent="gas pedal";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);//alert("boatsIdf 3")
window.document.querySelector('#divWId').appendChild(theCategoryTitle);//alert("boatsIdf 4")
console.log("loadVideos2 58");}function booksIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"books",display_default_category:"books"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="books";scs.display_category="books";window.document.querySelector('#category-name').textContent="books";window.document.querySelector('#topics').textContent="books";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="books";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="books";rselect.id="books";let roption0=window.document.createElement("option");roption0.value="books";roption0.textContent="Please select books subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="danielsteelbooks";roption1.textContent="daniel steel books";let roption2=window.document.createElement("option");roption2.value="economicbooks";roption2.textContent="economic books";let roption3=window.document.createElement("option");roption3.value="algebrabooks";roption3.textContent="algebra books";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 59");}function businessIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"business",display_default_category:"business"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="business";scs.display_category="business";window.document.querySelector('#category-name').textContent="business";window.document.querySelector('#topics').textContent="business";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="business";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="business";rselect.id="business";let roption0=window.document.createElement("option");roption0.value="business";roption0.textContent="Please select business subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="onlinebooks";roption1.textContent="online books";let roption2=window.document.createElement("option");roption2.value="businesspencils";roption2.textContent="business pencils";let roption3=window.document.createElement("option");roption3.value="businesspens";roption3.textContent="business pens";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 60");}function cars_trucksIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"cars-trucks",display_default_category:"cars+trucks"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="cars-trucks";scs.display_category="cars+trucks";window.document.querySelector('#category-name').textContent="cars+trucks";window.document.querySelector('#topics').textContent="cars+trucks";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="cars+trucks";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="cars-trucks";rselect.id="cars-trucks";let roption0=window.document.createElement("option");roption0.value="cars-trucks";roption0.textContent="Please select cars+trucks subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="audi5000s";roption1.textContent="audi 5000s";let roption2=window.document.createElement("option");roption2.value="mercedes";roption2.textContent="mercedes";let roption3=window.document.createElement("option");roption3.value="rollsroyces";roption3.textContent="rollsroyces";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 61");}function cdsIdf(){//alert("cds_dvd_vhsIdf")
update(ref(db,'users/'+userId+"/dc"),{default_category:"cds-dvd-vhs",display_default_category:"cds/dvd/vhs"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="cds-dvd-vhs";scs.display_category="cds/dvd/vhs";window.document.querySelector('#category-name').textContent="cds/dvd/vhs";window.document.querySelector('#topics').textContent="cds/dvd/vhs";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="cds/dvd/vhs";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="cds-dvd-vhs";rselect.id="cds-dvd-vhs";let roption0=window.document.createElement("option");roption0.value="cds-dvd-vhs";roption0.textContent="Please select cds/dvd/vhs subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="cds";roption1.textContent="cds";let roption2=window.document.createElement("option");roption2.value="dvds";roption2.textContent="dvds";let roption3=window.document.createElement("option");roption3.value="vhses";roption3.textContent="vhses";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 62");}function cell_phonesIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"cell-phones",display_default_category:"cell phones"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="cell-phones";scs.display_category="cell phones";window.document.querySelector('#category-name').textContent="cell phones";window.document.querySelector('#topics').textContent="cell phones";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="cell phones";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="cell-phones";rselect.id="cell-phones";let roption0=window.document.createElement("option");roption0.value="cell-phones";roption0.textContent="Please select cell phones subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="nokiaphones";roption1.textContent="nokia phones";let roption2=window.document.createElement("option");roption2.value="applephones";roption2.textContent="apple phones";let roption3=window.document.createElement("option");roption3.value="verizonphones";roption3.textContent="verizon phones";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 63");}function cloths_accIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"cloths-acc",display_default_category:"cloths+acc"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="cloths-acc";scs.display_category="cloths+acc";window.document.querySelector('#category-name').textContent="cloths+acc";window.document.querySelector('#topics').textContent="cloths+acc";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="cloths+acc";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="cloths-acc";rselect.id="cloths-acc";let roption0=window.document.createElement("option");roption0.value="cloths-acc";roption0.textContent="Please select cloths acc subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="pants";roption1.textContent="pants";let roption2=window.document.createElement("option");roption2.value="necklasses";roption2.textContent="necklasses";let roption3=window.document.createElement("option");roption3.value="shirts";roption3.textContent="shirts";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 64");}function collectiblesIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"collectibles",display_default_category:"collectibles"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="collectibles";scs.display_category="collectibles";window.document.querySelector('#category-name').textContent="collectibles";window.document.querySelector('#topics').textContent="collectibles";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="collectibles";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="collectibles";rselect.id="collectibles";let roption0=window.document.createElement("option");roption0.value="collectibles";roption0.textContent="Please select collectibles subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="cards";roption1.textContent="cards";let roption2=window.document.createElement("option");roption2.value="paintings";roption2.textContent="paintings";let roption3=window.document.createElement("option");roption3.value="watercolors";roption3.textContent="water colors";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 65");}function computer_partsIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"computer-parts",display_default_category:"computer parts"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="computer-parts";scs.display_category="computer parts";window.document.querySelector('#category-name').textContent="computer parts";window.document.querySelector('#topics').textContent="computer parts";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="computer parts";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="computer-parts";rselect.id="computer-parts";let roption0=window.document.createElement("option");roption0.value="computer-parts";roption0.textContent="Please select computer parts subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="diskdrives";roption1.textContent="disk drives";let roption2=window.document.createElement("option");roption2.value="keyboards";roption2.textContent="keboards";let roption3=window.document.createElement("option");roption3.value="mouses";roption3.textContent="mouses";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);rselect.appendChild(roption3);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 66");}function computersIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"computers",display_default_category:"computers"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="computers";scs.display_category="computers";window.document.querySelector('#category-name').textContent="computers";window.document.querySelector('#topics').textContent="computers";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="computers";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="computers";rselect.id="computers";let roption0=window.document.createElement("option");roption0.value="computers";roption0.textContent="Please select computers subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="acercomputers";roption1.textContent="acer computers";let roption2=window.document.createElement("option");roption2.value="dellcomputers";roption2.textContent="dell computers";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 67");}function electronicsIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"electronics",display_default_category:"electronics"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="electronics";scs.display_category="electronics";window.document.querySelector('#category-name').textContent="electronics";window.document.querySelector('#topics').textContent="electronics";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="electronics";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="electronics";rselect.id="electronics";let roption0=window.document.createElement("option");roption0.value="electronics";roption0.textContent="Please select electronics subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="radios";roption1.textContent="radios";let roption2=window.document.createElement("option");roption2.value="stereos";roption2.textContent="stereos";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 68");}function farm_gardenIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"farm-garden",display_default_category:"farm garden"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="farm-garden";scs.display_category="farm+garden";window.document.querySelector('#category-name').textContent="farm+garden";window.document.querySelector('#topics').textContent="farm+garden";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="farm+garden";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="farm-garden";rselect.id="farm-garden";let roption0=window.document.createElement("option");roption0.value="farm-garden";roption0.textContent="Please select farm+garden subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="rakes";roption1.textContent="rakes";let roption2=window.document.createElement("option");roption2.value="shovels";roption2.textContent="shovels";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 69");}function freeIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"free",display_default_category:"free"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="free";scs.display_category="free";window.document.querySelector('#category-name').textContent="free";window.document.querySelector('#topics').textContent="free";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="free";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="free";rselect.id="free";let roption0=window.document.createElement("option");roption0.value="free";roption0.textContent="Please select free subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="couches";roption1.textContent="couches";let roption2=window.document.createElement("option");roption2.value="flowerpots";roption2.textContent="flower pots";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 70");}function furnitureIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"furniture",display_default_category:"furniture"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="furniture";scs.display_category="furniture";window.document.querySelector('#category-name').textContent="furniture";window.document.querySelector('#topics').textContent="furniture";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="furniture";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="furniture";rselect.id="furniture";let roption0=window.document.createElement("option");roption0.value="furniture";roption0.textContent="Please select furniture subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="chairs";roption1.textContent="chairs";let roption2=window.document.createElement("option");roption2.value="tables";roption2.textContent="tables";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 71");}function garagesaleIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"garagesale",display_default_category:"garagesale"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="garagesale";scs.display_category="garage sale";window.document.querySelector('#category-name').textContent="garage sale";window.document.querySelector('#topics').textContent="garage sale";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="garage sale";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="garagesale";rselect.id="garagesale";let roption0=window.document.createElement("option");roption0.value="garagesale";roption0.textContent="Please select garage sale subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="location1";roption1.textContent="location1";let roption2=window.document.createElement("option");roption2.value="location2";roption2.textContent="location2";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 72");}function generalIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"general",display_default_category:"general"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="general";scs.display_category="general";window.document.querySelector('#category-name').textContent="general";window.document.querySelector('#topics').textContent="general";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="general";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="general";rselect.id="general";let roption0=window.document.createElement("option");roption0.value="general";roption0.textContent="Please select general subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="general1";roption1.textContent="general1";let roption2=window.document.createElement("option");roption2.value="general2";roption2.textContent="general2";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 73");}function heavyequipIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"heavyequip",display_default_category:"heavy equip"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="heavyequip";scs.display_category="heavy equip";window.document.querySelector('#category-name').textContent="heavy equip";window.document.querySelector('#topics').textContent="heavy equip";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="heavy equip";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="heavy-equip";rselect.id="heavy-equip";let roption0=window.document.createElement("option");roption0.value="heavyequip";roption0.textContent="Please heavy equip subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="tractors";roption1.textContent="tractors";let roption2=window.document.createElement("option");roption2.value="catipillar tractors";roption2.textContent="catipillar tractors";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 74");}function householdIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"household",display_default_category:"household"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="household";scs.display_category="household";window.document.querySelector('#category-name').textContent="household";window.document.querySelector('#topics').textContent="household";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="household";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="household";rselect.id="household";let roption0=window.document.createElement("option");roption0.value="household";roption0.textContent="Please select household subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="lysols";roption1.textContent="lysols";let roption2=window.document.createElement("option");roption2.value="mrgreen cleaners";roption2.textContent="mrgreen cleaners";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 75");}function jewelryIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"jewelry",display_default_category:"jewelry"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="jewelry";scs.display_category="jewelry";window.document.querySelector('#category-name').textContent="jewelry";window.document.querySelector('#topics').textContent="jewelry";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="jewelry";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="jewelry";rselect.id="jewelry";let roption0=window.document.createElement("option");roption0.value="jewelry";roption0.textContent="Please select jewelry subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="bracelets";roption1.textContent="bracelets";let roption2=window.document.createElement("option");roption2.value="necklasses";roption2.textContent="necklasses";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 76");}function jobs_availableIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"jobs-available",display_default_category:"jobs available"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="jobs-available";scs.display_category="jobs available";window.document.querySelector('#category-name').textContent="jobs available";window.document.querySelector('#topics').textContent="jobs available";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="jobs available";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="jobs-available";rselect.id="jobs-available";let roption0=window.document.createElement("option");roption0.value="jobs-available";roption0.textContent="Please select jobs available subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="mcdonalds";roption1.textContent="mcdonalds";let roption2=window.document.createElement("option");roption2.value="tacobells";roption2.textContent="taco bells";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 77");}function materialsIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"materials",display_default_category:"materials"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="materials";scs.display_category="materials";window.document.querySelector('#category-name').textContent="materials";window.document.querySelector('#topics').textContent="materials";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="materials";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="materials";rselect.id="materials";let roption0=window.document.createElement("option");roption0.value="materials";roption0.textContent="Please materials subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="wood2x4s";roption1.textContent="wood2x4s";let roption2=window.document.createElement("option");roption2.value="sheetmetal";roption2.textContent="sheetmetal";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 78");}function motorcycle_partsIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"motorcycle-parts",display_default_category:"motorcycle parts"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="motorcycle-parts";scs.display_category="motorcycle parts";window.document.querySelector('#category-name').textContent="motorcycle parts";window.document.querySelector('#topics').textContent="motorcycle parts";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="motorcycle parts";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="motorcycle-parts";rselect.id="motorcycle-parts";let roption0=window.document.createElement("option");roption0.value="motorcycle-parts";roption0.textContent="Please select motorcycle parts subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="tires";roption1.textContent="tires";let roption2=window.document.createElement("option");roption2.value="seats";roption2.textContent="seats";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 79");}function motorcyclesIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"motorcycles",display_default_category:"motorcycles"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="motorcycles";scs.display_category="motorcycles";window.document.querySelector('#category-name').textContent="motorcycles";window.document.querySelector('#topics').textContent="motorcycles";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="motorcycles";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="motorcycles";rselect.id="motorcycles";let roption0=window.document.createElement("option");roption0.value="motorcycles";roption0.textContent="Please select motorcycles subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="kawasaki";roption1.textContent="kawasaki";let roption2=window.document.createElement("option");roption2.value="yamaha";roption2.textContent="yamaha";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 80");}function miscIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"misc",display_default_category:"misc"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="misc";scs.display_category="misc";window.document.querySelector('#category-name').textContent="misc";window.document.querySelector('#topics').textContent="misc";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="misc";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="misc";rselect.id="misc";let roption0=window.document.createElement("option");roption0.value="misc";roption0.textContent="Please select misc subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="misc1";roption1.textContent="misc1";let roption2=window.document.createElement("option");roption2.value="misc2";roption2.textContent="misc2";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 81");}function music_instrIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"music-instr",display_default_category:"music instr"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="music-instr";scs.display_category="music instr";window.document.querySelector('#category-name').textContent="music instr";window.document.querySelector('#topics').textContent="music instr";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="music instr";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="music-instr";rselect.id="music-instr";let roption0=window.document.createElement("option");roption0.value="music-instr";roption0.textContent="Please select music instr subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="guitar";roption1.textContent="guitar";let roption2=window.document.createElement("option");roption2.value="piano";roption2.textContent="piano";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 82");}function photo_videoIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"photo-video",display_default_category:"photo+video"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="photo-video";scs.display_category="photo+video";window.document.querySelector('#category-name').textContent="photo+video";window.document.querySelector('#topics').textContent="photo+video";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="photo+video";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="photo-video";rselect.id="photo-video";let roption0=window.document.createElement("option");roption0.value="photo-video";roption0.textContent="Please select photo+video subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="photos";roption1.textContent="photos";let roption2=window.document.createElement("option");roption2.value="videos";roption2.textContent="videos";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 83");}function rvs_campIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"rvs-camp",display_default_category:"rvs+camp"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="rvs-camp";scs.display_category="rvs+camp";window.document.querySelector('#category-name').textContent="rvs+camp";window.document.querySelector('#topics').textContent="rvs+camp";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="rvs+camp";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="rvs-camp";rselect.id="rvs-camp";let roption0=window.document.createElement("option");roption0.value="rvs-camp";roption0.textContent="Please select rvs+camp subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="coachmanrvs";roption1.textContent="coachman rvs";let roption2=window.document.createElement("option");roption2.value="southwindrvs";roption2.textContent="southwind rvs";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 84");}function sportingIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"sporting",display_default_category:"sporting"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="sporting";scs.display_category="sporting";window.document.querySelector('#category-name').textContent="sporting";window.document.querySelector('#topics').textContent="sporting";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="sporting";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="sporting";rselect.id="sporting";let roption0=window.document.createElement("option");roption0.value="sporting";roption0.textContent="Please select sporting subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="fishingpoles";roption1.textContent="fishingpoles";let roption2=window.document.createElement("option");roption2.value="coolers";roption2.textContent="coolers";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 85");}function ticketsIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"tickets",display_default_category:"tickets"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="tickets";scs.display_category="tickets";window.document.querySelector('#category-name').textContent="tickets";window.document.querySelector('#topics').textContent="tickets";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="tickets";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="tickets";rselect.id="tickets";let roption0=window.document.createElement("option");roption0.value="tickets";roption0.textContent="Please select tickets subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="tickets1";roption1.textContent="tickets1";let roption2=window.document.createElement("option");roption2.value="tickets2";roption2.textContent="tickets2";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 86");}function toolsIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"tools",display_default_category:"tools"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="tools";scs.display_category="tools";window.document.querySelector('#category-name').textContent="tools";window.document.querySelector('#topics').textContent="tools";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="tools";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="tools";rselect.id="tools";let roption0=window.document.createElement("option");roption0.value="tools";roption0.textContent="Please select tools subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="wrenches";roption1.textContent="wrenches";let roption2=window.document.createElement("option");roption2.value="floorjacks";roption2.textContent="floor jacks";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 87");}function toys_gamesIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"toys-games",display_default_category:"toys+games"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="toys-games";scs.display_category="toys+games";window.document.querySelector('#category-name').textContent="toys+games";window.document.querySelector('#topics').textContent="toys+games";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="toys+games";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="toys-games";rselect.id="toys-games";let roption0=window.document.createElement("option");roption0.value="toys-games";roption0.textContent="Please select toys+games subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="toy1s";roption1.textContent="toy1s";let roption2=window.document.createElement("option");roption2.value="toy2s";roption2.textContent="toy2s";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 88");}function trailersIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"trailers",display_default_category:"trailers"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="trailers";scs.display_category="trailers";window.document.querySelector('#category-name').textContent="trailers";window.document.querySelector('#topics').textContent="trailers";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="trailers";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="trailers";rselect.id="trailers";let roption0=window.document.createElement("option");roption0.value="trailers";roption0.textContent="Please select trailers subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="trailerbrand1s";roption1.textContent="trailer brand1s";let roption2=window.document.createElement("option");roption2.value="trailerbrand2s";roption2.textContent="trailer brand2s";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 89");}function video_gamingIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"video-gaming",display_default_category:"video+gaming"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="video-gaming";scs.display_category="video gaming";window.document.querySelector('#category-name').textContent="video gaming";window.document.querySelector('#topics').textContent="video gaming";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="video+gaming";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="video-gaming";rselect.id="video-gaming";let roption0=window.document.createElement("option");roption0.value="video-gaming";roption0.textContent="Please select video gaming subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="gamingbrand1s";roption1.textContent="gaming brand1s";let roption2=window.document.createElement("option");roption2.value="gamingbrand2s";roption2.textContent="gaming brand2s";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 90");}function wantedIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"wanted",display_default_category:"wanted"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="wanted";scs.display_category="wanted";window.document.querySelector('#category-name').textContent="wanted";window.document.querySelector('#topics').textContent="wanted";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="wanted";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="wanted";rselect.id="wanted";let roption0=window.document.createElement("option");roption0.value="wanted";roption0.textContent="Please select wanted subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="tires";roption1.textContent="tires";let roption2=window.document.createElement("option");roption2.value="brakepedals";roption2.textContent="brake pedals";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 91");}function wheels_tiresIdf(){update(ref(db,'users/'+userId+"/dc"),{default_category:"wheels-tires",display_default_category:"wheels+tires"}).then(text=>{console.log("updated the default category");}).catch(e=>{console.log("did not update the default category");});scs.selected_category="wheels-tires";scs.display_category="wheels+tires";window.document.querySelector('#category-name').textContent="wheels+tires";window.document.querySelector('#topics').textContent="wheels+tires";let myNode=window.document.querySelector("#divWId");//if(!!myNode === false) alert("null")
while(!!myNode&&myNode.lastElementChild){//alert("it")
myNode.removeChild(myNode.lastElementChild);}let theCategoryTitle=window.document.createElement("div");theCategoryTitle.classList="flex flex-row justify-center items-center p-2";theCategoryTitle.textContent="wheels+tires";let rselect=window.document.createElement("select");rselect.classList="mb-4 p-2 rounded-md focus:outline-none ml-2 mr-4";rselect.name="wheels-tires";rselect.id="wheels-tires";let roption0=window.document.createElement("option");roption0.value="wheels-tires";roption0.textContent="Please select wheels+tires subcategory:";roption0.setAttribute("default","default");let roption1=window.document.createElement("option");roption1.value="tires";roption1.textContent="tires";let roption2=window.document.createElement("option");roption2.value="wheels";roption2.textContent="wheels";rselect.appendChild(roption0);rselect.appendChild(roption1);rselect.appendChild(roption2);let rsinput=window.document.createElement("input");rsinput.type="submit";rsinput.value="Submit";window.document.querySelector('#divWId').appendChild(theCategoryTitle);console.log("loadVideos2 92");}var antiquesId=window.document.querySelector("#antiquesId");var appliancesId=window.document.querySelector("#appliancesId");var arts_craftsId=window.document.querySelector("#arts-craftsId");var atv_utv_snoId=window.document.querySelector("#atv-utv-snoId");var auto_partsId=window.document.querySelector("#auto-partsId");var aviationId=window.document.querySelector("#aviationId");var baby_kidId=window.document.querySelector("#baby-kidId");var barterId=window.document.querySelector("#barterId");var beauty_hlthId=window.document.querySelector("#beauty-hlthId");var bike_partsId=window.document.querySelector("#bike-partsId");var boatsId=window.document.querySelector("#boatsId");var booksId=window.document.querySelector("#booksId");var businessId=window.document.querySelector("#businessId");var cars_trucksId=window.document.querySelector("#cars-trucksId");var cds=window.document.querySelector("#cdsId");var cell_phonesId=window.document.querySelector("#cell-phonesId");var cloths_accId=window.document.querySelector("#cloths-accId");var collectiblesId=window.document.querySelector("#collectiblesId");var computer_partsId=window.document.querySelector("#computer-partsId");var computersId=window.document.querySelector("#computersId");var electronicsId=window.document.querySelector("#electronicsId");var farm_gardenId=window.document.querySelector("#farm-gardenId");var freeId=window.document.querySelector("#freeId");var furnitureId=window.document.querySelector("#furnitureId");var garagesaleId=window.document.querySelector("#garagesaleId");var generalId=window.document.querySelector("#generalId");var heavyequipId=window.document.querySelector("#heavyequipId");var householdId=window.document.querySelector("#householdId");var jewelryId=window.document.querySelector("#jewelryId");var jobs_availableId=window.document.querySelector("#jobs-availableId");var materialsId=window.document.querySelector("#materialsId");var miscId=window.document.querySelector("#miscId");var motorcyclepartsId=window.document.querySelector("#motorcyclepartsId");var motorcyclesId=window.document.querySelector("#motorcyclesId");var music_instrId=window.document.querySelector("#music-instrId");var photo_videoId=window.document.querySelector("#photo-videoId");var rvs_campId=window.document.querySelector("#rvs-campId");var sportingId=window.document.querySelector("#sportingId");var ticketsId=window.document.querySelector("#ticketsId");var toolsId=window.document.querySelector("#toolsId");var toys_gamesId=window.document.querySelector("#toys-gamesId");var trailersId=window.document.querySelector("#trailersId");var video_gamingId=window.document.querySelector("#video-gamingId");var wantedId=window.document.querySelector("#wantedId");var wheels_tiresId=window.document.querySelector("#wheels-tiresId");antiquesId.addEventListener('click',antiquesIdf);appliancesId.addEventListener('click',appliancesIdf);arts_craftsId.addEventListener('click',arts_craftsIdf);atv_utv_snoId.addEventListener('click',atv_utv_snoIdf);auto_partsId.addEventListener('click',auto_partsIdf);aviationId.addEventListener('click',aviationIdf);baby_kidId.addEventListener('click',baby_kidIdf);barterId.addEventListener('click',barterIdf);beauty_hlthId.addEventListener('click',beauty_hlthIdf);bike_partsId.addEventListener('click',bike_partsIdf);boatsId.addEventListener('click',boatsIdf);booksId.addEventListener('click',booksIdf);businessId.addEventListener('click',businessIdf);cars_trucksId.addEventListener('click',cars_trucksIdf);cds.addEventListener('click',cdsIdf);cell_phonesId.addEventListener('click',cell_phonesIdf);cloths_accId.addEventListener('click',cloths_accIdf);collectiblesId.addEventListener('click',collectiblesIdf);computer_partsId.addEventListener('click',computer_partsIdf);computersId.addEventListener('click',computersIdf);electronicsId.addEventListener('click',electronicsIdf);farm_gardenId.addEventListener('click',farm_gardenIdf);freeId.addEventListener('click',freeIdf);furnitureId.addEventListener('click',furnitureIdf);garagesaleId.addEventListener('click',garagesaleIdf);generalId.addEventListener('click',generalIdf);heavyequipId.addEventListener('click',heavyequipIdf);householdId.addEventListener('click',householdIdf);jewelryId.addEventListener('click',jewelryIdf);jobs_availableId.addEventListener('click',jobs_availableIdf);materialsId.addEventListener('click',materialsIdf);motorcyclepartsId.addEventListener('click',motorcycle_partsIdf);motorcyclesId.addEventListener('click',motorcyclesIdf);miscId.addEventListener('click',miscIdf);music_instrId.addEventListener('click',music_instrIdf);photo_videoId.addEventListener('click',photo_videoIdf);rvs_campId.addEventListener('click',rvs_campIdf);sportingId.addEventListener('click',sportingIdf);ticketsId.addEventListener('click',ticketsIdf);toolsId.addEventListener('click',toolsIdf);toys_gamesId.addEventListener('click',toys_gamesIdf);trailersId.addEventListener('click',trailersIdf);video_gamingId.addEventListener('click',video_gamingIdf);wantedId.addEventListener('click',wantedIdf);wheels_tiresId.addEventListener('click',wheels_tiresIdf);console.log(1);// Initialize Firebase
</script>






</html>