// JavaScript Document
/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
//Contents for menu 1
var ifencestyles=new Array()
ifencestyles[0]='Fence Styles'
ifencestyles[1]='iDesign™ Fence Studio'
ifencestyles[2]='Photo Gallery'
ifencestyles[3]='Complete Product Gallery'
ifencestyles[4]='Free Sample'
//ifencestyles[3]='Video Gallery'
var ifencepools=new Array()
ifencepools[0]='Pool Fences'
ifencepools[1]='Pool Project Advice'
ifencepools[2]='Pool Safety'
ifencepools[3]='Complete Product Gallery'
ifencepools[4]='Free Sample'
var ifencegates=new Array()
ifencegates[0]='All Gates'
ifencegates[1]='Driveway Gates'
ifencegates[2]='Pool-safe Gates'
ifencegates[3]='Residential Gates'
ifencegates[4]='Commercial Gates'
ifencegates[5]='Cantilever Slide Gates'
ifencegates[6]='Complete Product Gallery'
var ifencefences=new Array()
ifencefences[0]='Residential Fences'
ifencefences[1]='Pool Fences'
ifencefences[2]='Commercial Fences'
ifencefences[3]='Custom Fences'
ifencefences[4]='DIY Project Advice'
ifencefences[5]='Complete Product Gallery'
ifencefences[6]='Free Sample'
var ifencerailing=new Array()
ifencerailing[0]='Encore™ Hand Railing'
ifencerailing[1]='iDesign™ Railing Studio'
var ifenceplanning=new Array()
ifenceplanning[0]='SmartTools™'
ifenceplanning[1]='Getting Started'
ifenceplanning[2]='Planning Advice'
ifenceplanning[3]='Installation Advice'
ifenceplanning[4]='Pool Project Advice'
ifenceplanning[5]='Custom Fence Solutions'
ifenceplanning[6]='Free Sample'
var ifencefeatures=new Array()
ifencefeatures[0]='SmartRail™'
ifencefeatures[1]='iFence Verticals™'
ifencefeatures[2]='Colors and Grade Specs'
ifencefeatures[3]='Powder Coating'
ifencefeatures[4]='Free Sample'
var ifencetechnical=new Array()
ifencetechnical[0]='Architectural Schematics'
ifencetechnical[1]='Installation'
ifencetechnical[2]='Glossary'
ifencetechnical[3]='iFence Advantage™'
var ifenceabout=new Array()
ifenceabout[0]='Our Company'
ifenceabout[1]='Our Products'
ifenceabout[2]='Our Customers'
ifenceabout[3]='Contact Us'
ifenceabout[4]='Invite a Friend'
ifenceabout[5]='Become a Dealer'
ifenceabout[6]='Gift Shop'
var ifenceservices=new Array()
ifenceservices[0]='Get Quote Now'
ifenceservices[1]='Free Sample'
ifenceservices[2]='Large Projects'
var ifencefaq=new Array()
ifencefaq[0]='Frequent Questions'
ifencefaq[1]='Saving Money'
ifencefaq[2]='Shipping Info'
ifencefaq[3]='Aluminum Fencing 101'
ifencefaq[4]='Why Aluminum?'
var ifenceGalleries=new Array()
ifenceGalleries[0]='iDesign™ Fence Studio'
ifenceGalleries[1]='Photo Gallery'
ifenceGalleries[2]='Video Gallery'
var ifencefreequote=new Array()
ifencefreequote[0]='Get a Free Quote Now!'
ifencefreequote[1]='Free Quote Help'
var ifenceproducts2=new Array()
ifenceproducts2[0]='Fence Styles'
ifenceproducts2[1]='Pool Fences'
ifenceproducts2[2]='Residential Fences'
ifenceproducts2[3]='Commercial Fences'
ifenceproducts2[4]='Custom Fences'
ifenceproducts2[5]='Hand Railing'
ifenceproducts2[6]='Options & Accessories'
var ifencegates2=new Array()
ifencegates2[0]='Residential'
ifencegates2[1]='Pool Safe'
ifencegates2[2]='Commercial'
ifencegates2[3]='Driveway Gates'
ifencegates2[4]='Cantilever Slide Gates'
var ifencefeatures2=new Array()
ifencefeatures2[0]='iFence Advantage™'
ifencefeatures2[1]='SmartRail™'
ifencefeatures2[2]='iFence Verticals™'
ifencefeatures2[3]='Colors and Grade Specs'
ifencefeatures2[4]='Product Gallery'
ifencefeatures2[5]='Powder Coating'
var ifencetips=new Array()
ifencetips[0]='Planning'
ifencetips[1]='Pool Projects'
ifencetips[2]='Pool Safety'
ifencetips[3]='Saving Money'
ifencetips[4]='Installation'
var ifenceresources=new Array()
ifenceresources[0]='SmartTools™'
ifenceresources[1]='FAQ'
ifenceresources[2]='Glossary'
ifenceresources[3]='Shipping Info'
ifenceresources[4]='Quick Answers'
/*=========================================================================
var ifenceproducts=new Array()
ifenceproducts[0]='Fence Styles'
ifenceproducts[1]='Pool Fences'
ifenceproducts[2]='Residential Fences'
ifenceproducts[3]='Commercial Fences'
ifenceproducts[4]='Custom Fences'
ifenceproducts[5]='Gates'
ifenceproducts[6]='Hand Railing'
ifenceproducts[7]='Options & Accessories'
var ifenceservice=new Array()
ifenceservice[0]='Free Quote'
ifenceservice[1]='SmartTools™'
ifenceservice[2]='Planning Advice'
ifenceservice[3]='Pool Project Advice'
ifenceservice[4]='Installation Advice'
ifenceservice[5]='Large Projects'
ifenceservice[6]='Custom Fence Solutions'
ifenceservice[7]='Architectural Schematics'
var ifenceabout=new Array()
ifenceabout[0]='Our Company'
ifenceabout[1]='Our Products'
ifenceabout[2]='Contact Us'
var ifencefaq=new Array()
ifencefaq[0]='Frequent Questions'
ifencefaq[1]='Glossary'
ifencefaq[2]='Getting Started'
ifencefaq[3]='Saving Money'
ifencefaq[4]='Pool Safety'
ifencefaq[5]='Powder Coating'
ifencefaq[6]='SmartRail™'
ifencefaq[7]='iFence Verticals™'
var ifenceshopping=new Array()
ifenceshopping[0]='Login'
ifenceshopping[1]='My Account'
ifenceshopping[2]='View Cart'
ifenceshopping[3]='Checkout'
ifenceshopping[4]='Track An Order'
*/
var menuwidth='125px' //default menu width
var menubgcolor='#4dbcd7' //menu bgcolor
var disappeardelay=350 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?
/////No further editting needed
var ie4=document.all
var ns6=document.getElementById&&!document.all
if (ie4||ns6)
document.write('')
function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}
function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}
function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)-1) {
var theTab=document.getElementById('panels_tab');
showCategory(theTab,'acc_panels');
}
else if (gateAnchors.join().indexOf(theAnchor)>-1) {
var theTab=document.getElementById('gates_tab');
showCategory(theTab,'acc_gates');
}
else if (postAnchors.join().indexOf(theAnchor)>-1) {
var theTab=document.getElementById('posts_tab');
showCategory(theTab,'acc_posts');
}
else if (partAnchors.join().indexOf(theAnchor)>-1) {
var theTab=document.getElementById('parts_tab');
showCategory(theTab,'acc_parts');
}
else if (railingAnchors.join().indexOf(theAnchor)>-1) {
var theTab=document.getElementById('railing_tab');
showCategory(theTab,'acc_railing');
}
window.location.hash=theAnchor;
}
};
function showCategory(tab,category) {
var tabs=document.getElementById('tabs');
var tablist=tabs.getElementsByTagName('li');
for (var i=0, allTabs=tablist.length; i= 0) {
var fencequote=document.getElementById('fencequote');
var railingquote=document.getElementById('railingquote');
var gatequote=document.getElementById('gatequote');
var samplequote=document.getElementById('samplequote');
fencequote.className=railingquote.className=gatequote.className='hide';
//fencequote.className=railingquote.className=gatequote.className=samplequote.className='hide';
// change value of hidden field so the selected form content can be emailed
var hiddenField=document.getElementById('selectedform');
hiddenField.value=category;
var getquotetext=document.getElementById('getquotetext');
var styleinfo2=document.getElementById('styleinfo2'); // "Tell Us About You" section
var totalfeetF=document.getElementById('totalfeetF');
if (totalfeetF) {
totalfeetF.removeAttribute('validate', 0);
var totalfeetR=document.getElementById('totalfeetR');
totalfeetR.removeAttribute('validate', 0);
}
if (category=='fencequote') {
getquotetext.innerHTML=" Get your FREE Fence and Walk Gates Quote";
//totalfeetF.setAttribute('validate', 'totalWidth:true');
if (totalfeetF) totalfeetF.setAttribute('validate', 'required:true');
}
else if (category=='railingquote') {
getquotetext.innerHTML=" Get your FREE Hand Railing Quote";
//totalfeetR.setAttribute('validate', 'totalWidth:true');
if (totalfeetR) totalfeetR.setAttribute('validate', 'required:true');
}
else if (category=='gatequote') {
getquotetext.innerHTML=" Get your FREE Driveway Gates Quote";
}
else if (category=='samplequote') {
styleinfo2.className='hide';
}
}
else if (category.indexOf('schem_') >= 0) {
var schemStyles=document.getElementById('schem_styles');
var schemRes=document.getElementById('schem_res');
var schemPool=document.getElementById('schem_pool');
var schemCom=document.getElementById('schem_com');
var schemGates=document.getElementById('schem_gates');
var schemRailing=document.getElementById('schem_railing');
schemStyles.className=schemRes.className=schemPool.className=schemCom.className=schemGates.className=schemRailing.className='hide';
}
else if (category.indexOf('acc_') >= 0) {
var accStyles=document.getElementById('acc_styles');
var accPanels=document.getElementById('acc_panels');
var accGates=document.getElementById('acc_gates');
var accPosts=document.getElementById('acc_posts');
var accParts=document.getElementById('acc_parts');
var accRailing=document.getElementById('acc_railing');
accStyles.className=accPanels.className=accGates.className=accPosts.className=accParts.className=accRailing.className='hide';
}
else if (category.indexOf('style_') >= 0) {
var flatTop=document.getElementById('style_flat');
var spearTop=document.getElementById('style_spear');
var bestSellers=document.getElementById('style_best');
flatTop.className=spearTop.className=bestSellers.className='hide';
}
else if (category.indexOf('rail_') >= 0) {
var overview=document.getElementById('rail_overview');
var profile=document.getElementById('rail_profile');
var theOptions=document.getElementById('rail_options');
var specs=document.getElementById('rail_specs');
var price=document.getElementById('rail_price');
overview.className=profile.className=theOptions.className=specs.className=price.className='hide';
}
else {
var overview=document.getElementById('overview');
var gates=document.getElementById('gates');
var theOptions=document.getElementById('options');
var specs=document.getElementById('specs');
var price=document.getElementById('price');
var sample=document.getElementById('sample');
overview.className=gates.className=theOptions.className=specs.className=price.className=sample.className='hide';
}
category=document.getElementById(category);
category.className='show';
tab.firstChild.firstChild.blur();
}
// Schematics Page Dropdown Lists
function loadSchematics(fencestyle,list) {
var patt1 = /_grade/i;
var patt2 = /choose/i;
var patt3 = /residential/i;
var patt4 = /resort/i;
var patt5 = /fences/i;
var patt6 = /gates/i;
var patt7 = /designer/i;
var patt8 = /flush/i;
var patt9 = /arched/i;
var patt10 = /Pool/i;
var style = fencestyle.replace("_grade", "");
var urlHolder = document.getElementById('custom' + style);
var theStyle = document.getElementById(style);
var dropdownA = theStyle.getElementsByTagName('select')[0];
var optionsA = dropdownA.getElementsByTagName('option');
if (fencestyle!=='StoneCliff' && fencestyle!=='Regal' && fencestyle!=='Encore') {
var dropdownB = theStyle.getElementsByTagName('select')[1];
var optionsB = dropdownB.getElementsByTagName('option');
var dropdownC = theStyle.getElementsByTagName('select')[2];
var optionsC = dropdownC.getElementsByTagName('option');
var dropdownD = theStyle.getElementsByTagName('select')[3];
var optionsD = dropdownD.getElementsByTagName('option');
var genDropdown1 = genDropdown2 = genDropdown3 = '';
}
else { // get schematics link for StoneCliff, Regal and Encore
for (var i=0; i= 1) {
dropdownB.removeChild(dropdownB.firstChild);
}
}
if (genDropdown1 !== 'hidden') {
dropdownB.className = '';
for (var i=0, newOptions= styleOptionsB.length; i= 1) {
dropdownC.removeChild(dropdownC.firstChild);
}
}
}
else if (list === 'type') {
for (var i=0; i= 1) {
dropdownD.removeChild(dropdownD.firstChild);
}
}
}
if (list === 'coll' && genDropdown3 !== 'hidden') {
dropdownC.className = '';
for (var i=0, newOptions= styleOptionsC.length; i