<!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">
</head>

<body>


<iframe src="toolbar.htm"
        style="position:fixed; top:0; left:0; width:100%; height:70px; border:0; z-index:1;"
        scrolling="no">
</iframe>

<style>
body {
  padding-top: 80px;
}
</style>

<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 = "In Favorites";
      button.style.backgroundColor = "#1e73be";
      button.disabled = true;
    } else {
      button.textContent = "Add to Favorites";
      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>

<table width="202">
  <tr>
    <td width="194">
	  <script>
(function() {
  const params = new URLSearchParams(window.location.search);
  const planId = params.get('brochure');
  if (!planId) return;

  const img = document.createElement("img");
  img.src = "brochures/" + planId + ".jpg";
  img.width = 1000;
  img.height = 1588;
  img.alt = planId;

  document.currentScript.parentNode.appendChild(img);
})();
</script>
	
    </td>
  </tr>
</table>

    <center><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></center>


<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>