///////////////////// DSCRIPTS PRESENTS /////////////////////////////////////
//                                                                         //    
//   This script has been downloaded from http://dscripts.awardspace.com   //
//  ---------------------------------------------------------------------  //
//                                                                         //
//  Script Name: Javascript Include                                        //
//  Written on: 5 January 2007                                             //        
//  Written by: Burhan Uddin                                               //        
//                                                                         //      
//  Browse: http://dscripts.awardspace.com for more free scripts.          //
//                                                                         //
/////////////////////////////////////////////////////////////////////////////


// Script Begins from here ==================================//


// Declaring header footer and navigation as array variable

var headerhome      = new Array();  // HeaderHome
var headersub      = new Array();  // HeaderSub
var breadcrumbhome      = new Array();  // BreadcrumbHome
var breadcrumbproduct      = new Array();  // BreadcrumbProduct
var breadcrumbpopup = new Array();  // BreadcrumbPopup
var breadcrumbcontactus = new Array();  // BreadcrumbContactUs
var breadcrumbcanopy     = new Array();  // Breadcrumbcanopy
var breadcrumbgarages     = new Array();  // Breadcrumbgarages
var breadcrumbgreenhouses     = new Array();  // Breadcrumbgreenhouses
var breadcrumbspecialty     = new Array();  // Breadcrumbspecialty
var breadcrumbkennels     = new Array();  // Breadcrumbspecialty
var breadcrumbcustom     = new Array();  // Breadcrumbcustom 
var breadcrumbtruss     = new Array();  // Breadcrumbcustom
var breadcrumbaccessories     = new Array();  // BreadcrumbAccessories
var breadcrumbaccessoriespopupcanopies     = new Array();  // BreadcrumbAccessoriesPopupCanopies
var breadcrumbshelter     = new Array();  // BreadcrumbShelter
var breadcrumbaccessoriescanopies     = new Array();  // BreadcrumbAccessoriesCanopies
var breadcrumbaccessoriesshelters     = new Array();  // BreadcrumbAccessoriesShelters
var navigation  = new Array();  // Navigation
var dealernav  = new Array();  // DealerNavigation
var tscnav  = new Array();  // TSCNavigation
var headerdealer  = new Array();  // HeaderDealer
var headertsc = new Array();  // Headertsc
var footer      = new Array();  // Footer



// Put you html codes of header, footer and navigation separately in the three part of code block below.
// Put each line of html codes in each line inside the two single qute block ('[code]')
// You can put as many lines of html code as you wish. just increase the array number for each line line h[0], h[2] ......h[100],... h[1000]...
// Add this javascript inside header tag of your page i.e between <head> and </head>
// Don't forget to add the second script in all of your html pages where you need to header footer or navigation.
// Using this script you can put any repetable part of code inside this js file which will allow you to put and edit the same code of multiple pages easily.
// *** Important: Don't forget to add backslash ( \ ) everywhere you have a single quote inside your html codes. If you don't do it. This script wouldn't work.



////////////////////////////// Edit Below //////////////////////////////


// ==================== HeaderHome ==================== //

headerhome[0]      ='<div id="header">';
headerhome[1]      ='<div style="float: left; margin-top: 17px;">';
headerhome[2]      ='<a href="index.html">';
headerhome[3]      ='<img src="/images/logo.gif" width="148" height="88" alt="ShelterLogic" title="ShelterLogic" border="0" /></a>';
headerhome[4]      ='</div>';
headerhome[5]      ='<div style="float: right;" class="global">';
headerhome[6]      ='<div style="margin-top: 20px;"><a href="##"><img src="/images/icn_cart.gif" width="19" height="15" border="0" style="margin-bottom: -3px;" /> 1 Item in Cart</a> | <a href="##">My Account</a> | <a href="http://dealer.shelterlogicdirect.com">Dealer Login</a> | <a href="##">Sign In</a></div>';
headerhome[7]      ='</div>';
headerhome[8]      ='<div class="cb"></div>';
headerhome[9]      ='</div>';


// ==================== HeaderSub ==================== //

headersub[0]      ='<div id="header">';
headersub[1]      ='<div style="float: left; margin-top: 17px;">';
headersub[2]      ='<a href="index.html">';
headersub[3]      ='<img src="/images/logo.gif" width="148" height="88" alt="ShelterLogic" title="ShelterLogic" border="0" /></a>';
headersub[4]      ='</div>';
headersub[5]      ='<div style="float: right;" class="global">';
headersub[6]      ='<div style="margin-top: 20px;"><a href="##"><img src="/images/icn_cart.gif" width="19" height="15" border="0" style="margin-bottom: -3px;" /> 1 Item in Cart</a> | <a href="##">My Account</a> | <a href="http://dealer.shelterlogicdirect.com">Dealer Login</a> | <a href="##">Sign In</a></div>';
headersub[7]      ='</div>';
headersub[8]      ='<div class="cb"></div>';
headersub[9]      ='</div>';


// ==================== HeaderDealer ==================== //

headerdealer[0]      ='<div style="width: 100%; height: 110px; background-color:#000000;">';
headerdealer[1]      ='<div align="center">';
headerdealer[2]      ='<div id="header">';
headerdealer[3]      ='<div style="float: left; margin-top: 17px;"><a href="http://www.shelterlogic.com"><img src="/images/logo.gif" width="148" height="88" alt="ShelterLogic" title="ShelterLogic" border="0" /></a></div>';
headerdealer[4]      ='<div style="float: right; margin-top: 20px;" class="global">';
headerdealer[5]      ='<a href="##" style="color: #8f99bd;"><img src="/images/icn_cart.gif" width="19" height="15" border="0" style="margin-bottom: -3px;" /> 1 Item in Cart</a> | <a href="##" style="color: #8f99bd;">My Account</a> | <a href="##" style="color: #8f99bd;">Sign In</a></div> ';
headerdealer[6]      ='<div style="clear: both;"></div> ';
headerdealer[7]      ='</div></div></div>';


// ==================== Headertsc ==================== //

headertsc[0]      ='<div style="width: 100%; height: 110px; background-color:#000000;">';
headertsc[1]      ='<div align="center">';
headertsc[2]      ='<div id="header">';
headertsc[3]      ='<div style="float: left; margin-top: 17px;"><a href="http://www.shelterlogic.com"><img src="/images/tractorsupply-top.gif" alt="" width="274" height="85" alt="ShelterLogic" title="ShelterLogic" border="0" /></a></div>';
headertsc[4]      ='<div style="float: right; margin-top: 20px;" class="global">';
headertsc[5]      ='<a href="##" style="color: #8f99bd;"><img src="/images/icn_cart.gif" width="19" height="15" border="0" style="margin-bottom: -3px;" /> 1 Item in Cart</a> | <a href="##" style="color: #8f99bd;">My Account</a> | <a href="##" style="color: #8f99bd;">Sign In</a></div> ';
headertsc[6]      ='<div style="clear: both;"></div> ';
headertsc[7]      ='</div></div></div>';




// =======================BreadcrumbHome=================== //
breadcrumbhome[0]       = '<div class="breadcrumbs"><a href="index.html"> < Home</a></div>';


// =======================BreadcrumbHome=================== //
breadcrumbproduct[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="products.html">Products</a></div>';

// =======================BreadcrumbPopup=================== //
breadcrumbpopup[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="products.html">Products</a> > <a href="popups.html">Pop-Up Canopies</a></div>';

// =======================breadcrumbcontactus=================== //
breadcrumbcontactus[0] = '<div class="breadcrumbs"><a href="index.html">Home</a> > Contact Us</div>';

// =======================BreadcrumbCanopy=================== //
breadcrumbcanopy[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="products.html">Products</a> > <a href="canopies.html">Canopies</a></div>';

// =======================BreadcrumbGarages=================== //
breadcrumbgarages[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="products.html">Products</a> > <a href="garages.html">Garages</a></div>';

// =======================BreadcrumbGreenhouses=================== //
breadcrumbgreenhouses[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="products.html">Products</a> > <a href="greenhouses.html">Greenhouses</a></div>';

// =======================BreadcrumbSpecialty=================== //
breadcrumbspecialty[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="products.html">Products</a> > <a href="specialty.html">Specialty</a></div>';

// =======================BreadcrumbSpecialty=================== //
breadcrumbkennels[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="products.html">Products</a> > <a href="kennels.html">Kennels</a></div>';

// =======================BreadcrumbCustom=================== //
breadcrumbcustom[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="custom.html">Custom</a></div>';


// =======================BreadcrumbTruss=================== //
breadcrumbtruss[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="truss.html">Engineered Structures</a></div>';


// =======================BreadcrumbAccessories=================== //
breadcrumbaccessories[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="accessories.html">Accessories</a></div>';

// =======================BreadcrumbAccessoriesPopupCanopies=================== //
breadcrumbaccessoriespopupcanopies[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="accessories.html"> Accessories</a>   >  <a href="accessories_popups.html">Pop-Up Canopies</a></div>';

// =======================BreadcrumbShelter=================== //
breadcrumbshelter[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="products.html">Products</a> > <a href="shelters.html">Shelters</a></div>';

// =======================BreadcrumbAccessoriesCanopies=================== //
breadcrumbaccessoriescanopies[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="accessories.html">Accessories</a> > <a href="accessories_canopies.html">Canopies</a></div>';

// =======================BreadcrumbAccessoriesShelters=================== //
breadcrumbaccessoriesshelters[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="accessories.html">Accessories</a> > <a href="accessories_shelters.html">Shelters</a></div>';



// ==================== Navigation ==================== //

 

navigation[0]   = '<div id="smoothmenu1" class="ddsmoothmenu" style="float: left;">';
navigation[1]   = '<ul>';
navigation[2]   = '<li class="bdr"><a href="products.html">PRODUCTS</a>';
navigation[3]   = '<ul>';
navigation[4]  = '<li><a href="garages.html">Garages</a></li>';
navigation[5]  = '<li><a href="canopies.html">Canopies</a>';
navigation[6]   = '<ul><li><a href="canopies_maxap.html">Max AP Canopy Series</a></li><li><a href="canopies_supermax.html">Super Max Canopy Series</a></li><li><a href="canopies_ultramax.html">Ultra Max Canopy Series</a></li><li><a href="canopies_decorative.html">Decorative Canopy Series</a></li></ul>';

navigation[7]   = '<li><a href="popups.html">Pop-Up Canopies</a>';
navigation[8]   = '<ul><li><a href="pro_series.html">Pro-Series Straight Leg</a></li><li><a href="sports_series.html">Sports-Series Slant Leg</a></li><li><a href="qcc.html">Quick Clamp Canopy</a></li><li><a href="popup_logo.html">Branded Pop-up Canopy</a></li></ul>';

navigation[9]   = '</li>';
navigation[26]  = '<li><a href="ports.html">Ports</a></li>';
navigation[27]  = '<li><a href="greenhouses.html">Greenhouses</a></li>';
navigation[28]  = '<li><a href="kennels.html">Kennels</a></li>';
navigation[29]  = '<li><a href="specialty.html">Specialty</a>';
navigation[30]  = '<ul><li><a href="sp_hogtrap.html">Wild Hog Trap</a></li><li><a href="firewood_racks.html">Firewood Racks</a></li><li><a href="disaster_relief.html">Disaster Relief Shelters</a></li></ul>';
navigation[31]  = '</li>';
navigation[41]  = '<li><a href="accessories.html">Accessories</a></li>';
navigation[42]  = '</ul>';
navigation[43]  = '</li>';
navigation[44]  = '<li class="bdr"><a href="Shelter_Main.html">SHELTERS</a>'; 

navigation[51]	= '</li>';
navigation[52]  = '<li class="bdr"><a href="truss.html">ENGINEERED STRUCTURES</a> </li>'; 
navigation[53]  = '<li class="bdr"><a href="support.html">SUPPORT</a></li>';
navigation[54]  = '<li class="bdr"><a href="about_us.html">ABOUT US</a></li>';
navigation[55]  = '<li style="border-right: -10px;"><a href="contact_us.html">CONTACT US</a></li>'; 
navigation[56]  = '</ul>';
navigation[57]  = '</div>';
navigation[58]  = '<div style="background-image: url(/images/nav_bg.gif); padding-left: -5px; float: left; height:44px;">';
navigation[59]  = '<form action="search_results.html" id="cse-search-box">';
navigation[60]  = '<div style="padding: 4px 0px 0px 20px;">';
navigation[61]  = '<input type="hidden" name="cx" value="012983833484231815445:22_kv8rp_xo" />';
navigation[62]  = '<input type="hidden" name="cof" value="FORID:9" />';
navigation[63]  = '<input type="hidden" name="ie" value="UTF-8" />';
navigation[64]  = '<input type="text" name="q" size="31"/>';
navigation[65]  = '<input type="image" SRC="/images/btn_search.png" name="sa" style="margin: 4px 0px -8px -5px; background:transparent; border: 0px;" />'; 
navigation[66]  = '</div>';
navigation[67]  = '</form>';
navigation[68]  = '<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script>';



// ==================== DealerNavigation ==================== //

dealernav[0]  = '<div><div id="producttabs" class="indentmenu" style="width: 200px;">';
dealernav[1]  = '<ul><li><a href="#" rel="tab1" class="selected">Product<br />Search</a></li><li><a href="#" rel="tab2" class="selected">Quick<br />Order</a></li></ul><br style="clear: left" /></div>';
dealernav[2]  = '<div style="border: 1px solid #686767; background-image: url(/images/tab_bg.gif); width:200px; height: 120px; padding: 5px; margin-bottom:1em;">';
dealernav[3]  = '<div id="tab1" class="tabcontent scroll" style="padding:0px 0px 0px 0px;"><div style="width: 180px; padding: 0px;"><div style="width: 180px; padding-left: 5px;"> &nbsp;Enter Model #<br /><input type="text" size="30"><br /><br />&nbsp;Search by Keyword<br /><input type="text" size="30"><div align="right"><a href="##"><img src="/images/btn_search_box.png" alt="" width="62" height="19" border="0" style="margin-top: 3px; margin-right: 10px;" /></a></div></div></div></div><div id="tab2" class="tabcontent scroll" style="padding: 3px;">';
dealernav[4]  = '<table cellpadding="0" cellspacing="0" border="0"><tr><td>Model#:<input type="text" size="10" />&nbsp;&nbsp;</td><td>Qty:<input type="text" size="3"></td></tr><tr><td>Model#:<input type="text" size="10" />&nbsp;&nbsp;</td><td>Qty:<input type="text" size="3"></td></tr>';dealernav[5]  = '<tr><td>Model#:<input type="text" size="10" />&nbsp;&nbsp;</td><td>Qty:<input type="text" size="3"></td></tr><tr><td colspan="2">&nbsp;</td></tr><tr><td colspan="2" valign="bottom"><div><div class="fl"><a href="##" style="font-size: 10px;">Add More Items?</a></div><div class="fr"><a href="##"><img src="/images/btn_addtocart_sm2.png" alt="Add to Cart" title="Add to Cart" width="69" height="19" border="0" /></a></div><div class="cb"></div></div></td></tr></table></div>';
dealernav[6]  = '<script type="text/javascript">';
dealernav[7]  = 'mypets=new ddtabcontent("producttabs")';
dealernav[8]  = 'mypets.setpersist(true)';
dealernav[9]  = 'mypets.setselectedClassTarget("link")';
dealernav[10]  = 'mypets.init()';
dealernav[11]  = '</script>';
dealernav[12]  = '</div></div><div>';
dealernav[13]  = '<div class="arrowsidemenu"><div class="menuheaders"><a href="##" title="Shelters">Shelters</a></div><ul class="menucontents"><li><a href="##">Round</a></li><li><a href="##">Peak</a></li><li><a href="##">Barn</a></li></ul><div class="menuheaders"><a href="##" title="Canopies">Canopies</a></div><ul class="menucontents"><li><a href="##">10&rsquo; Wide</a></li><li><a href="##">12&rsquo; Wide</a>';
dealernav[14]  = '</li><li>';
dealernav[15]  = '<a href="##">18&rsquo; Wide</a></li><li><a href="##">24&rsquo; Wide</a></li><li><a href="##">30&rsquo; Wide</a></li><li><a href="##">Decorative</a></li></ul><div><a href="##" title="Forums">Sheds</a></div><div class="menuheaders"><a href="##" title="Specialty">Specialty</a></div>';

dealernav[16]  = '<ul class="menucontents"><li><a href="##">Equine</a></li><li><a href="##">Kennels</a></li></ul><div class="menuheaders">';

dealernav[17]  = '<a href="##" title="Specialty">Accessories</a></div><ul class="menucontents"><li><a href="##">Shelters</a></li><li><a href="##">Pop-Up Canopies</a></li><li>'; 
dealernav[18]  = '<a href="##">Canopies</a></li></ul><div><a href="##" title="Specialty">Garage Screens</a></div></div></div></div>';



// ==================== TSCNavigation ==================== //

tscnav[0]  = '<div><div id="producttabs" class="indentmenu" style="width: 200px;">';
tscnav[1]  = '<ul><li><a href="#" rel="tab1" class="selected">Product Search</a></li></ul><br style="clear: left" /></div>';
tscnav[2]  = '<div style="border: 1px solid #686767; background-image: url(/images/tab_bg.gif); width:200px; height: 120px; padding: 5px; margin-bottom:1em;"><div id="tab1" class="tabcontent scroll" style="padding:0px 0px 0px 0px;">';
tscnav[3]  = '<div style="width: 180px; padding: 0px;"><div style="width: 180px; padding-left: 5px;">&nbsp;Enter Model #<br /><input type="text" size="30"><br /><br />&nbsp;Search by Keyword<br /><input type="text" size="30"><div align="right"><a href="##"><img src="/images/btn_search_box.png" alt="" width="62" height="19" border="0" style="margin-top: 3px; margin-right: 10px;" /></a></div></div></div></div>';
                                 
tscnav[4]  = '<script type="text/javascript">';
tscnav[5]  = 'mypets=new ddtabcontent("producttabs")';
tscnav[6]  = 'mypets.setpersist(true)';
tscnav[7]  = 'mypets.setselectedClassTarget("link")';
tscnav[8]  = 'mypets.init()';
tscnav[9]  = '</script>';
tscnav[10]  = '</div></div><div><div class="arrowsidemenu"><div class="menuheaders"><a href="##" title="Shelters">Shelters</a></div>';
tscnav[11]  = '<ul class="menucontents"><li><a href="##">Round</a></li><li><a href="##">Peak</a></li><li><a href="##">Barn</a></li></ul>';
tscnav[12]  = '<div class="menuheaders"><a href="##" title="Canopies">Canopies</a></div>';
tscnav[13]  = '<ul class="menucontents"><li><a href="##">10&rsquo; Wide</a></li><li><a href="##">12&rsquo; Wide</a></li><li><a href="##">18&rsquo; Wide</a></li>';
tscnav[14]  = '<li><a href="##">24&rsquo; Wide</a></li><li><a href="##">30&rsquo; Wide</a></li><li><a href="##">Decorative</a></li></ul>';
tscnav[15]  = '<div><a href="##" title="Forums">Sheds</a></div><div class="menuheaders"><a href="##" title="Specialty">Specialty</a></div>';
tscnav[16]  = '<ul class="menucontents"><li><a href="##">Equine</a></li<li><a href="##">Kennels</a></li></ul>';
tscnav[17]  = '<div class="menuheaders"><a href="##" title="Specialty">Accessories</a></div>';
tscnav[18]  = '<ul class="menucontents"><li><a href="##">Shelters</a></li><li><a href="##">Pop-Up Canopies</a></li><li><a href="##">Canopies</a></li></ul>';
tscnav[19]  = '<div><a href="##" title="Specialty">Garage Screens</a></div></div></div>';



// ==================== Footer ==================== //


footer[0]    = '<div id="footerMain">';
footer[1]    = '<div class="links">';
footer[2]    = '<div align="center">';
footer[3]    = '<table cellpadding="0" cellspacing="0" border="0"><tr><td align="center">';        
footer[4]    = '<form action="http://emailcampaigns.j4studios.com/t/r/s/tddljd/" method="post">';
footer[5]    = '<table cellpadding="0" cellspacing="0" border="0"><tr><td style="width: 340px;"><label for="tddljd-tddljd" style="width: 340px;">Sign up to receive product information and offers by email</label></td></tr><tr><td>';
footer[6]    = '<div><div style="float: left;"><input name="cm-tddljd-tddljd" type="text" id="tddljd-tddljd" value="Enter Email Address" alt="Enter Email Address" size="30" style="height: 18px;" /></div>';
footer[7]    = '<div style="float: left;"><INPUT TYPE="image" SRC="/images/btn_subscribe.png" HEIGHT="21" WIDTH="85" BORDER="0" ALT="Submit Form" style="background: transparent; border: 0px;"></div>';
footer[8]    = '<div style="clear:both;"></div></div>';
footer[9]    = '</td></tr></table></form>'; 
footer[10]    = '</td><td style=" border-left: 1px solid #666666; padding-left: 10px;">'; 
footer[11]    = '<table cellpadding="3" cellspacing="0" border="0" style="font-size: 11px;">';
footer[12]    = '<tr><td>Follow ShelterLogic</td></tr><tr>';
footer[13]    = '<td style="padding-top: 3px;"><a href="http://www.facebook.com/home.php?#!/pages/ShelterLogic/143688093076?ref=ts">';
footer[14]    = '<img src="/images/icn_facebook_sm.png" width="24" height="24" alt="Join our Fanpage on Facebook" title="Join our Fanpage on Facebook" border="0" /></a><a href="http://twitter.com/shelterlogic"><img src="/images/icn_twitter_sm.png" width="24" height="24" alt="Follow us Twitter" title="Follow us Twitter" border="0" /></a></td></tr></table></td></tr><tr>';
footer[15]    = '<td colspan="2" style="padding-top: 10px;">';
footer[16]    = '<a href="products.html" style="text-decoration: underline;">Products</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[17]    = '<a href="shelters.html" style="text-decoration: underline;">Shelters</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[18]    = '<a href="truss.html" style="text-decoration: underline;">Engineered Structures</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[19]    = '<a href="support.html" style="text-decoration: underline;">Support</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[20]    = '<a href="about_us.html" style="text-decoration: underline;">About Us</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[21]    = '<a href="contact_us.html" style="text-decoration: underline;">Contact Us</a>';
footer[22]    = '</td></tr></table>';
footer[23]    = '<p style="padding-top: 5px;">&copy;2010 ShelterLogic<sup>&reg;</sup>, LLC. All Rights Reserved.&nbsp;&nbsp;<a href="Terms_Conditions.html" style="text-decoration: underline;">Terms and Conditions</a>&nbsp;</p></div></div></div>';
 

/////////////////////////////////// DO NOT EDIT BELOW ///////////////////////////


function show(i)
 {
  for (x in i)
  {
   document.write(i[x]+'\n')
  }
 }
 


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}


