var hideDelay = 10;
var hGap = 0;
$(document).ready(function()
	{ // when html is loaded
	// setup compact form
	$('label.m00').css('display', 'none');
	$('input.m00').each(function()
		{
		var self = $(this);
		var lab = self.prev();
		var def = lab.text();
		if (lab.hasClass('req'))
			def = '*'+def;
		if (self.val() == def)
			self.addClass('inactive')
		self
			.data('default', def)
			.focus(function()
				{
				self.removeClass('inactive');
				if (self.val() == self.data('default') || '')
					self.val('');
				})
			.blur(function()
				{
				var default_val = self.data('default');
				if (self.val() == '')
					{
					self.addClass('inactive');
					self.val(self.data('default'));
					}
				})
			.closest('form').submit(function(event)
				{
				if (event.isDefaultPrevented())
					{
					if (self.val() == self.data('default'))
						alert('already failed so wont remove '+self.val());
					return false;
					}
				if (self.val() == self.data('default'))
					self.val('');
				return true;
				});
		});
	// form helpers and validators
		$('.datepicker').datepick({dateFormat: 'D d M yy'});
		$('.timeentry').timeEntry({spinnerImage: 'js/img/spinnerOrange.png', show24Hours: true});
		$('.integerentry').format({precision: 0,autofix:true});
		$('.emailentry').each(function()
			{
			var self = $(this);
			var selfthis = this;
			self
				.format({type:"email"},function()
					{
					if (self.val()=='')
						alert('Please enter email!');
					else
						alert('Wrong Email format!');
				//	})
				//.closest('form').submit(function()
				//	{
				//	alert('tag='+selfthis.tagName+' name='+self.attr('name')+' id='+self.attr('name')+' value='+self.val());
				//	self.format({type:"email"},function()
				//		{
				//	alert('hi');
				//		var default_val = self.data('default');
				//		if ($(this).val() == '' || (default_val && $(this).val() == default_val))
				//			alert('Please enter an email address before submitting this form!');
				//		else
				//			alert('Wrong Email format! Please enter a valid email address before submitting this form!');
				//		return false;
				//		});
					});
			});
	// extend all columns to full window height
	setTall();
	// drop down menu
/*
	$('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');
		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 contentarea = $('#contentarea');
	var content = $('#content');
	var contentareaOuterHeight = contentarea.outerHeight(true);
	var contentareaPadEtc = contentareaOuterHeight - content.height();

	var leftcol = $('#leftcol');
	var leftcol3 = $('#leftcol3');
	var leftcolOuterHeight = leftcol.outerHeight(true);
	var leftcolPadEtc = leftcolOuterHeight - leftcol3.height();

	var rightcol = $('#rightcol');
	var rightcol3 = $('#rightcol3');
	var rightcolOuterHeight = rightcol.outerHeight(true);
	var rightcolPadEtc = rightcolOuterHeight - rightcol3.height();

	var maxHeight = Math.max(contentareaOuterHeight-26, Math.max(leftcolOuterHeight, rightcolOuterHeight));
	content.height(maxHeight - contentareaPadEtc + 36);
	leftcol3.height(maxHeight - leftcolPadEtc);
	rightcol3.height(maxHeight - rightcolPadEtc);
	}

function showOrder()
	{
	window.name='origin';
	var w = window.open('','order',
		'width=750,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 = "myfishingtackle.com.au"
  document.write("(<a href=" + "mail" + "to:" + email + "@" + emailHost + ">click here</a>)")
	}

