(1923,1,'2020-07-17 14:33:30','2020-07-17 21:33:30','<h1>Tips, tricks and insights from - and about - QuickFrames.</h1>\r\n<h3>Video Gallery</h3>\r\n[embedyt] https://www.youtube.com/playlist?list=PLNb1225ruYdFspiY-GJBybn9E-__E-wr5&amp;rel=0&amp;showinfo=0&amp;border=&amp;width=628&amp;height=314&amp;layout=gallery[/embedyt]\r\n\r\n<h3>Related Video</h3>\r\n[one_third]\r\n[responsive] <a href=\"https://youtu.be/uO-j8qu5IZ8\"> <img alt=\"The Steel Forum Interview\" src=\"/wp-content/uploads/the-steel-forum-logo.jpg\"> </a> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThis 20 minute interview with Gregory Kussmann, Director of Business Development, covers the ins and outs of why QuickFrames has become a game-changer in commercial construction.\r\n[/two_third_last]\r\n\r\n<h3>Press And Advertising</h3>\r\n[one_half]\r\n> <a title=\"Modern Steel 2014\" href=\"/wp-content/uploads/pdf-files/modern-steel-062014-new-products.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">[responsive] [/responsive] </a><a href=\"/wp-content/uploads/pdf-files/modern-steel-062014-new-products.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><img class=\"alignleft\" src=\"/wp-content/uploads/media-modern-steel-june2014.png\" alt=\"commercial-roof-structural-supports\" width=\"227\" height=\"308\" /></a>\r\n\r\n<p>QuickFrames was featured in the June 2014 issue of Modern Steel Construction as a new product. Click the magazine cover to see the page.</p>\r\n\r\n[/one_half]\r\n[one_half_last]\r\n<a title=\"Modern Steel 2014\" href=\"/wp-content/uploads/pdf-files/modern-steel-082014-article.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">[responsive] [/responsive] </a><a href=\"/wp-content/uploads/pdf-files/modern-steel-082014-article.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><img class=\"alignleft\" src=\"/wp-content/uploads/media-modern-steel-august2014.png\" alt=\"Roof-Hatches-Vents-Drains-roof support\" width=\"227\" height=\"308\" /></a>\r\n\r\n<p>QuickFrames was also the subject of a featured article in the August 2014 issue of Modern Steel Construction. Click the magazine cover to see the article.</p>\r\n[/one_half_last]\r\n\r\n[one_half]\r\n<a title=\"Construction Executive May 2015\" href=\"/wp-content/uploads/pdf-files/safety-innovations-article.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">[responsive] [/responsive] </a><a href=\"/wp-content/uploads/pdf-files/safety-innovations-article.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><img class=\"alignleft\" src=\"/wp-content/uploads/media-construction-executive-may2015.png\" alt=\"Safety Innovations\" width=\"227\" height=\"308\" /></a>\r\n\r\n<p>QuickFrames was part of a discussion on new safety innovations in the May 2015 online edition of Construction Executive / Managing Your Business, authored by QuickFrames Director of Operations Robert Hasulak. Click the logo to see the article.</p>\r\n[/one_half]\r\n\r\n[one_half_last]\r\n<a title=\"Construction Executive July 2015\" href=\"/wp-content/uploads/pdf-files/win-the-bid-article.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">[responsive] [/responsive] </a><a href=\"/wp-content/uploads/pdf-files/win-the-bid-article.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"><img class=\"alignleft\" src=\"/wp-content/uploads/media-construction-executive-may2015.png\" alt=\"Safety Innovations\" width=\"227\" height=\"308\" /></a>\r\n\r\n<p>Learn how to modernize your sales and marketing to help you \"win the bid\" in the July 2015 online edition of Construction Executive / Managing Your Business, authored by QuickFrames Director of Sales Chase Sebastian. Click the logo to see the article.</p>\r\n[/one_half_last]','Media','','inherit','closed','closed','','60-revision-v1','','','2020-07-17 14:33:30','2020-07-17 21:33:30','',60,'http://quickframes.miritin.com/60-revision-v1/',0,'revision','',0),(1924,1,'2020-07-17 14:43:02','2020-07-17 21:43:02','[two_fifth]\r\n[divider type=\"space\" margintop=\"-12\" marginbottom=\"0\"]\r\n<table>\r\n<tbody>\r\n<tr><td>[responsive] <img src=\"/wp-content/uploads/home-quick-links.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"/wp-content/uploads/pdf-files/quickframes-comparison-guide-2020.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Comparison Guide\" class=\"alignleft\" alt=\"Roof-Hatches-Vents-Drains-roof support\" src=\"/wp-content/uploads/home-comparison-guide.jpg\" /> </a> [/responsive] </td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-9\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/product-data-sheets/\"> <img src=\"/wp-content/uploads/home-product-data-sheets.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/request-a-price-list/\"> <img src=\"/wp-content/uploads/home-request-a-price-list.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/quickframes-quote/\"> <img src=\"/wp-content/uploads/home-request-a-quote.jpg\"> </a>[/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/lunch/\"> <img src=\"/wp-content/uploads/home-request-a-lunch-and-learn.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/installation-guides/\"> <img src=\"/wp-content/uploads/home-installation-guides.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/reviews/\"> <img src=\"/wp-content/uploads/home-reviews.jpg\"> [/responsive]</td></tr>\r\n</tbody>\r\n</table>\r\n[responsive] <img class=\"alignnone\" alt=\"Bolt-on, pre-engineered, adjustable RTU frames for supporting rooftop equipment\" src=\"/wp-content/uploads/rtu-frames-structural-support.jpg\"> [/responsive]\r\n[/two_fifth]\r\n[three_fifth_last]\r\n[divider type=\"space\" margintop=\"-12\" marginbottom=\"0\"]\r\n[responsive] <img src=\"/wp-content/uploads/home-frame-on-blue-background.jpg\"> [/responsive]\r\n<H2>What are QuickFrames?</H2>\r\n[framedbox bg=\"#ffffff\"]\r\n\r\nQuickFrames is a family of pre-engineered structural steel framing components used to support rooftop equipment, roof penetrations, floor penetrations, and other framing needs in commercial construction.\r\n\r\nOur flagship adjustable framing system consists of telescoping rails that easily bolt-on (no-welding) to roof members from under existing roof decking.  It is ideal for remodeling/TI projects as well as new construction.\r\n\r\nAlso available is a line of heady-duty cut-to-length (DIY) frames that bolts-on and is adjustable for smaller projects or emergency framing needs, as well as a line of fully-assembled weldable “drop-in” frames (installed before the roof deck).\r\n\r\nNeed frames fast?  QuickFrames can often ship the same day as ordered.\r\n\r\nWith more than 40,000 RTU, skylight, roof drain, frames installed throughout the US and Canada, from Miami Dade to L.A. Counties to the Aleutian Islands in Alaska, regardless of the building type or site location QuickFrames probably has a solution suited to your framing needs—all at surprisingly affordable prices.\r\n[/framedbox]\r\n[/three_fifth_last]\r\n[two_third]\r\n[embedyt] https://www.youtube.com/playlist?list=PLNb1225ruYdFspiY-GJBybn9E-__E-wr5&amp;rel=0&amp;showinfo=0&amp;border=&amp;width=628&amp;height=314&amp[/embedyt]\r\n[two_third]\r\n[divider type=\"space\" margintop=\"20\" marginbottom=\"0\"] \r\n[styled_title]Gallery Of Example Projects[/styled_title]\r\n[carousel id=\"projects\" itemwidth=\"315\"]\r\n[carousel_item][responsive] <img title=\"Chicago Cubs Spring Training Stadium\" alt=\"Cubs Park Image\" src=\"/wp-content/uploads/gallery-cubs-park.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"First Solar Manufacturing Plant\" alt=\"First Solar Image\" src=\"/wp-content/uploads/gallery-first-solar.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Macy\'s Fulfillment Center Warehouse\" alt=\"Macys Image\" src=\"/wp-content/uploads/gallery-macys.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Marshall\'s Warehouse\" alt=\"Marshalls Image\" src=\"/wp-content/uploads/gallery-marshalls.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Mayo Clinic\" alt=\"Mayo Image\" src=\"/wp-content/uploads/gallery-mayo-clinic.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Pinal County Courthouse\" alt=\"Pinal Courthouse Image\" src=\"/wp-content/uploads/gallery-pinal-courthouse.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Premium Outlet Mall\" alt=\"Premium Outlet Image\" src=\"/wp-content/uploads/gallery-premium-outlet-mall.jpg\"> [/responsive][/carousel_item]\r\n[/carousel]\r\n<a href=\"https://plus.google.com/113790574605865024125\" rel=\"publisher\">Google+</a>\r\n[/two_third]\r\n[one_third_last]\r\n[divider type=\"space\" margintop=\"-5\" marginbottom=\"0\"] \r\n[styled_title]Where QuickFrames Are Used?[/styled_title]\r\n[styledtable]\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td style=\"text-align: left;\">Commercial, Industrial, Educational</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">New Construction, Remodeling/TI Projects</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">Steel Joists, I-Beams, Hybrid Trusses</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">Pre-engineered Purlins, Wood Trusses</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">CMU Walls, Concrete Roofs and Floors</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n[/styledtable]\r\n[styled_title]Maximizing Value With Rail Sizes[/styled_title]\r\n[styledtable]\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>16GA</td>\r\n<td style=\"text-align: left;\">Roof drains, hatches, smaller skylights, pour stops, and small exhaust fans</td>\r\n</tr>\r\n<tr>\r\n<td>12GA</td>\r\n<td style=\"text-align: left;\">RTUs, MAUs, AHUs, CUs, larger skylights, and larger exhaust fans</td>\r\n</tr>\r\n<tr>\r\n<td>10GA</td>\r\n<td style=\"text-align: left;\">Very heavy rooftop equipment, concrete roof openings, and floor openings</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n[/styledtable]\r\n [responsive] <a href=\"/wp-content/uploads/pdf-files/quickframes-freight-service-map.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Shipping Times\" class=\"alignleft\" alt=\"QuickFrames Freight Shipping Times\" src=\"/wp-content/uploads/quickframes-shipping-time-map.jpg\" /> </a> [/responsive]\r\n[/one_third_last]','RTU Frames - Commercial Roof Structural Supports','','inherit','closed','closed','','185-revision-v1','','','2020-07-17 14:43:02','2020-07-17 21:43:02','',185,'http://quickframes.miritin.com/185-revision-v1/',0,'revision','',0),(1925,1,'2020-07-17 14:43:26','2020-07-17 21:43:26','','quickframes-shipping-time-map','','inherit','open','closed','','quickframes-shipping-time-map','','','2020-07-17 14:43:26','2020-07-17 21:43:26','',0,'http://quickframes.miritin.com/wp-content/uploads/quickframes-shipping-time-map.jpg',0,'attachment','image/jpeg',0),(1926,1,'2020-07-17 14:54:10','2020-07-17 21:54:10','[two_fifth]\r\n[divider type=\"space\" margintop=\"-12\" marginbottom=\"0\"]\r\n<table>\r\n<tbody>\r\n<tr><td>[responsive] <img src=\"/wp-content/uploads/home-quick-links.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"/wp-content/uploads/pdf-files/quickframes-comparison-guide-2020.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Comparison Guide\" class=\"alignleft\" alt=\"Roof-Hatches-Vents-Drains-roof support\" src=\"/wp-content/uploads/home-comparison-guide.jpg\" /> </a> [/responsive] </td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-9\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/product-data-sheets/\"> <img src=\"/wp-content/uploads/home-product-data-sheets.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/request-a-price-list/\"> <img src=\"/wp-content/uploads/home-request-a-price-list.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/quickframes-quote/\"> <img src=\"/wp-content/uploads/home-request-a-quote.jpg\"> </a>[/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/lunch/\"> <img src=\"/wp-content/uploads/home-request-a-lunch-and-learn.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/installation-guides/\"> <img src=\"/wp-content/uploads/home-installation-guides.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/reviews/\"> <img src=\"/wp-content/uploads/home-reviews.jpg\"> [/responsive]</td></tr>\r\n</tbody>\r\n</table>\r\n[responsive] <img class=\"alignnone\" alt=\"Bolt-on, pre-engineered, adjustable RTU frames for supporting rooftop equipment\" src=\"/wp-content/uploads/rtu-frames-structural-support.jpg\"> [/responsive]\r\n[/two_fifth]\r\n[three_fifth_last]\r\n[divider type=\"space\" margintop=\"-12\" marginbottom=\"0\"]\r\n[responsive] <img src=\"/wp-content/uploads/home-frame-on-blue-background.jpg\"> [/responsive]\r\n<H2>What are QuickFrames?</H2>\r\n[framedbox bg=\"#ffffff\"]\r\n\r\nQuickFrames is a family of pre-engineered structural steel framing components used to support rooftop equipment, roof penetrations, floor penetrations, and other framing needs in commercial construction.\r\n\r\nOur flagship adjustable framing system consists of telescoping rails that easily bolt-on (no-welding) to roof members from under existing roof decking.  It is ideal for remodeling/TI projects as well as new construction.\r\n\r\nAlso available is a line of heady-duty cut-to-length (DIY) frames that bolts-on and is adjustable for smaller projects or emergency framing needs, as well as a line of fully-assembled weldable “drop-in” frames (installed before the roof deck).\r\n\r\nNeed frames fast?  QuickFrames can often ship the same day as ordered.\r\n\r\nWith more than 40,000 RTU, skylight, roof drain, frames installed throughout the US and Canada, from Miami Dade to L.A. Counties to the Aleutian Islands in Alaska, regardless of the building type or site location QuickFrames probably has a solution suited to your framing needs—all at surprisingly affordable prices.\r\n[/framedbox]\r\n[/three_fifth_last]\r\n[two_third]\r\n[embedyt] https://www.youtube.com/playlist?list=PLNb1225ruYdFspiY-GJBybn9E-__E-wr5&amp;rel=0&amp;showinfo=0&amp;border=&amp;width=628&amp;height=314&amp[/embedyt]\r\n[two_third]\r\n[divider type=\"space\" margintop=\"20\" marginbottom=\"0\"] \r\n[styled_title]Gallery Of Example Projects[/styled_title]\r\n[carousel id=\"projects\" itemwidth=\"315\"]\r\n[carousel_item][responsive] <img title=\"Chicago Cubs Spring Training Stadium\" alt=\"Cubs Park Image\" src=\"/wp-content/uploads/gallery-cubs-park.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"First Solar Manufacturing Plant\" alt=\"First Solar Image\" src=\"/wp-content/uploads/gallery-first-solar.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Macy\'s Fulfillment Center Warehouse\" alt=\"Macys Image\" src=\"/wp-content/uploads/gallery-macys.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Marshall\'s Warehouse\" alt=\"Marshalls Image\" src=\"/wp-content/uploads/gallery-marshalls.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Mayo Clinic\" alt=\"Mayo Image\" src=\"/wp-content/uploads/gallery-mayo-clinic.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Pinal County Courthouse\" alt=\"Pinal Courthouse Image\" src=\"/wp-content/uploads/gallery-pinal-courthouse.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Premium Outlet Mall\" alt=\"Premium Outlet Image\" src=\"/wp-content/uploads/gallery-premium-outlet-mall.jpg\"> [/responsive][/carousel_item]\r\n[/carousel]\r\n<a href=\"https://plus.google.com/113790574605865024125\" rel=\"publisher\">Google+</a>\r\n[/two_third]\r\n[one_third_last]\r\n[divider type=\"space\" margintop=\"-5\" marginbottom=\"0\"] \r\n[styled_title]Where QuickFrames Are Used?[/styled_title]\r\n[styledtable]\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td style=\"text-align: left;\">Commercial, Industrial, Educational</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">New Construction, Remodeling/TI Projects</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">Steel Joists, I-Beams, Hybrid Trusses</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">Pre-engineered Purlins, Wood Trusses</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">CMU Walls, Concrete Roofs and Floors</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n[/styledtable]\r\n[styled_title]Maximizing Value With Rail Sizes[/styled_title]\r\n[styledtable]\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>16GA</td>\r\n<td style=\"text-align: left;\">Roof drains, hatches, smaller skylights, pour stops, and small exhaust fans</td>\r\n</tr>\r\n<tr>\r\n<td>12GA</td>\r\n<td style=\"text-align: left;\">RTUs, MAUs, AHUs, CUs, larger skylights, and larger exhaust fans</td>\r\n</tr>\r\n<tr>\r\n<td>10GA</td>\r\n<td style=\"text-align: left;\">Very heavy rooftop equipment, concrete roof openings, and floor openings</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n[/styledtable]\r\n[styled_title]QuickFrames Shipping Times[/styled_title]\r\n[responsive] <a href=\"/wp-content/uploads/pdf-files/quickframes-freight-service-map.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Click Map To Enlarge\" class=\"alignleft\" alt=\"QuickFrames Freight Shipping Times\" src=\"/wp-content/uploads/quickframes-shipping-time-map.jpg\" /> </a> [/responsive]\r\n[/one_third_last]','RTU Frames - Commercial Roof Structural Supports','','inherit','closed','closed','','185-revision-v1','','','2020-07-17 14:54:10','2020-07-17 21:54:10','',185,'http://quickframes.miritin.com/185-revision-v1/',0,'revision','',0),(1927,1,'2020-07-17 15:19:16','2020-07-17 22:19:16','<h1>Discover how QuickFrames can reduce costs on your next project, end-to-end.</h1>\r\nQuickFrames are available in several strength levels and can be installed in a variety of applications.  Pricing is based on the framing configuration (see images below), the strength of the steel required, the size of the main and cross rails needed (15\" - 85\"), the size of the top flange (2\" standard, optional 4\" for deck attachment and direct bearing), and the attachment method to the roof support system (steel, wood, purlin, etc.).\r\n\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"15\"]\r\n[two_third]\r\n<h2 style=\"text-align: center;\">Example QuickFrames Configurations</h2>\r\n<img width=\"640\" class=\"alignleft\" alt=\"Roof Framing Configurations\" src=\"/wp-content/uploads/quote-frame-configurations.png\">\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"15\"]\r\n<h2 style=\"text-align: center;\">QuickFrames Pricing Guide</h2>\r\nThe table below contains common applications for QuickFrames and typical price ranges.  All pricing is based on a steel deck/steel joist roofing connection, 6\' - 8\' joist spacing, standard 2\" top flange, with a standard three or four-sided frame (Frame Types 1 or 2).  Pre-assembly of the joist hangers to the main rails is included.\r\n\r\n[styledtable]\r\n<table>\r\n<thead>\r\n<tr>\r\n<th scope=\"col\">Rooftop Equipment</th>\r\n<th scope=\"col\">QuickFrames Steel</th>\r\n<th scope=\"col\">Typical Per-Frame Pricing</th>\r\n</tr>\r\n</thead>\r\n<tbody>\r\n<tr>\r\n<td>Roof Drains</td>\r\n<td>16Ga</td>\r\n<td>$225 - $250</td>\r\n</tr>\r\n<tr>\r\n<td>Roof Hatches</td>\r\n<td>16Ga</td>\r\n<td>$245 - $265</td>\r\n</tr>\r\n<tr>\r\n<td>Exhaust Fans</td>\r\n<td>16Ga</td>\r\n<td>$220 - $245</td>\r\n</tr>\r\n<tr>\r\n<td>Skylights</td>\r\n<td>16Ga</td>\r\n<td>$230 - $255</td>\r\n</tr>\r\n<tr>\r\n<td>Smoke Vents</td>\r\n<td>16Ga</td>\r\n<td>$230 - $255</td>\r\n</tr>\r\n<tr>\r\n<td>RTUs, MAUs, etc.</td>\r\n<td>12Ga</td>\r\n<td>$250 - $355</td>\r\n</tr>\r\n<tr>\r\n<td>Thru-Floor Supports</td>\r\n<td>10Ga</td>\r\n<td>$285 - $390</td>\r\n</tr>\r\n<tr></tr>\r\n</tbody>\r\n<tfoot>\r\n<tr>\r\n<td colspan=\"4\"><em>Let us help select the optimal price/performance frames for your projects. Contact sales@quickframes.us</em></td>\r\n</tr>\r\n<tr>\r\n<td colspan=\"4\"><em>Prices shown in $US and are subject to change without prior notice.</em></td>\r\n</tr>\r\n</tfoot>\r\n</table>\r\n[/styledtable]\r\n[/two_third]\r\n\r\n[one_third_last]\r\n[framedbox bg=\"#ffffff\"]\r\n<a title=\"QuickFrames Quote\" href=\"http://quickframes.miritin.com/quickframes-quote/\">[responsive] <img alt=\"Price List Image\" src=\"/wp-content/uploads/price-list-arrow.jpg\">[/responsive]</a>\r\n[/framedbox]\r\n\r\n[divider type=\"space\" margintop=\"-21\" marginbottom=\"0\"]\r\n[framedbox bg=\"#ffffff\"]\r\n<h4>Need only a few roof frames?</h4>\r\n<span style=\"color: rgb(104, 108, 111);\">Click <a title=\"QuickFrames Quote\" href=\"https://quickframes.us/quickframes-quote/#quote-a-few-frames\">here</a> to provide frame requirements.</span>\r\n[/framedbox]\r\n\r\n[divider type=\"space\" margintop=\"-21\" marginbottom=\"0\"]\r\n[framedbox bg=\"#ffffff\"]\r\n<h4>Large project with many roof frames?</h4>\r\n<span style=\"color: rgb(104, 108, 111);\">Click <a title=\"QuickFrames Quote\" href=\"https://quickframes.us/quickframes-quote/#quote-a-lot-of-frames \">here</a> to provide the plans and we\'ll do the take-off, detailed drawings, and send you the quote.</span>\r\n[/framedbox]\r\n\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"30\"]\r\n<h4>Print This Page</h4>\r\n[print-me]\r\n[/one_third_last]','Old Pricing','','inherit','closed','closed','','465-revision-v1','','','2020-07-17 15:19:16','2020-07-17 22:19:16','',465,'http://quickframes.miritin.com/465-revision-v1/',0,'revision','',0),(1928,1,'2020-07-21 14:42:03','2020-07-21 21:42:03','[two_fifth]\r\n[divider type=\"space\" margintop=\"-12\" marginbottom=\"0\"]\r\n<table>\r\n<tbody>\r\n<tr><td>[responsive] <img src=\"/wp-content/uploads/home-quick-links.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"/wp-content/uploads/pdf-files/quickframes-comparison-guide-2020.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Comparison Guide\" class=\"alignleft\" alt=\"Roof-Hatches-Vents-Drains-roof support\" src=\"/wp-content/uploads/home-comparison-guide.jpg\" /> </a> [/responsive] </td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-9\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/product-data-sheets/\"> <img src=\"/wp-content/uploads/home-product-data-sheets.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/request-a-price-list/\"> <img src=\"/wp-content/uploads/home-request-a-price-list.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/quickframes-quote/\"> <img src=\"/wp-content/uploads/home-request-a-quote.jpg\"> </a>[/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/lunch/\"> <img src=\"/wp-content/uploads/home-request-a-lunch-and-learn.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/installation-guides/\"> <img src=\"/wp-content/uploads/home-installation-guides.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/reviews/\"> <img src=\"/wp-content/uploads/home-reviews.jpg\"> [/responsive]</td></tr>\r\n</tbody>\r\n</table>\r\n[responsive] <img class=\"alignnone\" alt=\"Bolt-on, pre-engineered, adjustable RTU frames for supporting rooftop equipment\" src=\"/wp-content/uploads/rtu-frames-structural-support.jpg\"> [/responsive]\r\n[/two_fifth]\r\n[three_fifth_last]\r\n[divider type=\"space\" margintop=\"-12\" marginbottom=\"0\"]\r\n[responsive] <img src=\"/wp-content/uploads/home-frame-on-blue-background.jpg\"> [/responsive]\r\n<H2>What are QuickFrames?</H2>\r\n[framedbox bg=\"#ffffff\"]\r\n\r\nQuickFrames is a family of pre-engineered structural steel framing components used to support rooftop equipment, roof penetrations, floor penetrations, and other framing needs in commercial construction.\r\n\r\nOur flagship adjustable framing system consists of telescoping rails that easily bolt-on (no-welding) to roof members from under existing roof decking.  It is ideal for remodeling/TI projects as well as new construction.\r\n\r\nAlso available is a line of heady-duty cut-to-length (DIY) frames that bolts-on and is adjustable for smaller projects or emergency framing needs, as well as a line of fully-assembled weldable “drop-in” frames (installed before the roof deck).\r\n\r\nNeed frames fast?  QuickFrames can often ship the same day as ordered.\r\n\r\nWith more than 40,000 RTU, skylight, roof drain, frames installed throughout the US and Canada, from Miami Dade to L.A. Counties to the Aleutian Islands in Alaska, regardless of the building type or site location QuickFrames probably has a solution suited to your framing needs—all at surprisingly affordable prices.\r\n[/framedbox]\r\n[/three_fifth_last]\r\n[two_third]\r\n[embedyt] https://www.youtube.com/playlist?list=PLNb1225ruYdFspiY-GJBybn9E-__E-wr5&amp;rel=0&amp;showinfo=0&amp;border=&amp;width=628&amp;height=314&amp[/embedyt]\r\n[styled_title]QuickFrames Sales By Zip Code[/styled_title]\r\n[responsive] <a href=\"https://www.google.com/maps/d/edit?mid=1WnlJRgXIE10gMG5zf3UfTyaqnW6dIY-3&usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Click For Dynamic map\" class=\"alignleft\" alt=\"QuickFrames Sales Map\" src=\"/wp-content/uploads/quickframes-sales-map.jpg\" /> </a> [/responsive]\r\n[divider type=\"space\" margintop=\"20\" marginbottom=\"0\"] \r\n[styled_title]Gallery Of Example Projects[/styled_title]\r\n[carousel id=\"projects\" itemwidth=\"315\"]\r\n[carousel_item][responsive] <img title=\"Chicago Cubs Spring Training Stadium\" alt=\"Cubs Park Image\" src=\"/wp-content/uploads/gallery-cubs-park.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"First Solar Manufacturing Plant\" alt=\"First Solar Image\" src=\"/wp-content/uploads/gallery-first-solar.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Macy\'s Fulfillment Center Warehouse\" alt=\"Macys Image\" src=\"/wp-content/uploads/gallery-macys.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Marshall\'s Warehouse\" alt=\"Marshalls Image\" src=\"/wp-content/uploads/gallery-marshalls.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Mayo Clinic\" alt=\"Mayo Image\" src=\"/wp-content/uploads/gallery-mayo-clinic.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Pinal County Courthouse\" alt=\"Pinal Courthouse Image\" src=\"/wp-content/uploads/gallery-pinal-courthouse.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Premium Outlet Mall\" alt=\"Premium Outlet Image\" src=\"/wp-content/uploads/gallery-premium-outlet-mall.jpg\"> [/responsive][/carousel_item]\r\n[/carousel]\r\n<a href=\"https://plus.google.com/113790574605865024125\" rel=\"publisher\">Google+</a>\r\n[/two_third]\r\n[one_third_last]\r\n[divider type=\"space\" margintop=\"-5\" marginbottom=\"0\"] \r\n[styled_title]Where QuickFrames Are Used?[/styled_title]\r\n[styledtable]\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td style=\"text-align: left;\">Commercial, Industrial, Educational</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">New Construction, Remodeling/TI Projects</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">Steel Joists, I-Beams, Hybrid Trusses</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">Pre-engineered Purlins, Wood Trusses</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">CMU Walls, Concrete Roofs and Floors</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n[/styledtable]\r\n[styled_title]Maximizing Value With Rail Sizes[/styled_title]\r\n[styledtable]\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>16GA</td>\r\n<td style=\"text-align: left;\">Roof drains, hatches, smaller skylights, pour stops, and small exhaust fans</td>\r\n</tr>\r\n<tr>\r\n<td>12GA</td>\r\n<td style=\"text-align: left;\">RTUs, MAUs, AHUs, CUs, larger skylights, and larger exhaust fans</td>\r\n</tr>\r\n<tr>\r\n<td>10GA</td>\r\n<td style=\"text-align: left;\">Very heavy rooftop equipment, concrete roof openings, and floor openings</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n[/styledtable]\r\n[styled_title]QuickFrames Shipping Times[/styled_title]\r\n[responsive] <a href=\"/wp-content/uploads/pdf-files/quickframes-freight-service-map.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Click Map To Enlarge\" class=\"alignleft\" alt=\"QuickFrames Freight Shipping Times\" src=\"/wp-content/uploads/quickframes-shipping-time-map.jpg\" /> </a> [/responsive]\r\n[/one_third_last]','RTU Frames - Commercial Roof Structural Supports','','inherit','closed','closed','','185-revision-v1','','','2020-07-21 14:42:03','2020-07-21 21:42:03','',185,'http://quickframes.miritin.com/185-revision-v1/',0,'revision','',0),(1929,1,'2020-07-21 14:42:22','2020-07-21 21:42:22','','quickframes-sales-map','','inherit','open','closed','','quickframes-sales-map','','','2020-07-21 14:42:22','2020-07-21 21:42:22','',0,'http://quickframes.miritin.com/wp-content/uploads/quickframes-sales-map.jpg',0,'attachment','image/jpeg',0),(1931,1,'2020-07-23 16:30:12','2020-07-23 23:30:12','<h2>Transmission Successful</h2>\r\nOne of our team members will get back to you within the next 24-48 hours, if not sooner, with your quote.  Thank you for your interest in QuickFrames.','Thank You For Your Quote Request','','publish','open','open','','quickframes-quote-thank-you','','','2020-07-23 16:30:12','2020-07-23 23:30:12','',0,'http://quickframes.miritin.com/?page_id=1931',0,'page','',0),(1932,1,'2020-07-23 16:29:05','2020-07-23 23:29:05','<h1>Thank You For Your Quote Request</h1>\r\nOne of our team members will get back to you within the next 24-48 hours, if not sooner, with your quote.  Thank you for your interest in QuickFrames.','Thank You For Your Quote Request','','inherit','closed','closed','','1931-revision-v1','','','2020-07-23 16:29:05','2020-07-23 23:29:05','',1931,'http://quickframes.miritin.com/1931-revision-v1/',0,'revision','',0),(1933,1,'2020-07-23 16:29:49','2020-07-23 23:29:49','<h2>Transmission Successful</h2>\r\nOne of our team members will get back to you within the next 24-48 hours, if not sooner, with your quote.  Thank you for your interest in QuickFrames.','Thank You For Your Quote Request','','inherit','closed','closed','','1931-revision-v1','','','2020-07-23 16:29:49','2020-07-23 23:29:49','',1931,'http://quickframes.miritin.com/1931-revision-v1/',0,'revision','',0),(1935,1,'2020-08-05 15:55:32','2020-08-05 22:55:32','<h2>Let QuickFrames do the take-offs and eliminate your need to detail.</h2>\r\n<em>Submit details of your framing needs in the form and one of our experts will confirm receipt and get moving on your quote. We typically return quotes in 24-48 business hours. If you need something even faster, please call us (480) 656-1575 for immediate assistance.</em>\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</span></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\" /> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]','Request a Quote Heading Test Page','','inherit','closed','closed','','1910-autosave-v1','','','2020-08-05 15:55:32','2020-08-05 22:55:32','',1910,'http://quickframes.miritin.com/1910-autosave-v1/',0,'revision','',0),(1936,1,'2020-08-06 13:46:15','2020-08-06 20:46:15','<label> Your Name (required)  [text* your-name] </label>\r\n\r\n<label> Frame Type (required) [radio quote-frame-types label_first default:1 \"Type 1\" \"Type 2\" \"Type 3\" \"Type 4\" \"Type 5\"]\r\n\r\n<label> Item Type (required) [select* quote-drop-down \"Item 1\" \"Item 2\" \"Item 3\" \"Item 4\" \"Item 5\"]\r\n\r\n[submit \"Send\"]\n1\nQuickFrames \"[your-subject]\"\nQuickFrames <wordpress@quickframes.com>\ngregoryk@quickframes.com\nFrom: [your-name] <[your-email]>\r\nSubject: [your-subject]\r\n\r\nMessage Body:\r\n[your-message]\r\n\r\n-- \r\nThis e-mail was sent from a contact form on QuickFrames (http://quickframes.miritin.com)\n\n\n\n\n\nQuickFrames \"[your-subject]\"\nQuickFrames <wordpress@quickframes.com>\n[your-email]\nMessage Body:\r\n[your-message]\r\n\r\n-- \r\nThis e-mail was sent from a contact form on QuickFrames (http://quickframes.miritin.com)\nReply-To: gregoryk@quickframes.us\n\n\n\nThank you for your message. It has been sent.\nThere was an error trying to send your message. Please try again later.\nOne or more fields have an error. Please check and try again.\nThere was an error trying to send your message. Please try again later.\nYou must accept the terms and conditions before sending your message.\nThe field is required.\nThe field is too long.\nThe field is too short.\nThe date format is incorrect.\nThe date is before the earliest one allowed.\nThe date is after the latest one allowed.\nThere was an unknown error uploading the file.\nYou are not allowed to upload files of this type.\nThe file is too big.\nThere was an error uploading the file.\nThe number format is invalid.\nThe number is smaller than the minimum allowed.\nThe number is larger than the maximum allowed.\nThe answer to the quiz is incorrect.\nThe e-mail address entered is invalid.\nThe URL is invalid.\nThe telephone number is invalid.','New QuickFrames Quote Form','','publish','closed','closed','','new-quickframes-quote-form','','','2020-09-08 14:55:16','2020-09-08 21:55:16','',0,'http://quickframes.miritin.com/?post_type=wpcf7_contact_form&#038;p=1936',0,'wpcf7_contact_form','',0),(1938,1,'2020-08-06 14:16:47','2020-08-06 21:16:47','<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-08-06 14:16:47','2020-08-06 21:16:47','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1939,1,'2020-08-06 16:18:31','2020-08-06 23:18:31','<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n<!--\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n-->\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-08-06 16:18:31','2020-08-06 23:18:31','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1940,1,'2020-08-06 16:18:50','2020-08-06 23:18:50','<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n<!--\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n-->\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-08-06 16:18:50','2020-08-06 23:18:50','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1942,1,'2020-08-12 08:00:28','2020-08-12 15:00:28','<h1>QuickFrames USA Earns Spot #1609 on the Inc. 5000 List of Fastest-Growing Private Companies in the U.S.</h1>\r\n<em>Manufacturing innovator enjoys growth and rising market share, thanks to proven products and strong customer loyalty</em>\r\n\r\n<strong>(MESA, Ariz. – Aug. 12, 2020) </strong>— <a href=\"http://quickframes.miritin.com\">QuickFrames USA</a>, the leader in engineered structural support systems, today announces its place on the Inc. 5000 list of fastest-growing private companies in the U.S. Ranking at #1609, the manufacturing company has been growing steadily since 2015. QuickFrames USA earned its 268% three-year revenue growth rate by consistently exceeding customer expectations and maintaining unrelentingly high product quality.\r\n\r\nQuickFrames solves common problems caused by angle iron roof frames on commercial construction projects, offering instead no-welding-required, bolt-on, adjustable support systems for rooftop units (RTUs), skylights, roof drains and more. The classic QuickFrames product has been installed more than 45,000 times and has never once been returned. In the current era of COVID-19, QuickFrames USA has been extending discounts to medical facilities in need of frames.\r\n\r\n“As most entrepreneurs can attest, my partners and I have made a lot of sacrifices for our business over the years,” says Bob Hasulak, partner &amp; director of operations, QuickFrames USA. “We’ve done so because we’ve always believed in its incredible potential. Landing on this list is a testament to all the time invested, passion devoted and sweat equity contributed to growing the company, and it brings us a lot of joy. We’re thankful to Inc. for the recognition, to our loyal customers for their trust in us and to our team members for their hard work. It’s been a fun journey, and we’re looking forward to all the future holds.”\r\n\r\nQuickFrames USA is proud to manufacture its products in the U.S. and is known for its exceptionally fast frames-to-jobsite speed. The company is an industry favorite, with more than 95% five-star ratings on Google. QuickFrames USA will be releasing a new off-the-shelf product, designed for the HVAC market later this year. The company was also nominated for BUILD magazine’s Construction &amp; Engineering Awards for 2020; winners will be announced in November of this year.\r\n\r\n“The companies on this year’s Inc. 5000 come from nearly every realm of business,” says Inc. editor-in-chief Scott Omelianuk. “From health and software to media and hospitality, the 2020 list proves that no matter the sector, incredible growth is based on the foundations of tenacity and opportunism.”\r\n\r\nNot only have the companies on the 2020 Inc. 5000 been very competitive within their markets, but the list as a whole shows staggering growth compared with prior lists as well. The 2020 Inc. 5000 achieved an incredible three-year average growth of over 500% and a median rate of 165%. The Inc. 5000’s aggregate revenue was $209 billion in 2019, accounting for over 1 million jobs over the past three years. See the whole list and learn more by visiting <a href=\"http://www.inc.com/inc5000\">www.inc.com/inc5000</a>.\r\n\r\n<strong>About QuickFrames USA</strong>\r\nBased in Mesa, Arizona, QuickFrames USA is the leader in engineered structural support systems for commercial buildings. Leading the industry since 2015, the company has grown significantly as fabricators, structural engineers, mechanical contractors, HVAC distributors, estimators, erectors and more have embraced its suite of products specially designed to solve common industry problems. To learn more, please visit <a href=\"http://quickframes.miritin.com\">www.quickframes.com</a>.\r\n\r\nHelpful links:\r\n<a href=\"https://www.linkedin.com/company/quickframesusa\">LinkedIn</a>\r\n<a href=\"https://twitter.com/quickframesusa\">Twitter</a>\r\n<a href=\"https://www.facebook.com/QuickFramesUS/\">Facebook</a>\r\n<a href=\"https://www.instagram.com/quickframesusa/\">Instagram</a>\r\n<a href=\"https://www.youtube.com/channel/UCliWHh61G-JEz2349OZ03uw/featured\">YouTube</a>\r\n\r\n<strong>Media Contact:</strong>\r\nRebecca Hasulak\r\n<a href=\"mailto:rebeccah@quickframes.com\">rebeccah@quickframes.com</a> <strong> </strong>','QuickFrames USA Earns Spot #1609 on the Inc. 5000 List of Fastest-Growing Private Companies in the U.S.','Find out how Jeffords Steel was able to find a RTU framing solution that would enable them to reduce both time and expense.','publish','open','open','','quickframes-usa-earns-spot-1609-inc-5000','','','2020-08-20 14:07:13','2020-08-20 21:07:13','',0,'http://quickframes.miritin.com/?p=1942',0,'post','',0),(1943,20,'2020-08-11 23:14:20','2020-08-12 06:14:20','Inc 5000 2020','Inc_Inc5000_WeMadeTheList_SocialCard_1200x675_v3','','inherit','open','closed','','inc_inc5000_wemadethelist_socialcard_1200x675_v3','','','2020-08-11 23:14:46','2020-08-12 06:14:46','',1942,'http://quickframes.miritin.com/wp-content/uploads/Inc_Inc5000_WeMadeTheList_SocialCard_1200x675_v3.png',0,'attachment','image/png',0),(1944,20,'2020-08-11 23:19:46','2020-08-12 06:19:46','<h1>QuickFrames USA Earns Spot #1609 on the Inc. 5000 List of Fastest-Growing Private Companies in the U.S.</h1>\r\n<em>Manufacturing innovator enjoys growth and rising market share, thanks to proven products and strong customer loyalty</em>\r\n\r\n<strong>(MESA, Ariz. – Aug. 12, 2020) </strong>— <a href=\"http://quickframes.miritin.com\">QuickFrames USA</a>, the leader in engineered structural support systems, today announces its place on the Inc. 5000 list of fastest-growing private companies in the U.S. Ranking at #1609, the manufacturing company has been growing steadily since 2015. QuickFrames USA earned its 368% three-year revenue growth rate by consistently exceeding customer expectations and maintaining unrelentingly high product quality.\r\n\r\n&nbsp;\r\n\r\nQuickFrames solves common problems caused by angle iron roof frames on commercial construction projects, offering instead no-welding-required, bolt-on, adjustable support systems for rooftop units (RTUs), skylights, roof drains and more. The classic QuickFrames product has been installed more than 45,000 times and has never once been returned. In the current era of COVID-19, QuickFrames USA has been extending discounts to medical facilities in need of frames.\r\n\r\n&nbsp;\r\n\r\n“As most entrepreneurs can attest, my partners and I have made a lot of sacrifices for our business over the years,” says Bob Hasulak, partner &amp; director of operations, QuickFrames USA. “We’ve done so because we’ve always believed in its incredible potential. Landing on this list is a testament to all the time invested, passion devoted and sweat equity contributed to growing the company, and it brings us a lot of joy. We’re thankful to Inc. for the recognition, to our loyal customers for their trust in us and to our team members for their hard work. It’s been a fun journey, and we’re looking forward to all the future holds.”\r\n\r\n&nbsp;\r\n\r\nQuickFrames USA is proud to manufacture its products in the U.S. and is known for its exceptionally fast frames-to-jobsite speed. The company is an industry favorite, with more than 95% five-star ratings on Google. QuickFrames USA will be releasing a new off-the-shelf product, designed for the HVAC market later this year. The company was also nominated for BUILD magazine’s Construction &amp; Engineering Awards for 2020; winners will be announced in November of this year.\r\n\r\n&nbsp;\r\n\r\n“The companies on this year’s Inc. 5000 come from nearly every realm of business,” says Inc. editor-in-chief Scott Omelianuk. “From health and software to media and hospitality, the 2020 list proves that no matter the sector, incredible growth is based on the foundations of tenacity and opportunism.”\r\n\r\n&nbsp;\r\n\r\nNot only have the companies on the 2020 Inc. 5000 been very competitive within their markets, but the list as a whole shows staggering growth compared with prior lists as well. The 2020 Inc. 5000 achieved an incredible three-year average growth of over 500%, and a median rate of 165%. The Inc. 5000’s aggregate revenue was $209 billion in 2019, accounting for over 1 million jobs over the past three years. See the whole list and learn more by visiting <a href=\"http://www.inc.com/inc5000\">www.inc.com/inc5000</a>.\r\n\r\n&nbsp;\r\n\r\n<strong>About QuickFrames USA</strong>\r\n\r\nBased in Mesa, Arizona, QuickFrames USA is the leader in engineered structural support systems for commercial buildings. Leading the industry since 2015, the company has grown significantly as fabricators, structural engineers, mechanical contractors, HVAC distributors, estimators, erectors and more have embraced its suite of products specially designed to solve common industry problems. To learn more, please visit <a href=\"http://quickframes.miritin.com\">www.quickframes.com</a>.\r\n\r\n&nbsp;\r\n\r\nHelpful links:\r\n\r\n<a href=\"https://www.linkedin.com/company/quickframesusa\">LinkedIn</a>\r\n\r\n<a href=\"https://twitter.com/quickframesusa\">Twitter</a>\r\n\r\n<a href=\"https://www.facebook.com/QuickFramesUS/\">Facebook</a>\r\n\r\n<a href=\"https://www.instagram.com/quickframesusa/\">Instagram</a>\r\n\r\n<a href=\"https://www.youtube.com/channel/UCliWHh61G-JEz2349OZ03uw/featured\">YouTube</a>\r\n\r\n<strong> </strong>\r\n\r\n<strong>Media Contact:</strong>\r\n\r\nRebecca Hasulak\r\n\r\n<a href=\"mailto:rebeccah@quickframes.com\">rebeccah@quickframes.com</a> <strong> </strong>\r\n\r\n&nbsp;\r\n\r\n###','Jeffords Steel Finds New Way to Prevent the Pain of Coordination Issues in RTU Framing','Find out how Jeffords Steel was able to find a RTU framing solution that would enable them to reduce both time and expense.','inherit','closed','closed','','1942-revision-v1','','','2020-08-11 23:19:46','2020-08-12 06:19:46','',1942,'http://quickframes.miritin.com/1942-revision-v1/',0,'revision','',0),(1945,20,'2020-08-11 23:20:08','2020-08-12 06:20:08','<h1>QuickFrames USA Earns Spot #1609 on the Inc. 5000 List of Fastest-Growing Private Companies in the U.S.</h1>\r\n<em>Manufacturing innovator enjoys growth and rising market share, thanks to proven products and strong customer loyalty</em>\r\n\r\n<strong>(MESA, Ariz. – Aug. 12, 2020) </strong>— <a href=\"http://quickframes.miritin.com\">QuickFrames USA</a>, the leader in engineered structural support systems, today announces its place on the Inc. 5000 list of fastest-growing private companies in the U.S. Ranking at #1609, the manufacturing company has been growing steadily since 2015. QuickFrames USA earned its 368% three-year revenue growth rate by consistently exceeding customer expectations and maintaining unrelentingly high product quality.\r\n\r\nQuickFrames solves common problems caused by angle iron roof frames on commercial construction projects, offering instead no-welding-required, bolt-on, adjustable support systems for rooftop units (RTUs), skylights, roof drains and more. The classic QuickFrames product has been installed more than 45,000 times and has never once been returned. In the current era of COVID-19, QuickFrames USA has been extending discounts to medical facilities in need of frames.\r\n\r\n&nbsp;\r\n\r\n“As most entrepreneurs can attest, my partners and I have made a lot of sacrifices for our business over the years,” says Bob Hasulak, partner &amp; director of operations, QuickFrames USA. “We’ve done so because we’ve always believed in its incredible potential. Landing on this list is a testament to all the time invested, passion devoted and sweat equity contributed to growing the company, and it brings us a lot of joy. We’re thankful to Inc. for the recognition, to our loyal customers for their trust in us and to our team members for their hard work. It’s been a fun journey, and we’re looking forward to all the future holds.”\r\n\r\n&nbsp;\r\n\r\nQuickFrames USA is proud to manufacture its products in the U.S. and is known for its exceptionally fast frames-to-jobsite speed. The company is an industry favorite, with more than 95% five-star ratings on Google. QuickFrames USA will be releasing a new off-the-shelf product, designed for the HVAC market later this year. The company was also nominated for BUILD magazine’s Construction &amp; Engineering Awards for 2020; winners will be announced in November of this year.\r\n\r\n&nbsp;\r\n\r\n“The companies on this year’s Inc. 5000 come from nearly every realm of business,” says Inc. editor-in-chief Scott Omelianuk. “From health and software to media and hospitality, the 2020 list proves that no matter the sector, incredible growth is based on the foundations of tenacity and opportunism.”\r\n\r\n&nbsp;\r\n\r\nNot only have the companies on the 2020 Inc. 5000 been very competitive within their markets, but the list as a whole shows staggering growth compared with prior lists as well. The 2020 Inc. 5000 achieved an incredible three-year average growth of over 500%, and a median rate of 165%. The Inc. 5000’s aggregate revenue was $209 billion in 2019, accounting for over 1 million jobs over the past three years. See the whole list and learn more by visiting <a href=\"http://www.inc.com/inc5000\">www.inc.com/inc5000</a>.\r\n\r\n&nbsp;\r\n\r\n<strong>About QuickFrames USA</strong>\r\n\r\nBased in Mesa, Arizona, QuickFrames USA is the leader in engineered structural support systems for commercial buildings. Leading the industry since 2015, the company has grown significantly as fabricators, structural engineers, mechanical contractors, HVAC distributors, estimators, erectors and more have embraced its suite of products specially designed to solve common industry problems. To learn more, please visit <a href=\"http://quickframes.miritin.com\">www.quickframes.com</a>.\r\n\r\n&nbsp;\r\n\r\nHelpful links:\r\n\r\n<a href=\"https://www.linkedin.com/company/quickframesusa\">LinkedIn</a>\r\n\r\n<a href=\"https://twitter.com/quickframesusa\">Twitter</a>\r\n\r\n<a href=\"https://www.facebook.com/QuickFramesUS/\">Facebook</a>\r\n\r\n<a href=\"https://www.instagram.com/quickframesusa/\">Instagram</a>\r\n\r\n<a href=\"https://www.youtube.com/channel/UCliWHh61G-JEz2349OZ03uw/featured\">YouTube</a>\r\n\r\n<strong> </strong>\r\n\r\n<strong>Media Contact:</strong>\r\n\r\nRebecca Hasulak\r\n\r\n<a href=\"mailto:rebeccah@quickframes.com\">rebeccah@quickframes.com</a> <strong> </strong>\r\n\r\n&nbsp;\r\n\r\n###','Jeffords Steel Finds New Way to Prevent the Pain of Coordination Issues in RTU Framing','Find out how Jeffords Steel was able to find a RTU framing solution that would enable them to reduce both time and expense.','inherit','closed','closed','','1942-revision-v1','','','2020-08-11 23:20:08','2020-08-12 06:20:08','',1942,'http://quickframes.miritin.com/1942-revision-v1/',0,'revision','',0),(1946,20,'2020-08-11 23:24:46','2020-08-12 06:24:46','<h1>QuickFrames USA Earns Spot #1609 on the Inc. 5000 List of Fastest-Growing Private Companies in the U.S.</h1>\r\n<em>Manufacturing innovator enjoys growth and rising market share, thanks to proven products and strong customer loyalty</em>\r\n\r\n<strong>(MESA, Ariz. – Aug. 12, 2020) </strong>— <a href=\"http://quickframes.miritin.com\">QuickFrames USA</a>, the leader in engineered structural support systems, today announces its place on the Inc. 5000 list of fastest-growing private companies in the U.S. Ranking at #1609, the manufacturing company has been growing steadily since 2015. QuickFrames USA earned its 368% three-year revenue growth rate by consistently exceeding customer expectations and maintaining unrelentingly high product quality.\r\n\r\nQuickFrames solves common problems caused by angle iron roof frames on commercial construction projects, offering instead no-welding-required, bolt-on, adjustable support systems for rooftop units (RTUs), skylights, roof drains and more. The classic QuickFrames product has been installed more than 45,000 times and has never once been returned. In the current era of COVID-19, QuickFrames USA has been extending discounts to medical facilities in need of frames.\r\n\r\n“As most entrepreneurs can attest, my partners and I have made a lot of sacrifices for our business over the years,” says Bob Hasulak, partner &amp; director of operations, QuickFrames USA. “We’ve done so because we’ve always believed in its incredible potential. Landing on this list is a testament to all the time invested, passion devoted and sweat equity contributed to growing the company, and it brings us a lot of joy. We’re thankful to Inc. for the recognition, to our loyal customers for their trust in us and to our team members for their hard work. It’s been a fun journey, and we’re looking forward to all the future holds.”\r\n\r\nQuickFrames USA is proud to manufacture its products in the U.S. and is known for its exceptionally fast frames-to-jobsite speed. The company is an industry favorite, with more than 95% five-star ratings on Google. QuickFrames USA will be releasing a new off-the-shelf product, designed for the HVAC market later this year. The company was also nominated for BUILD magazine’s Construction &amp; Engineering Awards for 2020; winners will be announced in November of this year.\r\n\r\n“The companies on this year’s Inc. 5000 come from nearly every realm of business,” says Inc. editor-in-chief Scott Omelianuk. “From health and software to media and hospitality, the 2020 list proves that no matter the sector, incredible growth is based on the foundations of tenacity and opportunism.”\r\n\r\nNot only have the companies on the 2020 Inc. 5000 been very competitive within their markets, but the list as a whole shows staggering growth compared with prior lists as well. The 2020 Inc. 5000 achieved an incredible three-year average growth of over 500% and a median rate of 165%. The Inc. 5000’s aggregate revenue was $209 billion in 2019, accounting for over 1 million jobs over the past three years. See the whole list and learn more by visiting <a href=\"http://www.inc.com/inc5000\">www.inc.com/inc5000</a>.\r\n\r\n<strong>About QuickFrames USA</strong>\r\nBased in Mesa, Arizona, QuickFrames USA is the leader in engineered structural support systems for commercial buildings. Leading the industry since 2015, the company has grown significantly as fabricators, structural engineers, mechanical contractors, HVAC distributors, estimators, erectors and more have embraced its suite of products specially designed to solve common industry problems. To learn more, please visit <a href=\"http://quickframes.miritin.com\">www.quickframes.com</a>.\r\n\r\nHelpful links:\r\n<a href=\"https://www.linkedin.com/company/quickframesusa\">LinkedIn</a>\r\n<a href=\"https://twitter.com/quickframesusa\">Twitter</a>\r\n<a href=\"https://www.facebook.com/QuickFramesUS/\">Facebook</a>\r\n<a href=\"https://www.instagram.com/quickframesusa/\">Instagram</a>\r\n<a href=\"https://www.youtube.com/channel/UCliWHh61G-JEz2349OZ03uw/featured\">YouTube</a>\r\n\r\n<strong>Media Contact:</strong>\r\nRebecca Hasulak\r\n<a href=\"mailto:rebeccah@quickframes.com\">rebeccah@quickframes.com</a> <strong> </strong>','QuickFrames USA Earns Spot #1609 on the Inc. 5000 List of Fastest-Growing Private Companies in the U.S.','Find out how Jeffords Steel was able to find a RTU framing solution that would enable them to reduce both time and expense.','inherit','closed','closed','','1942-revision-v1','','','2020-08-11 23:24:46','2020-08-12 06:24:46','',1942,'http://quickframes.miritin.com/1942-revision-v1/',0,'revision','',0),(1948,1,'2020-08-20 12:09:53','2020-08-20 19:09:53','','home-inc-5000-list','','inherit','open','closed','','home-inc-5000-list','','','2020-08-20 12:09:53','2020-08-20 19:09:53','',0,'http://quickframes.miritin.com/wp-content/uploads/home-inc-5000-list.jpg',0,'attachment','image/jpeg',0),(1949,1,'2020-08-20 12:17:43','2020-08-20 19:17:43','[two_fifth]\r\n[divider type=\"space\" margintop=\"-12\" marginbottom=\"0\"]\r\n<table>\r\n<tbody>\r\n<tr><td>[responsive] <img src=\"/wp-content/uploads/home-quick-links.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"/wp-content/uploads/pdf-files/quickframes-comparison-guide-2020.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Comparison Guide\" class=\"alignleft\" alt=\"Roof-Hatches-Vents-Drains-roof support\" src=\"/wp-content/uploads/home-comparison-guide.jpg\" /> </a> [/responsive] </td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-9\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/product-data-sheets/\"> <img src=\"/wp-content/uploads/home-product-data-sheets.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/request-a-price-list/\"> <img src=\"/wp-content/uploads/home-request-a-price-list.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/quickframes-quote/\"> <img src=\"/wp-content/uploads/home-request-a-quote.jpg\"> </a>[/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/lunch/\"> <img src=\"/wp-content/uploads/home-request-a-lunch-and-learn.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/installation-guides/\"> <img src=\"/wp-content/uploads/home-installation-guides.jpg\"> [/responsive]</td></tr>\r\n<tr><td>[divider type=\"space\" margintop=\"-15\" marginbottom=\"0\"] [responsive] <a href=\"http://quickframes.miritin.com/reviews/\"> <img src=\"/wp-content/uploads/home-reviews.jpg\"> [/responsive]</td></tr>\r\n</tbody>\r\n</table>\r\n[responsive] <img class=\"alignnone\" alt=\"Bolt-on, pre-engineered, adjustable RTU frames for supporting rooftop equipment\" src=\"/wp-content/uploads/rtu-frames-structural-support.jpg\"> [/responsive]\r\n[/two_fifth]\r\n[three_fifth_last]\r\n[divider type=\"space\" margintop=\"-12\" marginbottom=\"0\"]\r\n[responsive] <a href=\"http://quickframes.miritin.com/quickframes-usa-earns-spot-1609-inc-5000\"> <img title=\"Click to read our story\" class=\"alignleft\" alt=\"QuickFrames Makes Inc. 5000 List\" src=\"/wp-content/uploads/home-inc-5000-list.jpg\" /> </a> [/responsive]\r\n[responsive] <img src=\"/wp-content/uploads/home-frame-on-blue-background.jpg\"> [/responsive]\r\n<H2>What are QuickFrames?</H2>\r\n[framedbox bg=\"#ffffff\"]\r\n\r\nQuickFrames is a family of pre-engineered structural steel framing components used to support rooftop equipment, roof penetrations, floor penetrations, and other framing needs in commercial construction.\r\n\r\nOur flagship adjustable framing system consists of telescoping rails that easily bolt-on (no-welding) to roof members from under existing roof decking.  It is ideal for remodeling/TI projects as well as new construction.\r\n\r\nAlso available is a line of heady-duty cut-to-length (DIY) frames that bolts-on and is adjustable for smaller projects or emergency framing needs, as well as a line of fully-assembled weldable “drop-in” frames (installed before the roof deck).\r\n\r\nNeed frames fast?  QuickFrames can often ship the same day as ordered.\r\n\r\nWith more than 40,000 RTU, skylight, roof drain, frames installed throughout the US and Canada, from Miami Dade to L.A. Counties to the Aleutian Islands in Alaska, regardless of the building type or site location QuickFrames probably has a solution suited to your framing needs—all at surprisingly affordable prices.\r\n[/framedbox]\r\n[/three_fifth_last]\r\n[two_third]\r\n[embedyt] https://www.youtube.com/playlist?list=PLNb1225ruYdFspiY-GJBybn9E-__E-wr5&amp;rel=0&amp;showinfo=0&amp;border=&amp;width=628&amp;height=314&amp[/embedyt]\r\n[styled_title]QuickFrames Sales By Zip Code[/styled_title]\r\n[responsive] <a href=\"https://www.google.com/maps/d/edit?mid=1WnlJRgXIE10gMG5zf3UfTyaqnW6dIY-3&usp=sharing\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Click For Dynamic map\" class=\"alignleft\" alt=\"QuickFrames Sales Map\" src=\"/wp-content/uploads/quickframes-sales-map.jpg\" /> </a> [/responsive]\r\n[divider type=\"space\" margintop=\"20\" marginbottom=\"0\"] \r\n[styled_title]Gallery Of Example Projects[/styled_title]\r\n[carousel id=\"projects\" itemwidth=\"315\"]\r\n[carousel_item][responsive] <img title=\"Chicago Cubs Spring Training Stadium\" alt=\"Cubs Park Image\" src=\"/wp-content/uploads/gallery-cubs-park.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"First Solar Manufacturing Plant\" alt=\"First Solar Image\" src=\"/wp-content/uploads/gallery-first-solar.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Macy\'s Fulfillment Center Warehouse\" alt=\"Macys Image\" src=\"/wp-content/uploads/gallery-macys.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Marshall\'s Warehouse\" alt=\"Marshalls Image\" src=\"/wp-content/uploads/gallery-marshalls.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Mayo Clinic\" alt=\"Mayo Image\" src=\"/wp-content/uploads/gallery-mayo-clinic.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Pinal County Courthouse\" alt=\"Pinal Courthouse Image\" src=\"/wp-content/uploads/gallery-pinal-courthouse.jpg\"> [/responsive][/carousel_item]\r\n[carousel_item][responsive] <img title=\"Premium Outlet Mall\" alt=\"Premium Outlet Image\" src=\"/wp-content/uploads/gallery-premium-outlet-mall.jpg\"> [/responsive][/carousel_item]\r\n[/carousel]\r\n<a href=\"https://plus.google.com/113790574605865024125\" rel=\"publisher\">Google+</a>\r\n[/two_third]\r\n[one_third_last]\r\n[divider type=\"space\" margintop=\"-5\" marginbottom=\"0\"] \r\n[styled_title]Where QuickFrames Are Used?[/styled_title]\r\n[styledtable]\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td style=\"text-align: left;\">Commercial, Industrial, Educational</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">New Construction, Remodeling/TI Projects</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">Steel Joists, I-Beams, Hybrid Trusses</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">Pre-engineered Purlins, Wood Trusses</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: left;\">CMU Walls, Concrete Roofs and Floors</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n[/styledtable]\r\n[styled_title]Maximizing Value With Rail Sizes[/styled_title]\r\n[styledtable]\r\n<table>\r\n<tbody>\r\n<tr>\r\n<td>16GA</td>\r\n<td style=\"text-align: left;\">Roof drains, hatches, smaller skylights, pour stops, and small exhaust fans</td>\r\n</tr>\r\n<tr>\r\n<td>12GA</td>\r\n<td style=\"text-align: left;\">RTUs, MAUs, AHUs, CUs, larger skylights, and larger exhaust fans</td>\r\n</tr>\r\n<tr>\r\n<td>10GA</td>\r\n<td style=\"text-align: left;\">Very heavy rooftop equipment, concrete roof openings, and floor openings</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n[/styledtable]\r\n[styled_title]QuickFrames Shipping Times[/styled_title]\r\n[responsive] <a href=\"/wp-content/uploads/pdf-files/quickframes-freight-service-map.pdf\" target=\"_blank\" rel=\"noopener noreferrer\"> <img title=\"Click Map To Enlarge\" class=\"alignleft\" alt=\"QuickFrames Freight Shipping Times\" src=\"/wp-content/uploads/quickframes-shipping-time-map.jpg\" /> </a> [/responsive]\r\n[/one_third_last]','RTU Frames - Commercial Roof Structural Supports','','inherit','closed','closed','','185-revision-v1','','','2020-08-20 12:17:43','2020-08-20 19:17:43','',185,'http://quickframes.miritin.com/185-revision-v1/',0,'revision','',0),(1950,1,'2020-08-20 14:07:13','2020-08-20 21:07:13','<h1>QuickFrames USA Earns Spot #1609 on the Inc. 5000 List of Fastest-Growing Private Companies in the U.S.</h1>\r\n<em>Manufacturing innovator enjoys growth and rising market share, thanks to proven products and strong customer loyalty</em>\r\n\r\n<strong>(MESA, Ariz. – Aug. 12, 2020) </strong>— <a href=\"http://quickframes.miritin.com\">QuickFrames USA</a>, the leader in engineered structural support systems, today announces its place on the Inc. 5000 list of fastest-growing private companies in the U.S. Ranking at #1609, the manufacturing company has been growing steadily since 2015. QuickFrames USA earned its 268% three-year revenue growth rate by consistently exceeding customer expectations and maintaining unrelentingly high product quality.\r\n\r\nQuickFrames solves common problems caused by angle iron roof frames on commercial construction projects, offering instead no-welding-required, bolt-on, adjustable support systems for rooftop units (RTUs), skylights, roof drains and more. The classic QuickFrames product has been installed more than 45,000 times and has never once been returned. In the current era of COVID-19, QuickFrames USA has been extending discounts to medical facilities in need of frames.\r\n\r\n“As most entrepreneurs can attest, my partners and I have made a lot of sacrifices for our business over the years,” says Bob Hasulak, partner &amp; director of operations, QuickFrames USA. “We’ve done so because we’ve always believed in its incredible potential. Landing on this list is a testament to all the time invested, passion devoted and sweat equity contributed to growing the company, and it brings us a lot of joy. We’re thankful to Inc. for the recognition, to our loyal customers for their trust in us and to our team members for their hard work. It’s been a fun journey, and we’re looking forward to all the future holds.”\r\n\r\nQuickFrames USA is proud to manufacture its products in the U.S. and is known for its exceptionally fast frames-to-jobsite speed. The company is an industry favorite, with more than 95% five-star ratings on Google. QuickFrames USA will be releasing a new off-the-shelf product, designed for the HVAC market later this year. The company was also nominated for BUILD magazine’s Construction &amp; Engineering Awards for 2020; winners will be announced in November of this year.\r\n\r\n“The companies on this year’s Inc. 5000 come from nearly every realm of business,” says Inc. editor-in-chief Scott Omelianuk. “From health and software to media and hospitality, the 2020 list proves that no matter the sector, incredible growth is based on the foundations of tenacity and opportunism.”\r\n\r\nNot only have the companies on the 2020 Inc. 5000 been very competitive within their markets, but the list as a whole shows staggering growth compared with prior lists as well. The 2020 Inc. 5000 achieved an incredible three-year average growth of over 500% and a median rate of 165%. The Inc. 5000’s aggregate revenue was $209 billion in 2019, accounting for over 1 million jobs over the past three years. See the whole list and learn more by visiting <a href=\"http://www.inc.com/inc5000\">www.inc.com/inc5000</a>.\r\n\r\n<strong>About QuickFrames USA</strong>\r\nBased in Mesa, Arizona, QuickFrames USA is the leader in engineered structural support systems for commercial buildings. Leading the industry since 2015, the company has grown significantly as fabricators, structural engineers, mechanical contractors, HVAC distributors, estimators, erectors and more have embraced its suite of products specially designed to solve common industry problems. To learn more, please visit <a href=\"http://quickframes.miritin.com\">www.quickframes.com</a>.\r\n\r\nHelpful links:\r\n<a href=\"https://www.linkedin.com/company/quickframesusa\">LinkedIn</a>\r\n<a href=\"https://twitter.com/quickframesusa\">Twitter</a>\r\n<a href=\"https://www.facebook.com/QuickFramesUS/\">Facebook</a>\r\n<a href=\"https://www.instagram.com/quickframesusa/\">Instagram</a>\r\n<a href=\"https://www.youtube.com/channel/UCliWHh61G-JEz2349OZ03uw/featured\">YouTube</a>\r\n\r\n<strong>Media Contact:</strong>\r\nRebecca Hasulak\r\n<a href=\"mailto:rebeccah@quickframes.com\">rebeccah@quickframes.com</a> <strong> </strong>','QuickFrames USA Earns Spot #1609 on the Inc. 5000 List of Fastest-Growing Private Companies in the U.S.','Find out how Jeffords Steel was able to find a RTU framing solution that would enable them to reduce both time and expense.','inherit','closed','closed','','1942-revision-v1','','','2020-08-20 14:07:13','2020-08-20 21:07:13','',1942,'http://quickframes.miritin.com/1942-revision-v1/',0,'revision','',0),(1952,1,'2020-09-08 01:41:51','2020-09-08 08:41:51','<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n<!--\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n-->\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 01:41:51','2020-09-08 08:41:51','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1953,1,'2020-09-08 01:43:35','2020-09-08 08:43:35','<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n<!--\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n-->\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 01:43:35','2020-09-08 08:43:35','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1954,1,'2020-09-08 01:44:14','2020-09-08 08:44:14','<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 01:44:14','2020-09-08 08:44:14','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1955,1,'2020-09-08 02:35:29','2020-09-08 09:35:29','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n	body{\r\n		font-family:Arial;\r\n	}\r\n	\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n	/*\r\n	#ch_height{\r\n		position:absolute;\r\n	}\r\n	#ch_width{\r\n		position:absolute;\r\n			top:40px;\r\n	}\r\n	#ch_A{\r\n		position:absolute;\r\n	}\r\n	#ch_B{\r\n		position:absolute;\r\n	}\r\n	*/\r\n\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n	\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<body>\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	\r\n</body>\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:35:29','2020-09-08 09:35:29','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1956,1,'2020-09-08 02:36:54','2020-09-08 09:36:54','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n	body{\r\n		font-family:Arial;\r\n	}\r\n	\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n	\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<body>\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	\r\n</body>\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:36:54','2020-09-08 09:36:54','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1957,1,'2020-09-08 02:38:46','2020-09-08 09:38:46','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n	body{\r\n		font-family:Arial;\r\n	}\r\n	\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n	\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n	\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:38:46','2020-09-08 09:38:46','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1958,1,'2020-09-08 02:39:34','2020-09-08 09:39:34','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n	body{\r\n		font-family:Arial;\r\n	}\r\n	\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n	\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:39:34','2020-09-08 09:39:34','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1959,1,'2020-09-08 02:40:32','2020-09-08 09:40:32','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n	body{\r\n		font-family:Arial;\r\n	}\r\n<!--\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n-->\r\n\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:40:32','2020-09-08 09:40:32','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0);
INSERT INTO `wp_3c1qxn2v34_posts` VALUES (1960,1,'2020-09-08 02:40:45','2020-09-08 09:40:45','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n<!--	body{\r\n		font-family:Arial;\r\n	}\r\n\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n-->\r\n\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:40:45','2020-09-08 09:40:45','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1961,1,'2020-09-08 02:42:04','2020-09-08 09:42:04','<h1>Quote Demo:</h1>\r\n\r\n\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:42:04','2020-09-08 09:42:04','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1962,1,'2020-09-08 02:42:52','2020-09-08 09:42:52','<h1>Quote Demo:</h1>\r\n\r\n<!--<style>\r\n	body{\r\n		font-family:Arial;\r\n	}\r\n\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n\r\n\r\n</style>-->\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:42:52','2020-09-08 09:42:52','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1963,1,'2020-09-08 02:43:16','2020-09-08 09:43:16','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n	body{\r\n		font-family:Arial;\r\n	}\r\n<!--\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n\r\n-->\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:43:16','2020-09-08 09:43:16','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1964,1,'2020-09-08 02:50:49','2020-09-08 09:50:49','<h1>Quote Demo:</h1>\r\n\r\n<!--<style>\r\n	body{\r\n		font-family:Arial;\r\n	}\r\n\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n\r\n\r\n</style>-->\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:50:49','2020-09-08 09:50:49','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1965,1,'2020-09-08 02:53:31','2020-09-08 09:53:31','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n<!--	body{\r\n		font-family:Arial;\r\n	}\r\n\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n\r\n-->\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 02:53:31','2020-09-08 09:53:31','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1966,1,'2020-09-08 03:00:15','2020-09-08 10:00:15','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n/*\r\n  body{\r\n		font-family:Arial;\r\n	}\r\n\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n*/\r\n\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 03:00:15','2020-09-08 10:00:15','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1967,1,'2020-09-08 03:01:18','2020-09-08 10:01:18','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n\r\n  body{\r\n		font-family:Arial;\r\n	}\r\n/*\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n*/\r\n\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 03:01:18','2020-09-08 10:01:18','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1968,1,'2020-09-08 03:01:42','2020-09-08 10:01:42','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n\r\n  body{\r\n		font-family:Arial;\r\n	}\r\n\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}/*\r\n	input{\r\n		text-align:center;\r\n	}\r\n	\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n*/\r\n\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 03:01:42','2020-09-08 10:01:42','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),(1969,1,'2020-09-08 03:01:53','2020-09-08 10:01:53','<h1>Quote Demo:</h1>\r\n\r\n<style>\r\n\r\n  body{\r\n		font-family:Arial;\r\n	}\r\n\r\n	.Frame_Tool_Img{\r\n		cursor:pointer;\r\n		margin:20px;\r\n		border:2px solid transparent;\r\n		transition:border-color 0.1s linear;\r\n	}\r\n		.Frame_Tool_Img:hover{\r\n			border-color:#79c6e8;\r\n		}\r\n	input{\r\n		text-align:center;\r\n	}\r\n	/*\r\n	#content_container{\r\n		position:relative;\r\n			left:25vw;\r\n		width:50vw;\r\n			height:100%;\r\n	}\r\n	\r\n	#d{display:none;}\r\n	#tupperware_0{\r\n		grid-area:1 / 1;\r\n		height:100%;\r\n			width:100%;\r\n		display:grid;\r\n			grid-auto-flow:dense;\r\n			grid-template-columns: repeat(7, 1fr);\r\n			grid-template-rows: 500px 500px 500px;\r\n	}\r\n	#tupperware_1{\r\n		grid-area:1 / 1;\r\n		display:none;\r\n	}\r\n	\r\n	#tupperware_2{display:none;}\r\n	\r\n	.coolframebutte{\r\n		width:225px;\r\n		height:auto;\r\n	}\r\n	\r\n\r\n	#disable_1{\r\n		\r\n	}\r\n	#disable_2,#disable_3,#disable_4{\r\n		opacity:0;\r\n		transition:opacity .25s ease-in-out;\r\n	}\r\n	#disable_4{\r\n		height:7vh;\r\n			width:12vw;\r\n		font-size:2vh;\r\n		top:45vh;\r\n			left:44vw;\r\n	}\r\n\r\n	.fancy{\r\n		width:20vw;\r\n			height:50vh;\r\n			border-radius:10px;\r\n		position:absolute;\r\n			left:25%;\r\n			top:25vh;\r\n		background-color:#eee;\r\n		display:grid;\r\n			grid-auto-columns:100%;\r\n			grid-template-rows:85% 15%;\r\n	}\r\n		#f1{\r\n			backround-color:#fff;\r\n			text-align:center;\r\n		}\r\n		#f2{\r\n			background-color:#bbb;\r\n		}\r\n			#f2_2{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					left:15%;\r\n					top:90%;\r\n			}\r\n			#f2_1,#f2_1_final{\r\n				width:25%;\r\n					height:6%;\r\n				position:absolute;\r\n					right:15%;\r\n					top:90%;\r\n			}\r\n				.buTy_0{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_1{\r\n					height:5%;\r\n						width:65%;\r\n				}\r\n				.buTy_2{\r\n					position:absolute;\r\n						width:45%;\r\n						height:23%;\r\n						bottom:18%;\r\n					font-size:80%;\r\n					text-align:left;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n					#1_opt_text{\r\n						height:1000%;\r\n					}\r\n					\r\n				#project_type{\r\n					position:relative;\r\n						width:65%;\r\n						height:5%;\r\n						left:17.5%;\r\n					font-size:80%;\r\n					background-color:#fff;\r\n						border:solid #767676 1px;\r\n						border-radius:2px;\r\n				}\r\n		\r\n		#cart_area{\r\n			height:65%;\r\n			display:grid;\r\n				grid-template-columns:33% 33% 33%;\r\n				grid-auto-rows:40%;\r\n		}\r\n			.frame_frame_frame{\r\n				\r\n			}\r\n				#frame_add{\r\n					height:24%;\r\n					margin-top:35%;\r\n				}\r\n				.add_frame{\r\n					height:30%;\r\n						width:30%;\r\n					margin-top:25%;\r\n				}\r\n			#_addnotes{\r\n				position:relative;\r\n					width:90%;\r\n					height:10%;\r\n			}\r\n	\r\n	#the_void{\r\n		position:absolute;\r\n			top:0;\r\n			left:0;\r\n			z-index:999;\r\n		background-color:rgba(0,0,0,0.6);\r\n		height:100%;\r\n			width:100%;\r\n		display:none;\r\n			grid-template-rows:5% 5% 85% 5%;\r\n			grid-template-columns:5% 90% 5%;\r\n			grid-template-areas:\'. . .\'\r\n								\'. a_fr a_x\'\r\n								\'. a_fr .\'\r\n								\'. . .\';\r\n		opacity:0;\r\n		transition:opacity 0.3s ease-in-out;\r\n	}\r\n		#all_of_the_frames_you_can_select_from{\r\n			grid-area:a_fr;\r\n		}\r\n			#personalize_frame_frame{\r\n				grid-area:a_fr;\r\n				visibility:hidden;\r\n				opacity:0;\r\n				transition:opacity 0.3s ease-in-out;\r\n			}\r\n		#the_little_x_in_the_top_right{\r\n			grid-area:a_x;\r\n				color:#fff;\r\n				font-size:2.4vmax;\r\n				cursor:pointer;\r\n			transition:color .1s linear;\r\n		}\r\n				#the_little_x_in_the_top_right:hover{\r\n					color:#79c6e8;\r\n				}\r\n			#customizations{\r\n				position:absolute;\r\n					top:20%;\r\n					height:50%;\r\n					weight:50%;\r\n					left:30%;\r\n				padding:20px;\r\n				border-radius:5px;\r\n				text-align:center;\r\n				background-color:rgba(0,0,0,0.2);\r\n			}\r\n				#bottomofframeoptions{\r\n					position:relative;\r\n						width:100%;\r\n						left:-20px;\r\n						bottom:-20px;\r\n					padding:20px;\r\n					background-color:#bbb;\r\n				}\r\n				#joist_space,#opening_size,#unit_weight{\r\n					height:2.5vh;\r\n					border:none;\r\n					border-left:5px solid transparent;\r\n					transition:border-left 0.2s linear;\r\n				}\r\n				#unit_type{\r\n					color:#fff;\r\n					text-align:left;\r\n				}\r\n			#save_unit{\r\n				width:50%;\r\n					height:2.5vh;\r\n			}\r\n			\r\n	#quickgridthing{\r\n		display:grid;\r\n			grid-template-columns:100%;\r\n			grid-template-areas:100%;\r\n	}\r\n		#grandprize__hori,#grandprize__vert{\r\n			animation:flickercolorselect 1s infinite;\r\n			visibility:hidden;\r\n		}\r\n		.blinking_arrow{\r\n			position:absolute;\r\n				left:10px;\r\n			font-size:1.6vh;\r\n			color:red;\r\n			visibility:hidden;\r\n			animation:flickercolorselect 1s infinite;\r\n		}\r\n	@keyframes flickercolorselect{\r\n		0%{opacity:0;}\r\n		50%{opacity:1;}\r\n		100%{opacity:0;}\r\n	}\r\n	\r\n	\r\n	.container_around_selected_frames_in_the_cart_screen{\r\n		\r\n	}\r\n		#rmv_q1{\r\n			color:red;\r\n			border:none;\r\n			background-color:transparent;\r\n			cursor:pointer;\r\n		}\r\n			#rmv_q1:hover{\r\n				text-decoration:underline;\r\n			}\r\n\r\n*/\r\n\r\n</style>\r\n<script>\r\n		var input_last_selected= false;\r\n	function selectoneofthetwoinputspluscolouring(a){\r\n		if(a==\'joist\'){\r\n			if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'joist\';\r\n			//document.getElementById(\'joist_space\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_joist\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__hori\').style.visibility= \'visible\';\r\n		} else if(a==\'opening\'){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			}\r\n			input_last_selected= \'opening\';\r\n			//document.getElementById(\'opening_size\').style.borderLeftColor= \'red\';\r\n			document.getElementById(\'arrow_for_opening\').style.visibility= \'visible\';\r\n			document.getElementById(\'grandprize__vert\').style.visibility= \'visible\';\r\n		} else if(!a){\r\n			if(input_last_selected==\'joist\'){\r\n				//document.getElementById(\'joist_space\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_joist\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__hori\').style.visibility= \'hidden\';\r\n			} else if(input_last_selected==\'opening\'){\r\n				//document.getElementById(\'opening_size\').style.borderLeftColor= \'transparent\';\r\n				document.getElementById(\'arrow_for_opening\').style.visibility= \'hidden\';\r\n				document.getElementById(\'grandprize__vert\').style.visibility= \'hidden\';\r\n			}\r\n		}\r\n	}\r\n	\r\n		var chosen_frame;\r\n	function choose(a){\r\n			let a6=a.src.length-6,a7=a.src.length-7;\r\n		chosen_frame= parseInt(a.src[a7]!=\'(\'?(a.src[a7]+a.src[a6]):a.src[a6])+1;\r\n		\r\n		//document.getElementById(\'tupperware_0\').style.visibility= \'hidden\';\r\n			//document.getElementById(\'tupperware_1\').style.display= \'block\';\r\n		\r\n		document.getElementById(\'grandprize\').src= \'./frames/dry (\'+(chosen_frame-1)+\').png\';\r\n			setTimeout(function(){document.getElementById(\'grandprize\').style.width= \'375px\';},50);\r\n		\r\n		\r\n		document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'hidden\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'visible\';\r\n				document.getElementById(\'grandprize__hori\').src= \'./frames/hori (\'+(chosen_frame-1)+\').png\';\r\n				document.getElementById(\'grandprize__vert\').src= \'./frames/vert (\'+(chosen_frame-1)+\').png\';\r\n					setTimeout(function(){\r\n								document.getElementById(\'grandprize__hori\').style.width= \'375px\';\r\n								document.getElementById(\'grandprize__vert\').style.width= \'375px\';\r\n							},50);\r\n			document.getElementById(\'personalize_frame_frame\').style.opacity= \'1\';\r\n		\r\n		if(chosen_frame==3 || chosen_frame==10){\r\n			document.getElementById(\'grandprize__vert\').hidden= true;\r\n			document.getElementById(\'opening_size\').hidden= true;\r\n			document.getElementById(\'arrow_for_opening\').hidden= true;\r\n		} else{\r\n			document.getElementById(\'grandprize__vert\').hidden= false;\r\n			document.getElementById(\'opening_size\').hidden= false;\r\n			document.getElementById(\'arrow_for_opening\').hidden= false;\r\n		}\r\n		\r\n		document.getElementById(\'joist_space\').focus();\r\n		\r\n		\r\n		/*	\r\n		let vHeight= document.getElementById(\'grandprize\').height,\r\n			vWidth= document.getElementById(\'grandprize\').width;\r\n			\r\n		document.getElementById(\'ch_width\').style.left= ((vWidth - document.getElementById(\'ch_width\').style.width)/2)+\'px\';\r\n		*/\r\n	}\r\n	\r\n	function removeitemfromcard(a){\r\n		//add stuff here to remove set image\r\n		document.getElementById(\'frame_\'+a).style.display= \'none\';\r\n	}\r\n	\r\n	\r\n/*\r\n\r\nSUBMIT\r\n- include \'additional notes\' section\r\n- links to plans (URL)\r\n	- OR -\r\n- file upload\r\n- CAPTCHA\r\n\r\n*/\r\n</script>\r\n<!--\r\n		<div id=the_void >\r\n			<div id=personalize_frame_frame >\r\n				<div id=quickgridthing >\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__hori src=\'./blue2.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize__vert src=\'./blue1.png\' style=\'grid-area:1 / 1;\'>\r\n					<img class=\'Frame_Tool_Img\' id=grandprize src=\'\' style=\'grid-area:1 / 1;\'>\r\n				</div>\r\n				<div id=customizations >\r\n				\r\n				<div id=arrow_for_joist class=blinking_arrow >►</div>\r\n				<input id=joist_space type=text placeholder=\'Joist Spacing (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"joist\")\'/>\r\n					\r\n				<br><br>\r\n					<div id=arrow_for_opening class=blinking_arrow >►</div>\r\n				<input id=opening_size type=text placeholder=\'Opening Size (in.)\' onfocus=\'selectoneofthetwoinputspluscolouring(\"opening\")\'/>\r\n					\r\n				<br><br><div id=unit_type onclick=\'selectoneofthetwoinputspluscolouring(false)\'>\r\n						<p style=\'text-align:center;\'>Unit Type:</p>\r\n						<div style=\'\r\n						background-color:#fff;\r\n							border:solid #767676 1px;\r\n							border-radius:2px;\r\n							color:#000;\r\n							font-size:80%;\r\n							padding:5px;\' >\r\n							<input type=radio name=\'d\' id=\'u_opt_1\' value=\'opt1\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/><label for=\'u_opt_1\'>RTU/AHU/MAU</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_2\' value=\'opt2\'/><label for=\'u_opt_2\'>EVAP Coolers</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_3\' value=\'opt3\'/><label for=\'u_opt_3\'>Exhaust Fans</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_4\' value=\'opt4\'/><label for=\'u_opt_4\'>Powered Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_5\' value=\'opt5\'/><label for=\'u_opt_5\'>Gravity Vents</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_6\' value=\'opt6\'/><label for=\'u_opt_6\'>Skylights</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_7\' value=\'opt7\'/><label for=\'u_opt_7\'>Roof Drains</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_8\' value=\'opt8\'/><label for=\'u_opt_8\'>Roof Hatch</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_9\' value=\'opt9\'/><label for=\'u_opt_9\'>Floor Openings</label>\r\n						<br><input type=radio name=\'d\' id=\'u_opt_text\' value=\'opt10\'/><input id=\'u_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n						</div>\r\n					</div>\r\n					\r\n			<br><br><input id=unit_weight type=text placeholder=\'Unit Weight (lbs.)\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n					\r\n	<br><br><div id=bottomofframeoptions >\r\n				<input id=save_unit type=button value=\'Add to Cart\' onclick=\'saveframe()\' onfocus=\'selectoneofthetwoinputspluscolouring(false)\'/>\r\n			</div>\r\n				</div>\r\n			</div>\r\n			<div id=all_of_the_frames_you_can_select_from >\r\n				\r\n				<div id=fr_double >\r\n					<img src=\'./frames/frame (0).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (1).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (2).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (5).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (6).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (9).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_triple >\r\n					<img src=\'./frames/frame (3).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (4).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (7).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (8).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (11).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				<div id=fr_quad >\r\n					<img src=\'./frames/frame (10).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n					<img src=\'./frames/frame (12).png\' class=\'Frame_Tool_Img\' onload=\'this.width/=1.5;this.onload=null;\' onclick=\'choose(this)\'>\r\n				</div>\r\n				\r\n			</div>\r\n			<div id=the_little_x_in_the_top_right onclick=\'closetheframeselectwindow()\'>X</div>\r\n		</div>\r\n	<div id=content_container >\r\n		<div id=fanciest >\r\n			<div class=fancy id=disable_5 >\r\n				<p style=\'text-align:center;\'>Thank you for submitting!</p>\r\n				<input style=\'height:2.5vh;width:5vw;margin-top:32%;margin-left:3.5vw;\' type=button value=\'Return\' onclick=\'location.reload()\' />\r\n			</div>\r\n			<div class=fancy id=disable_4 >\r\n				<div id=f1 >\r\n					<input type=text id=_addnotes placeholder=\'Additional Notes\'>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_3 >\r\n				<div id=f1 >\r\n					<h1>Cart:</h1>\r\n					<div id=cart_area >\r\n						<div class=container_around_selected_frames_in_the_cart_screen id=frame_1 style=\'display:none;\'>\r\n							<img id=saved_frame_1 src=\'\'>\r\n							<div>Qty: \r\n							<select id=quant_1 >\r\n								<option value=\'1\'>1</option>\r\n								<option value=\'2\'>2</option>\r\n								<option value=\'3\'>3</option>\r\n								<option value=\'4\'>4</option>\r\n								<option value=\'5\'>5</option>\r\n								<option value=\'6\'>6</option>\r\n								<option value=\'7\'>7</option>\r\n								<option value=\'8\'>8</option>\r\n								<option value=\'9\'>9</option>\r\n								<option value=\'10\'>10+</option>\r\n							</select></div>\r\n						<br>\r\n							<input id=rmv_q1 type=button value=\'Delete\' onclick=\'removeitemfromcard(1)\'/>\r\n						</div>\r\n						<div><input id=frame_add type=button value=\'Add Frame\' onclick=\'dotheframething()\'/></div>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(2)\'>\r\n					<input id=f2_1_final type=button value=\'Skip\' onclick=\'next(2)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_2 >\r\n				<div id=f1 >\r\n					<h1>Project Info:</h1>\r\n			<br>	<input class=buTy_0 id=\'_projname\' type=text placeholder=\'project name\'/>\r\n			<br><br><input class=buTy_0 id=\'_postal\' type=postalcode placeholder=\'zip/postal code\'/>\r\n			<br><br><input class=buTy_0 id=\'_neededby\' type=text placeholder=\'frames needed by  (e.g. 01/01/2021)\'/>\r\n			<br><br><form id=project_type >\r\n						<input type=radio name=\'a\' id=\'newmodel\' value=\'NewModel\'/><label for=\'newmodel\'>New Build</label>\r\n						<input type=radio name=\'a\' id=\'TI\' value=\'Newbuild/TI\'/><label for=\'TI\'>Remodel/T.I.</label>\r\n					</form>\r\n						<p style=\'position:relative;left:-25%;top:6%;\'>Roof Material:</p>\r\n					<div class=buTy_2 style=\'left:2%\'>\r\n						<input type=radio name=\'b\' id=\'1_opt_1\' value=\'opt1\'/><label for=\'1_opt_1\'>Steel Deck</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_2\' value=\'opt2\'/><label for=\'1_opt_2\'>Panelized Wood</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_3\' value=\'opt3\'/><label for=\'1_opt_3\'>Concrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_4\' value=\'opt4\'/><label for=\'1_opt_4\'>Gypcrete</label>\r\n					<br><input type=radio name=\'b\' id=\'1_opt_5\' value=\'opt5\'/><input id=\'1_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n						<p style=\'position:relative;right:-25%;top:-2%;\'>Roof Structure:</p>\r\n					<div class=buTy_2 style=\'right:2%;\'>\r\n						<input type=radio name=\'c\' id=\'2_opt_1\' value=\'opt1\'/><label for=\'2_opt_1\'>Steel Joists/Beams</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_2\' value=\'opt2\'/><label for=\'2_opt_2\'>PEMB Purlins</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_3\' value=\'opt3\'/><label for=\'2_opt_3\'>Hybrid</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_4\' value=\'opt4\'/><label for=\'2_opt_4\'>Wood Trusses</label>\r\n					<br><input type=radio name=\'c\' id=\'2_opt_5\' value=\'opt5\'/><input id=\'2_opt_text\' style=\'width:65%\' type=text placeholder=\'Other\'/>\r\n					</div>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_2 type=button value=\'Back\' onclick=\'back(1)\'>\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(1)\'/>\r\n				</div>\r\n			</div>\r\n			<div class=fancy id=disable_1 >\r\n				<div id=f1 >\r\n					<h1>Customer Info:</h1>\r\n			<br><br><input class=buTy_0 id=_fname type=text required placeholder=\'first name\'/>\r\n			<br><br><input class=buTy_0 id=_lname type=text required placeholder=\'last name\'/>\r\n			<br><br><input class=buTy_0 id=_email type=email required placeholder=\'email\'/>\r\n			<br><br><input class=buTy_0 id=_tel type=tel required placeholder=\'### ###-####\'/>\r\n				</div>\r\n				<div id=f2 >\r\n					<input id=f2_1 type=button value=\'Next\' onclick=\'next(0)\'/>\r\n				</div>\r\n			</div>\r\n		</div>\r\n	</div>\r\n-->\r\n\r\n<script>\r\n	var vault={\r\n		fname:\'\',\r\n		lname:\'\',\r\n		email:\'\',\r\n		tel:\'\',\r\n		\r\n		projname:\'\',\r\n		postal:\'\',\r\n		date:\'\',\r\n		TI:\'\',\r\n		OPT1:\'\',\r\n		OPT2:\'\',\r\n		\r\n		jspace:\'\',\r\n		opsize:\'\',\r\n		uweight:\'\',\r\n		utype:\'\',\r\n		\r\n		notes:\'\'\r\n	},\r\n	istherecurrentlyaframebeingconsidered= false;\r\ntry{\r\n	function closetheframeselectwindow(){\r\n		document.getElementById(\'personalize_frame_frame\').style.opacity= \'0\';\r\n		document.getElementById(\'personalize_frame_frame\').style.visibility= \'hidden\';\r\n		\r\n		document.getElementById(\'fanciest\').style.visibility= \'visible\';\r\n		document.getElementById(\'the_void\').style.opacity= \'0\';\r\n		setTimeout(function(){\r\n			//document.getElementById(\'the_void\').style.visibility= \'hidden\';\r\n			document.getElementById(\'all_of_the_frames_you_can_select_from\').style.visibility= \'visible\';\r\n			document.getElementById(\'the_void\').style.display= \'none\';\r\n		},300);\r\n	}\r\n			function opentheframeselectwindow(){\r\n				//document.getElementById(\'the_void\').style.visibility= \'visible\';\r\n				document.getElementById(\'fanciest\').style.visibility= \'hidden\';\r\n				document.getElementById(\'the_void\').style.display= \'grid\';\r\n				document.getElementById(\'the_void\').style.opacity= \'1\';\r\n			}\r\n	\r\n	function dotheframething(){\r\n		opentheframeselectwindow();\r\n		if(!istherecurrentlyaframebeingconsidered){\r\n			istherecurrentlyaframebeingconsidered= true;\r\n			document.getElementById(\'f2_1_final\').value= \'Submit\';\r\n		} else{\r\n			\r\n		}\r\n	}\r\n	function saveframe(){\r\n		vault.jspace= document.getElementById(\'joist_space\').value;\r\n			vault.opsize= document.getElementById(\'opening_size\').value;\r\n			vault.uweight= document.getElementById(\'unit_weight\').value;\r\n			vault.utype= document.querySelector(\'input[name=\"d\"]:checked\').id;\r\n		\r\n		closetheframeselectwindow();\r\n		document.getElementById(\'frame_1\').style.display= \'block\';\r\n			document.getElementById(\'saved_frame_1\').src= \'./frames/frame (\'+(chosen_frame-1)+\').png\';\r\n			document.getElementById(\'saved_frame_1\').style.width= \'62px\';\r\n	}\r\n	\r\n	function back(a){\r\n		if(a==1){\r\n			document.getElementById(\'disable_1\').style.display= \'grid\';\r\n			document.getElementById(\'disable_1\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'0\';\r\n			document.getElementById(\'display_2\').style.display= \'none\'\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_2\').style.display= \'grid\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'0\';\r\n			document.getElementById(\'display_3\').style.display= \'none\'\r\n		}\r\n	}\r\n	function next(a){\r\n		if(a==0){\r\n			vault.fname= document.getElementById(\'_fname\').value;\r\n			vault.lname= document.getElementById(\'_lname\').value;\r\n			vault.email= document.getElementById(\'_email\').value;\r\n			vault.tel= document.getElementById(\'_tel\').value;\r\n			\r\n			document.getElementById(\'disable_1\').style.display= \'none\';\r\n			document.getElementById(\'disable_2\').style.opacity= \'1\';\r\n		}else if(a==1){\r\n			vault.projname= document.getElementById(\'_projname\').value;\r\n			vault.postal= document.getElementById(\'_postal\').value;\r\n			vault.date= document.getElementById(\'_neededby\').value;\r\n			vault.TI= document.querySelector(\'input[name=\"a\"]:checked\').id;\r\n			vault.OPT1= document.querySelector(\'input[name=\"b\"]:checked\').id;\r\n			vault.OPT2= document.querySelector(\'input[name=\"c\"]:checked\').id;\r\n			\r\n			document.getElementById(\'disable_2\').style.display= \'none\';\r\n			document.getElementById(\'disable_3\').style.opacity= \'1\';\r\n			\r\n			console.log(vault);\r\n		}else if(a==2){\r\n			document.getElementById(\'disable_3\').style.display= \'none\';\r\n			document.getElementById(\'disable_4\').style.opacity= \'1\';\r\n		}\r\n	}\r\n} catch(err){console.log(err);}\r\n	\r\n</script>\r\n\r\n\r\n\r\n\r\n<!--<h1>Let QuickFrames do the take-offs and eliminate your need to detail.</h1>\r\n[contact-form-7 id=\"1936\" title=\"New QuickFrames Quote Form\"]\r\n\r\n\r\nFrom: https://wplearninglab.com/contact-form-7-get-value-from-url/\r\n\r\n<script type=\"text/javascript\">\r\nvar getUrlParameter = function getUrlParameter(sParam) {\r\n    var sPageURL = decodeURIComponent(window.location.search.substring(1)),\r\n        sURLVariables = sPageURL.split(\'&\'),\r\n        sParameterName,\r\n        i;\r\n    for (i = 0; i < sURLVariables.length; i++) {\r\n        sParameterName = sURLVariables[i].split(\'=\');\r\n        if (sParameterName[0] === sParam) {\r\n            return sParameterName[1] === undefined ? true : sParameterName[1];\r\n        }\r\n    }\r\n};\r\n\r\nvar VARIABLE = getUrlParameter(\'PARAMETER\');\r\n\r\nif (VARIABLE != null) {\r\n     document.getElementById(\'INPUT-FIELD-ID\').value = VARIABLE;\r\n}\r\n\r\n</script>\r\n\r\n\r\n<a name=\"quote-a-few-frames\"></a>\r\n\r\n[two_fifth]\r\n<h3>Need Just A Few Frames Quoted?</h3>\r\nIf you are working on a project requiring only a few frames and you know the basic requirements for how they will be used, just fill out the form to the right. We\'ll get a quote back to you within 24 hours or less!\r\n\r\nFor each framed opening, using the <a href=\"#frame-types\"> frame type examples </a> shown below, select the frame type number that most closely matches where the opening will be located relative to the joists/beams and enter that into the <strong>Type</strong> column. While RTUs are shown in these images, they apply to all types of roof top equipment. If none of the images match your configuration, enter (0).\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-outline.jpg\" alt=\"Frame Outline Image\" width=\"320\" /> [/responsive]\r\n\r\nIf the framing will <strong>only</strong> support the duct openings and not the curbing, enter the letter (<strong><span style=\"color: #37ade1;\">Y</span></strong>) in the <strong>Duct Only</strong> column. If the framing will support the curbing and equipment, enter the letter (<strong><span style=\"color: #37ade1;\">N</span></strong>).\r\n\r\nSpecify the center-to-center joist/beam spacing as shown by (<strong><span style=\"color: #37ade1;\">A</spacing></strong>) in the image to the right.\r\n\r\nWhen specifying the frame opening size (<strong><span style=\"color: #37ade1;\">B</span></strong>), use the length of the opening running <strong>parallel</strong> to (running with) the joists or beams.\r\n\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/home-install-after-roof.jpg\" alt=\"Install After Roof Image\" width=\"400\"/> [/responsive]\r\n\r\n[/two_fifth]\r\n\r\n[three_fifth_last]\r\n[contact-form-7 id=\"1036\" title=\"Expanded Quote Request Small\"]\r\n[/three_fifth_last]\r\n\r\n<a name=\"frame-types\"></a>\r\n<h2>Frame Type Examples</h2>\r\n[responsive] <img class=\"alignright\" src=\"/wp-content/uploads/quote-frame-configurations.png\" alt=\"Roof Framing Configurations\" /> [/responsive]\r\n\r\n<a name=\"quote-a-lot-of-frames\"></a>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"20\"]\r\n\r\n<h2>Have A Large Or Complex Project? Let Us Do The Take-offs For You!</h2>\r\n[divider type=\"space\" margintop=\"0\" marginbottom=\"10\"]\r\n\r\n[one_third]\r\n[responsive] <img src=\"/wp-content/uploads/drawing-image.jpg\" alt=\"Drawing Image\" /> [/responsive]\r\n[/one_third]\r\n\r\n[two_third_last]\r\nThe simplest way for us to provide you with a customized QuickFrames quotation is for you to allow us to do the take-offs directly from the engineering drawing set.\r\n\r\nWe have developed an extensive database of roof top equipment information, such as sizes, weights, opening dimensions, and structural requirements that allows us to select the optimal roof frames for your applications. All you need to do is to provide us with access to your drawing set and then let us go to work for you. You can also have complete confidence that we treat all drawing sets as proprietary information and we respect the importance of confidentiality for anything you share with us.\r\n\r\nThe easiest way for us to access your files is for you to provide us with an FTP address, login and password. Or, if the file set is small enough, you can also email it to us.\r\n\r\n[contact-form-7 id=\"401\" title=\"Quote Request\"]\r\n\r\n[/two_third_last]-->\r\n','Testing Page','','inherit','closed','closed','','777-revision-v1','','','2020-09-08 03:01:53','2020-09-08 10:01:53','',777,'http://quickframes.miritin.com/777-revision-v1/',0,'revision','',0),