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 menu = $('#menu');
	//var menuOuterHeight = menu.outerHeight(true);

	var content = $('#content');
	var contentOuterHeight = content.outerHeight(true);
	var contentPadEtc = contentOuterHeight - content.height();

	var rightcol = $('#rightcol');
	var rightcolOuterHeight = 0;
	var rightcolPadEtc = 0;
	if (rightcol != null)
		{
		rightcolOuterHeight = rightcol.outerHeight(true);
		rightcolPadEtc = rightcolOuterHeight - rightcol.height();
		}

	var maxHeight = Math.max(contentOuterHeight, rightcolOuterHeight);
	content.height(maxHeight - contentPadEtc);
	if (rightcol != null)
		rightcol.height(maxHeight - rightcolPadEtc);
	}

function showOrder()
	{
	window.name='origin';
	var w = window.open('','order',
		'width=800,height=600,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 email = "info"
  var emailHost = "trollbeadsexpress.com.au"
  document.write("<a href=" + "mail" + "to:" + email + "@" + emailHost + ">(CLICK HERE)</a>")
	}

addDOMLoadEvent = (function()
	{
	// create event function stack
	var load_events = [],
		load_timer,
		script,
		done,
		exec,
		old_onload,
		init = function ()
			{
			done = true;
			// kill the timer
			clearInterval(load_timer);
			// execute each function in the stack in the order they were added
			while (exec = load_events.shift())
				exec();
			if (script)
				script.onreadystatechange = '';
			};
	return function (func)
		{
		// if the init function was already ran, just run this function now and stop
		if (done)
			return func();
		if (!load_events[0])
			{
			// for Mozilla/Opera9
			if (document.addEventListener)
				document.addEventListener("DOMContentLoaded", init, false);
			// for Internet Explorer
			/*@cc_on @*/
			/*@if (@_win32)
			document.write("<script id=__ie_onload defer src=//0><\/scr"+"ipt>");
			script = document.getElementById("__ie_onload");
			script.onreadystatechange = function()
				{
				if (this.readyState == "complete")
					init(); // call the onload handler
				};
			/*@end @*/
			// for Safari
			if (/WebKit/i.test(navigator.userAgent))
				{ // sniff
				load_timer = setInterval(function()
					{
					if (/loaded|complete/.test(document.readyState))
						init(); // call the onload handler
					}, 10);
				}
			// for other browsers set the window.onload, but also execute the old window.onload
			old_onload = window.onload;
			window.onload = function()
				{
				init();
				if (old_onload)
					old_onload();
				};
			}

		load_events.push(func);
		}
	})();

