<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<meta charset="UTF-8">
<title>Brochure Page</title>



<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta name="description" content="Worlds Largest Inventory of Original Home Designs
Home Plan Designer with selection of house plans ranging from 1000-over 10,000 sq ft. and home styles including A-Frame, Adobe, Southwestern, Bungalow, CapeCod, New England, Charleston, Colonial, Cottage, Contemporary, Country, Craftsman, European, French, Farmhouse, Florida, Cracker, Historic, Log, Cabin, Lowcountry, Luxury, Ranch, Spanish, Mediterranean, Southern, Southwestern, Traditional, Tudor, English, Seaside, Vacation, Victorian, french country, italian, georgian, lake, golf course, resort, garage, basement, multi-family, gazebo designs.  Blueprints, Reproducible vellums and CAD-sets can be purchased at sullivanhomeplans.com">
<meta name="keywords" content="home, memphis, house, plans, tennessee, Jackson, germantown, Mississippi, mid-south, olive branch, designs, southern, memphis home plans, architects, architecture, house design, home design, custom, home, floor plans, plan, home page, autocad, cad, residential, residential architecture, house construction, home building, house building, lots, house plans, National Association of Home Builders, Architectural, homeplans, houseplans, homeplans, homedesigns, home designs, blueprints, blue prints, autocad, drafting, homedesign, home design,">
<meta name="distribution" content="Global">
<meta name="author" content="Sullivan Home Plans">

<style>
/* Brochure image styling */
.brochure-wrapper {
  max-width: 1000px;
  margin: 40px auto;
  text-align: center;
}

.brochure-wrapper img {
  max-width: 100%;
  height: auto;
  box-shadow: 0 8px 30px rgba(0,0,0,0.12);
}

/* ===== FOOTER STYLING ===== */
.footer-section {
  margin-top: 70px;
  text-align: center;
  padding: 40px 20px;
}

.footer-section p {
  font-size: 15px;
  color: #555;
  margin: 8px 0;
}

.footer-section strong {
  color: #5A0F1B;
}
</style>
</head>

<body>


<iframe src="toolbar.htm"
        style="position:fixed; top:0; left:0; width:100%; height:250px; border:0; z-index:1;"
        scrolling="no">
</iframe>

<style>
body {
  padding-top: 80px;
}
</style>

<style>

/* ===== HEADER STYLING ===== */
.page-header {
  text-align: center;
  margin-bottom: 40px;
}

.page-header h1 {
  font-family: 'Playfair Display', serif;
  font-size: 40px;
  color: #5A0F1B;
  margin-bottom: 10px;
}

.page-header p {
  font-size: 20px;
  color: #777;
  margin: 6px 0;
}

.instructions {
  margin-top: 10px;
  font-weight: bold;
  color: #5A0F1B;
}
</style>
  <!-- Page Header -->
  <div class="page-header">
 <h1>Sullivan Home Plans</h1>
  <p>We can do modifications, revisions, and upgrades to personalize your home plans.</p>
  <p><strong>Contact us for a free consultation and estimate.</strong></p>

<br>
<button id="add-to-favorites">Add to Favorites</button>

<style>
  #add-to-favorites {
    background-color: red;
    color: white;
    font-size: 16px;
    padding: 8px 12px;
    border: none;
    cursor: pointer;
    border-radius: 4px;
  }
</style>

<button class="plan-btn share-btn" onclick="shareBrochure()">🔗</button>

<style>
.plan-btn {
  padding: 8px 12px;
  margin-right: 8px;
  border: 1px solid #ccc;
  background: white;
  cursor: pointer;
  font-size: 16px;
  border-radius: 6px;
}

.plan-btn:hover {
  background: #f5f5f5;
}

.share-btn {
  font-size: 16px; /* makes chain slightly bigger */
}
</style>

<script>
function shareBrochure() {
  const url = window.location.href;

  // Mobile devices → native share
  if (navigator.share && /Mobi|Android|iPhone|iPad/i.test(navigator.userAgent)) {
    navigator.share({
      title: document.title,
      url: url
    }).catch(() => {});
    return;
  }

  // Desktop HTTPS clipboard
  if (navigator.clipboard && window.isSecureContext) {
    navigator.clipboard.writeText(url)
      .then(() => alert("Link copied to clipboard!"))
      .catch(() => fallbackCopy(url));
  } else {
    fallbackCopy(url);
  }
}

function fallbackCopy(text) {
  const tempInput = document.createElement("input");
  tempInput.value = text;
  document.body.appendChild(tempInput);
  tempInput.select();
  document.execCommand("copy");
  document.body.removeChild(tempInput);
  alert("Link copied to clipboard!");
}
</script>


<script>
(function() {
  // Get planId from URL parameter 'brochure'
  const params = new URLSearchParams(window.location.search);
  const planId = params.get('brochure'); 
  if (!planId) return;

  const button = document.getElementById('add-to-favorites');

  // Functions to get/save favorites
  function getFavorites() {
    const f = localStorage.getItem("favorites");
    return f ? f.split(",") : [];
  }

  function saveFavorites(favs) {
    localStorage.setItem("favorites", favs.join(","));
  }

  // Generate correct thumbnail URL
  function getThumbnail(planId) {
    let numericId = planId.toUpperCase().startsWith('B') ? planId.slice(1) : planId;
    return "http://www.sullivanhomeplans.com/thumb/r" + numericId.toLowerCase() + ".jpg";
  }

  // Generate correct brochure link
  function getBrochureLink() {
    return "http://www.sullivanhomeplans.com/brochure.htm?brochure=" + planId;
  }

  // Update button based on favorites
  function updateButton() {
    const favs = getFavorites();
    const entry = getBrochureLink() + "|" + getThumbnail(planId);
    if (favs.includes(entry)) {
      button.textContent = "Remove from Favorites";
      button.style.backgroundColor = "#1e73be";
    } else {
      button.textContent = "Add to Favorites";
      button.style.backgroundColor = "red";
      button.disabled = false;
    }
  }

  button.addEventListener("click", function() {
    const favs = getFavorites();
    const entry = getBrochureLink() + "|" + getThumbnail(planId);

    if (!favs.includes(entry)) {
      favs.push(entry);
      saveFavorites(favs);
      updateButton();
      alert("Plan added to favorites!");

} else {

  var index = favs.indexOf(entry);
  if (index > -1) {
    favs.splice(index, 1);
  }
  saveFavorites(favs);
  updateButton();
  alert("Plan removed from favorites!");
}

 saveFavorites(favs);
    updateButton();

 });


 // Initialize
    updateButton();

})();
</script>
	 


<script>
(function() {
  const params = new URLSearchParams(window.location.search);
  const planId = params.get('brochure');
  if (!planId) return;

  // Create wrapper
  const wrapper = document.createElement("div");
  wrapper.className = "brochure-wrapper";

  // Create image
  const img = document.createElement("img");
  img.src = "brochures/" + planId + ".jpg";
  img.alt = planId;

  // Append image to wrapper
  wrapper.appendChild(img);

  // Append wrapper to page
  document.currentScript.parentNode.appendChild(wrapper);
})();
</script>	



<!-- Footer Section -->
<div class="footer-section">

  <p style="margin-top:20px; color:#cc0000; font-size:13px;">
    All plans and images are protected by U.S. Copyright Law.
    You may print for study purposes only. Construction use requires purchase and written permission.
    <a href="copyright.htm">Copyright Details</a>
  </p>

  <p style="margin-top:30px; font-size:12px;">
    © 2026 Sullivan Home Plans
  </p>
</div>


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-36135999-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</body>

</html>