$(document).ready(function(){

var popUpStatus = 0;

	function stall() {
   var image = document.getElementById("getHeight");
   var t = window.setInterval(function() {
      if (image.complete) {
         window.clearInterval(t);
      }
   }, 150);
	}
	
	function showWidth(ele, w) {
	 alert("The width for the " + ele + 
									" is " + w + "px.");
	}
	
	function imageresize() {
		var panelHeight = $('#getHeight').height();
////	    align the nav menu to the bottom of the image panel
		$("#nav").css({"height": panelHeight + "px"});
	}
	
// Use this to allow the mouse wheel to scroll the site horizontally.
	$(window).mousewheel(function(event, delta) {
		event.preventDefault();
		var dir = delta > 0 ? -120 : 120;
		var scroll = $(window).scrollLeft();
		$(window).scrollLeft(scroll + dir);
	});
	
 $("#infoPanel").hide();
 $(".trigger").click(function(){
		$("#infoPanel").toggle("fast");	
		$(this).toggleClass("active");
		return false;
	});

// use Jquery resize() function to set a resize event on the image. setting it on the window triggered it before
// the image was resized, thus messing up the logo alignment...	
  $('#getHeight').resize(function() {
    imageresize();
	});
});