///////////////////// 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 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 navigation  = new Array();  // Navigation
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;"><a href="http://www.shelterlogic.com"><img src="images/logo.gif" width="148" height="88" alt="ShelterLogic" title="ShelterLogic" border="0" /></a></div>';
headerhome[2]       = '<div style="float: right; margin-top: 83px;" class="global"><a href="https://www.shelterlogicdirect.com/account/account.aspx">My Account</a>&nbsp;|&nbsp;<a href="http://dealer.shelterlogicdirect.com">Dealer Login</a></span></div>';
headerhome[3]       = '<div style="clear: both;"></div>';
headerhome[4]       = '</div>';


// ==================== HeaderSub ==================== //

headersub[0]       = '<div id="header">';
headersub[1]       = '<div style="float: left; margin-top: 17px;"><a href="http://www.shelterlogic.com">';
headersub[2]       = '<img src="images/logo.gif" width="148" height="88" alt="ShelterLogic" title="ShelterLogic" border="0" /></a>';				headersub[3]       = '</div>';
headersub[4]       = '<div style="float: right; margin-top: 83px;" class="global">';
headersub[5]       = '<img src="images/icn_mail.gif" width="16" height="12" style="margin: 10px 5px 0px 5px" />';
headersub[6]       = '<a href="http://www.shelterlogic.com/subscribe/index.html">Get ShelterLogic Offers and News</a>&nbsp;|&nbsp;';
headersub[7]       = '<a href="https://www.shelterlogicdirect.com/account/account.aspx">My Account</a>&nbsp;|&nbsp;';
headersub[8]       = '<a href="http://dealer.shelterlogicdirect.com">Dealer Login</a></span></div>';
headersub[9]       = '<div class="cb"></div>'; 
headersub[10]      = '</div>';



// =======================BreadcrumbHome=================== //
breadcrumbhome[0]       = '<div class="breadcrumbs"><a href="http://www.shelterlogic.com"> < Home</a></div>';


// =======================BreadcrumbHome=================== //
breadcrumbproduct[0]       = '<div class="breadcrumbs"><a href="http://www.shelterlogic.com">Home</a> > <a href="products.html">Products</a></div>';

// =======================BreadcrumbPopup=================== //
breadcrumbpopup[0]       = '<div class="breadcrumbs"><a href="http://www.shelterlogic.com">Home</a> > <a href="products.html">Products</a> > <a href="popups.html">Pop-ups</a></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>';


// =======================BreadcrumbCustom=================== //
breadcrumbtruss[0]       = '<div class="breadcrumbs"><a href="index.html">Home</a> > <a href="truss.html">Engineered Structures</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="popups.html">Pop-Up Canopies</a>';
navigation[5]   =  '<ul><li><a href="pro_series.html">Pro-Series</a></li><li><a href="sports_series.html">Sports-Series</a></li><li><a href="qcc.html">Quick Clamp Canopy</a></li></ul>';
navigation[9]   = '</li>';
navigation[10]  = '<li><a href="canopies.html">Canopies</a></li>';

navigation[19]  = '<li><a href="garages.html">Garages</a></li>';

navigation[26]  = '<li><a href="ports.html">Ports</a></li>';
navigation[27]  = '<li><a href="greenhouses.html">Greenhouses</a></li>';
navigation[27]  = '<li><a href="kennels.html">Kennels</a></li>';
navigation[40]  = '<li><a href="specialty.html">Specialty</a></li>'; 
navigation[41]  = '<li><a href="accessories.html">Accessories</a></li>';

navigation[42]  = '</ul>';
navigation[43]  = '</li>';
navigation[44]  = '<li class="bdr"><a href="custom.html">CUSTOM</a>'; 
navigation[45]	= '<ul>';
navigation[46]	= '<li><a href="custom_peak.html">Peak</a></li>';
navigation[47]	= '<li><a href="custom_barn.html">Barn</a></li>';
navigation[48]	= '<li><a href="custom_squaretube.html">Square Tube</a></li>';
navigation[49]	= '<li><a href="custom_roundtop.html">RoundTop</a></li>';
navigation[50]	= '</ul>';
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 30px;">';
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>';






// ==================== Footer ==================== //


footer[0]    = '<div id="footerMain">';
footer[1]    = '<div class="links">';
footer[2]    = '<a href="http://www.shelterlogic.com/products.html" style="text-decoration: underline;">Products</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[3]    = '<a href="http://www.shelterlogic.com/custom.html" style="text-decoration: underline;">Custom</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[4]    = '<a href="http://www.shelterlogic.com/truss.html" style="text-decoration: underline;">Engineered Structures</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[5]    = '<a href="http://www.shelterlogic.com/support.html" style="text-decoration: underline;">Support</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[6]    = '<a href="http://www.shelterlogic.com/about_us.html" style="text-decoration: underline;">About Us</a>&nbsp;&nbsp;|&nbsp;&nbsp;';
footer[7]    = '<a href="http://www.shelterlogic.com/contact_us.html" style="text-decoration: underline;">Contact Us</a>';

footer[8]    = '<p style="padding-top: 5px;">&copy;2010 ShelterLogic<sup>&reg;</sup>, LLC. All Rights Reserved.&nbsp;&nbsp;<a href="http://www.shelterlogic.com/Terms_Conditions.html" style="text-decoration: underline;">Terms and Conditions</a>&nbsp;</p>';

footer[9]    = '</div>';
footer[10]   = '</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];}}
}

