$(function()
	{
	$('.thumbnail').showLargeImage();
	setTall();
	});

$(function()
	{
	$('.hidefield').each(function()
		{
		var ctrl = $(this).find('input:last');
		var targetid = ctrl.attr('id');
		var target = $('.'+targetid);
		ctrl.click(function()
			{
		  target.slideToggle('slow', function()
				{
		  	});
			return true;
			});
		if ( ! ctrl.is(':checked'))
			target.hide();
		});
	});

$(function ()
	{
	var cat1 = $('#searchcat1');
	var cat2 = $('#searchcat2');
	cat1.selectChain(
		{
		target: cat2,
		url: '/bizsite/get_subcategory.php',
		data:
			{
			ajax: true
			}
		});

	});

(function($)
	{
	$.fn.showLargeImage = function()
		{
		$(document).keypress(function(e)
			{
			if(e.keyCode==27)  
				removeLightbox();
			});
		return this.each(function()
			{
			var a = $('<a class="lightbox"/>');
			var src = $(this).attr('src');
			//var dot = src.lastIndexOf('.');
			//src = src.substr(0, dot) + '-large' + src.substr(dot);
			var pos = src.lastIndexOf('/', src.lastIndexOf('/')-1)+1;
			src = src.substr(0, pos) + 'large' + src.substr(pos);
			a.attr('href', src);
			a.click(function(e)
				{
				$('body').css('overflow-y', 'hidden');

				$('<div id="overlay"></div>')
					.css('top', $(document).scrollTop())
					.css('opacity', '0')
					.animate({'opacity': '0.5'}, 'slow')
					.appendTo('body');

				$('<div id="lightbox"></div>')
					.hide()
					.appendTo('body');

				$('<img title="Click here to close"/>')
					.attr('src', $(this).attr('href'))
					.load(function()
						{
						positionLightboxImage();
						})
					.click(function()
						{
						removeLightbox();
						})
					.appendTo('#lightbox');

				return false;
				});
			$(this).wrap(a);
			});
		function positionLightboxImage()
			{
			var top = ($(window).height() - $('#lightbox').height()) / 2;
			var left = ($(window).width() - $('#lightbox').width()) / 2;
			var closebutton = $('<img src="/images/close.png" width="30" height="30" alt="close" style="position: absolute; top: 0px; right: 0px;"/>');
			closebutton.click(function()
				{
				removeLightbox();
				});
			$('#lightbox')
				.append(closebutton)
				.css({'top': top + $(document).scrollTop(), 'left': left})
				.fadeIn();
			}
		function removeLightbox()
			{
			$('#overlay, #lightbox')
				.fadeOut('slow', function()
					{
					$(this).remove();
					$('body').css('overflow-y', 'auto');
					});
			}
		}
	})(jQuery);

(function($)
	{
	$.fn.selectChain = function(options)
		{
		var defaults = {
		                key: "id",
		                value: "label"
		               };
        
		var settings = $.extend({}, defaults, options);
        
		if (!(settings.target instanceof $))
			settings.target = $(settings.target);
        
		return this.each(function()
			{
			var self = $(this);
            
			self.change(function()
				{
				var data = null;
				if (typeof settings.data == 'string')
					{
					data = settings.data + '&' + this.name + '=' + self.val();
					}
				else
					if (typeof settings.data == 'object')
						{
						data = settings.data;
						data[this.name] = self.val();
						}
                
				settings.target.empty();
                
				$.ajax(
					{
					url: settings.url,
					data: data,
					type: (settings.type || 'get'),
					dataType: 'json',
					success: function (j)
						{
						var options = [], i = 0, o = null;
                        
						for (i = 0; i < j.length; i++)
							{
							// required to get around IE bug (http://support.microsoft.com/?scid=kb%3Ben-us%3B276228)
							o = document.createElement("OPTION");
							o.value = typeof j[i] == 'object' ? j[i][settings.key] : j[i];
							o.text = typeof j[i] == 'object' ? j[i][settings.value] : j[i];
							settings.target.get(0).options[i] = o;
							}

						// hand control back to browser for a moment
						setTimeout(function()
							{
							settings.target
								.find('option:first')
								.attr('selected', 'selected')
								.parent('select')
								.trigger('change');
							}, 0);
						},
					error: function (xhr, desc, er)
						{
						// add whatever debug you want here.
						alert("an error occurred");
						}
					});
				});
			});
		};
	})(jQuery);

function setTall()
	{
	//var otherOuterHeight = $('#topbar').outerHeight(true) + $('#menu').outerHeight(true) + $('#logoarea').outerHeight(true) + $('#flash').outerHeight(true) + $('#footer').outerHeight(true);
	var content = $('#contentinner');
	var contentOuterHeight = content.outerHeight(true);
	var contentPadEtc = contentOuterHeight - content.height();

	var submenu = $('#submenu');
	var submenuOuterHeight = 0;
	if (submenu)
		submenuOuterHeight = submenu.outerHeight(true) + 20;

	var features = $('#features');
	var featuresOuterHeight = 0;
	if (features)
		featuresOuterHeight = features.outerHeight(true) + 20;

	var maxHeight = Math.max(contentOuterHeight, Math.max(submenuOuterHeight, featuresOuterHeight));
	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=600,height=600,resizable,scrollbars,top=20,left=30');
	var d = w.document;
	d.write('<html><head><title>Supra Boats 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/gear/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 showPartsProduct(pic)
	{
	var w = window.open('', 'product', 'width=600,height=600,resizable,scrollbars,top=20,left=30');
	var d = w.document;
	d.write('<html><head><title>Supra Boats 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/parts/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 showPic()
	{
	var w = window.open('','photo','width=500,height=600,resizable,scrollbars,left=20,top=20');
	w.document.clear();
	w.focus();
	return true;
	}

