var hideDelay = 10;
var hGap = 0;
$(document).ready(function()
	{ // when html is loaded
	setTall();
	$('div.popmenu').each(function()
		{ // iterate dropdown menu divs
		var self = $(this);
		self.data('hiding', false); // init timeout id
		var id = self.attr('id');
		var menuEl = $('a.'+id); // menu link class = dropdown id
		// position under menu link; using offsetHeight because height() seems to give the link's non block height
		pos = menuEl.offset();
		height = menuEl.attr('offsetHeight');
if (typeof(height) == "undefined")
	return;
		self.css({'left': (pos.left+hGap)+'px', 'top': (pos.top + height)+'px'});
		// apply hover (mouseover, mouseout) to both menu link and dropdown.
		$.each([self, menuEl], function()
			{
			$(this).hover(
				function()
					{
					if (self.data('hiding'))
						{
						clearTimeout(self.data('hiding'));
						self.data('hiding', false);
						}
					$('div#'+id).show();
					menuEl.addClass('current');
					},
				function()
					{ // delay hide so if the pointer passes between the menu and dropdown the hide can be cancelled
					self.data('hiding', setTimeout(function()
						{
						menuEl.removeClass('current');
						$('div#'+id).hide();
						}, hideDelay));
					});
			});
		});
	});

function setTall()
	{
	var otherOuterHeight = $('#head').outerHeight(true) + $('#menu').outerHeight(true) + $('#footer').outerHeight(true);

	var content = $('#content');
	var contentOuterHeight = content.outerHeight(true);
	var contentPadEtc = contentOuterHeight - content.height();

	var leftbar = $('#leftbar');
	var leftbarOuterHeight = leftbar.outerHeight(true);
	var leftbarPadEtc = leftbarOuterHeight - leftbar.height();

	var features = $('#features');
	var featuresOuterHeight = features.outerHeight(true);
	var featuresPadEtc = featuresOuterHeight - features.height();

	var maxHeight = Math.max(contentOuterHeight, Math.max(leftbarOuterHeight, Math.max(featuresOuterHeight, $(window).height()-otherOuterHeight)));
	content.height(maxHeight - contentPadEtc);
	}

function showOrder()
	{
	window.name='origin';
	var w = window.open('','order',
		'width=500,height=400,resizable,scrollbars,status,top=10,left=10');
	w.document.clear();
	w.focus();
	return true;
	}
function showProduct(pic)
	{
	var w = window.open('', 'product', 'width=350,height=400,resizable,scrollbars,top=20,left=30');
	var d = w.document;
	d.write('<html><head><title>Simplycrafts close up</title></head><body bgcolor="white" leftmargin="6" topmargin="6">');
	d.write('<center><table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"><tr><td align="center">');
	d.write('<img src="/products/largeimages/' + pic + '">');
	d.write('</td></tr><tr><td align="center"><form>');
	d.write('<input type="button" value="Close this window" onClick="window.close();">');
	d.write('</form></td></tr></table></center></body></html>');
	d.close();
	w.focus();
	return false;
	}
function showWin()
  {
  var w = window.open('','popup',
      'width=500,height=400,resizable,scrollbars,status,left=80,top=80');
  w.document.clear();
  w.focus();
  return true;
  }
function showSearch()
	{
	window.name='origin';
	var w = window.open('','search',
		'width=250,height=550,resizable,scrollbars,status,top=0,left=0');
	w.document.clear();
	w.focus();
	return true;
	}

function mailIt()
	{
  var contact = "click here"
  var email = "enquiry"
  var emailHost = "awaywegotours.com.au"
  document.write("<a href=" + "mail" + "to:" + email + "@" + emailHost + ">'" + contact + "'</a>")
	}

