
<!--Icon Rollover Java-->
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
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];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->




<!--Pop Up Company Nav-->
if ($.browser.msie) {
	
$(function () {
  $('#nav').each(function () {
    // options

    var distance = 10;
    var time = 1;
    var hideDelay = 0;
    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerCompany = $('.triggerCompany', this);
    var popupCompany = $('.companyPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerCompany.get(0), popupCompany.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
 
      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupCompany.css({
          top: -110,
          left: 273,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupCompany.animate({

          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupCompany.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});

} else {
	
$(function () {
  $('#nav').each(function () {
    // options
    var distance = 10;
    var time = 250;
    var hideDelay = 150;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerCompany = $('.triggerCompany', this);
    var popupCompany = $('.companyPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerCompany.get(0), popupCompany.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
 
      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupCompany.css({
          top: -100,
          left: 273,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupCompany.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupCompany.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
}
<!--Pop Up Portfolio Nav-->
if ($.browser.msie) {

$(function () {
  $('#nav').each(function () {
    // options
    var distance = 10;
    var time = 1;
    var hideDelay = 1;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerPortfolio = $('.triggerPortfolio', this);
    var popupPortfolio = $('.portfolioPopNav', this).css('opacity:', 0);



    // set the mouseover and mouseout on both element
    $([triggerPortfolio.get(0), popupPortfolio.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupPortfolio.css({
          top: -110,
          left: 280,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, 
		time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupPortfolio.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupPortfolio.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
} else {
$(function () {
  $('#nav').each(function () {
    // options
    var distance = 10;
    var time = 250;
    var hideDelay = 150;
    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerPortfolio = $('.triggerPortfolio', this);
    var popupPortfolio = $('.portfolioPopNav', this).css('opacity:', 0);



    // set the mouseover and mouseout on both element
    $([triggerPortfolio.get(0), popupPortfolio.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupPortfolio.css({
          top: -100,
          left: 280,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, 
		time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupPortfolio.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupPortfolio.css('display', 'none');
        });
      }, hideDelay);
    });
  });
	});
}








<!--Pop Up Products Nav-->
if ($.browser.msie) {
$(function () {
  $('#nav').each(function () {
    // options
    var distance = 10;
    var time = 1;
    var hideDelay = 1;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerProducts = $('.triggerProducts', this);
    var popupProducts = $('.productsPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerProducts.get(0), popupProducts.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupProducts.css({
          top: -110,
          left: 280,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupProducts.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupProducts.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
} else {
$(function () {
  $('#nav').each(function () {
    // options

    var distance = 10;
    var time = 250;
    var hideDelay = 150;
    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerProducts = $('.triggerProducts', this);
    var popupProducts = $('.productsPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerProducts.get(0), popupProducts.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupProducts.css({
          top: -100,
          left: 280,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupProducts.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupProducts.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
}

<!--Pop Up Sustainability Nav-->
if ($.browser.msie) {
$(function () {
  $('#nav').each(function () {
    // options
    var distance = 10;
    var time = 1;
    var hideDelay = 1;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerSustainability = $('.triggerSustainability', this);
    var popupSustainability = $('.sustainabilityPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerSustainability.get(0), popupSustainability.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupSustainability.css({
          top: -110,
          left: 457,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupSustainability.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupSustainability.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
} else {
	$(function () {
  $('#nav').each(function () {
    // options

    var distance = 10;
    var time = 250;
    var hideDelay = 150;
    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerSustainability = $('.triggerSustainability', this);
    var popupSustainability = $('.sustainabilityPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerSustainability.get(0), popupSustainability.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupSustainability.css({
          top: -100,
          left: 457,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupSustainability.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupSustainability.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
}
<!--Pop Up Services Nav-->
if ($.browser.msie) {
$(function () {
  $('#nav').each(function () {
    // options
    var distance = 10;
    var time = 1;
    var hideDelay = 1;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerServices = $('.triggerServices', this);
    var popupServices = $('.servicesPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerServices.get(0), popupServices.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupServices.css({
          top: -110,
          left: 362,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupServices.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupServices.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
} else {
$(function () {
  $('#nav').each(function () {
    // options

    var distance = 10;
    var time = 250;
    var hideDelay = 150;
    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerServices = $('.triggerServices', this);
    var popupServices = $('.servicesPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerServices.get(0), popupServices.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupServices.css({
          top: -100,
          left: 362,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupServices.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupServices.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
}

<!--Pop Up Contact Nav-->

if ($.browser.msie) {
$(function () {
  $('#nav').each(function () {
    // options

    var distance = 10;
    var time = 1;
    var hideDelay = 1;
    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerContact = $('.triggerContact', this);
    var popupContact = $('.contactPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerContact.get(0), popupContact.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupContact.css({
          top: -110,
          left: 440,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupContact.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupContact.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
} else {

$(function () {
  $('#nav').each(function () {
    // options
    var distance = 10;
    var time = 250;
    var hideDelay = 150;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerContact = $('.triggerContact', this);
    var popupContact = $('.contactPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerContact.get(0), popupContact.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupContact.css({
          top: -100,
          left: 440,
          display: 'block' // brings the popup back in to view
        })


        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupContact.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupContact.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
}
<!--Pop Up Login Nav-->
if ($.browser.msie) {
$(function () {
  $('.utilityNav').each(function () {
    // options

    var distance = -10;
    var time = 1;
    var hideDelay = 1;
    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerLogin = $('.triggerLogin', this);
    var popupLogin = $('.loginPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerLogin.get(0), popupLogin.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupLogin.css({
          top: 25,
          left: 670,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupLogin.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupLogin.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
} else {
$(function () {
  $('.utilityNav').each(function () {
    // options
    var distance = -10;
    var time = 250;
    var hideDelay = 300;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerLogin = $('.triggerLogin', this);
    var popupLogin = $('.loginPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerLogin.get(0), popupLogin.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupLogin.css({
          top: 25,
          left: 670,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupLogin.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupLogin.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
}
<!--Pop Up GC Nav-->
if ($.browser.msie) {
$(function () {
  $('.utilityNav').each(function () {
    // options
    var distance = -10;
    var time = 1;
    var hideDelay = 1;

    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerGC = $('.triggerGC', this);
    var popupGC = $('.GCPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerGC.get(0), popupGC.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupGC.css({
          top: 25,
          left: 535,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupGC.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupGC.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
} else {
$(function () {
  $('.utilityNav').each(function () {
    // options

    var distance = -10;
    var time = 250;
    var hideDelay = 350;
    var hideDelayTimer = null;

    // tracker
    var beingShown = false;
    var shown = false;
    
    var triggerGC = $('.triggerGC', this);
    var popupGC = $('.GCPopNav', this).css('opacity', 0);


    // set the mouseover and mouseout on both element
    $([triggerGC.get(0), popupGC.get(0)]).mouseover(function () {
      // stops the hide event if we move from the trigger to the popup element
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      // don't trigger the animation again if we're being shown, or already visible
      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        // reset position of popup box
        popupGC.css({
          top: 25,
          left: 535,
          display: 'block' // brings the popup back in to view
        })

        // (we're using chaining on the popup) now animate it's opacity and position
        .animate({
          opacity: 1
        }, time, 'swing', function() {
          // once the animation is complete, set the tracker variables
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      // reset the timer if we get fired again - avoids double animations
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
      
      // store the timer so that it can be cleared in the mouseover if required
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popupGC.animate({
          opacity: 0
        }, time, 'swing', function () {
          // once the animate is complete, set the tracker variables
          shown = false;
          // hide the popup entirely after the effect (opacity alone doesn't do the job)
          popupGC.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});
}