$(document).ready(function()
{
	// All togglers begin collapsed
	$('.toggler, .series_toggler, .family_toggler, .competitor_product_toggler').data('collapsed',true);
	
	/*
	$('.toggler').click(function()
	{
		if($(this).data('collapsed'))
		{
			$(this).css('backgroundImage',"url('/Scripts/styles/images/button_minus.gif')");
			$(this).data('collapsed',false);
		}
		else
		{
			$(this).css('backgroundImage',"url('/Scripts/styles/images/button_plus.gif')");
			$(this).data('collapsed',true);
		}
	})
	*/
	$('.series_toggler').click(function()
	{
		if($(this).data('collapsed'))
		{
			$(this).data('collapsed',false);
			$(this).css('backgroundImage',"url('/Scripts/styles/images/button_minus.gif')");
			
			$(this).closest('tr').nextUntil(':not(tr.family)').each(function() {
				$(this).find('a').data('collapsed',true);
				$(this).find('a').css('backgroundImage',"url('/Scripts/styles/images/button_plus.gif')");
				$(this).fadeIn();
			});
		}
		else
		{
			$(this).data('collapsed',true);
			$(this).css('backgroundImage',"url('/Scripts/styles/images/button_plus.gif')");
			
			$(this).closest('tr').nextUntil('tr.series').each(function() {
				$(this).fadeOut();
				$(this).find('a').data('collapsed',true);
				$(this).find('a').css('backgroundImage',"url('/Scripts/styles/images/button_plus.gif')");
			});
		}
	})
	
	$('.family_toggler, .competitor_product_toggler').click(function()
	{
		if($(this).data('collapsed'))
		{
			$(this).data('collapsed',false);
			$(this).css('backgroundImage',"url('/Scripts/styles/images/button_minus.gif')");
			
			// Fade in and expand everything until the next family or series row 
			$(this).closest('tr').nextUntil(':not(tr.expanding_content)').each(function() {
				$(this).find('a').data('collapsed',true);
				// $(this).find('a').css('backgroundImage',"url('/Scripts/styles/images/button_plus.gif')");
				$(this).fadeIn();
			});
		}
		else
		{
			$(this).data('collapsed',true);
			$(this).css('backgroundImage',"url('/Scripts/styles/images/button_plus.gif')");
			
			// Fade out and collapse everything until the next family or series row 
			$(this).closest('tr').nextUntil(':not(tr.expanding_content)').each(function() {
				$(this).fadeOut();
				$(this).find('a').data('collapsed',true);
				// $(this).find('a').css('backgroundImage',"url('/Scripts/styles/images/button_plus.gif')");
			});
		}
	})

})