function refMenuToggle() {
	var elem = $(this).is('li') ? this : this.parentNode; // elem must be li element
	
	var listarrow = $('img.listarrow', elem)[0];
	
	if (elem.slidestate == "up") {
		// collapse all other li
		$(elem).siblings().each(function(){
			if (this.slidestate=="down") {
				$('ul', this).hide(500);
				$('img.listarrow', this)[0].src = '/images/system/list_arrow_right.gif';
				this.slidestate = "up";
			}
		});
		
		$('ul', elem).show(500);
		listarrow.src = '/images/system/list_arrow_down.gif';
		elem.slidestate = "down";
	} else {
		$('ul', elem).hide(500);
		listarrow.src = '/images/system/list_arrow_right.gif';
		elem.slidestate = "up";
	}
}

function refMenuSwitch() {
	$('#referencemenu ul li').each(function(){
		if (this.slidestate=="down") {
			$('ul', this).hide(500);
			$('img.listarrow', this)[0].src = '/images/system/list_arrow_right.gif';
			this.slidestate = "up";
		}
	});
	
	if ($(this).attr('id')=='refmenucatproducts') {
		$('#refmenucatproducts').addClass('active');
		$('#refmenucatcustomers').removeClass('active');
		
		$('#refmenucustomers').fadeOut(500, function() { $('#refmenuproducts').fadeIn(500); });
	} else {
		$('#refmenucatproducts').removeClass('active');
		$('#refmenucatcustomers').addClass('active');
		
		$('#refmenuproducts').fadeOut(500, function() { $('#refmenucustomers').fadeIn(500); });
	}
}

function initReferencesMenu() {
	$('#referencemenu ul ul').css('display', 'none');
	
	//$('#refintroproducts ul').css('margin-left', '10px');
	$('#referencemenu ul').addClass('foldable');
	$('#referencemenu ul ul').removeClass('foldable');
	
	$('#referencemenu ul li.reflevel1').each(function(){
		if ($('li', this).length > 0) {
			if (! $('ul', this).hasClass('closed')) {
				$('ul', this).css('display', 'block');
				
				this.slidestate = 'down';
				$(this).prepend('<img src="/images/system/list_arrow_down.gif" class="listarrow" />');
				$('a.reflevel1', this).click(refMenuToggle);
			} else {
				this.slidestate = 'up';
				$(this).prepend('<img src="/images/system/list_arrow_right.gif" class="listarrow" />');
				$('a.reflevel1', this).click(refMenuToggle);
			}
		}
	});
	
	$('#referencemenu a.reflevel1').attr('href','javascript:');
	$('a.refcategory').attr('href','javascript:');
	$('a.refcategory').click(refMenuSwitch);
	
	$('#referencemenu ul.references.closed').each(function(){
		$(this).removeClass('closed');
		$(this).fadeOut(0.01);
	});
}

$(document).ready(initReferencesMenu);