$(document).ready(function () {


	initCatLists(); 
	
	$(".viewAllCats").live('click', function()
			{
				
					viewAllCats($(this));
		
			});
	
	
	$(".viewLessCats").live('click', function()
			{
				
					viewLessCats($(this));
		
			});

});
 
function viewAllCats(element)
{
	
	$(element).removeClass('viewAllCats');
    $(element).addClass('viewLessCats'); ;
    $(element).text("View Less");
	
	$(element).parents('ul:eq(0)').children().each(function(i, item) {
		
		if ($(item).is(":hidden"))
			{
				$(item).slideDown();
			}
	});
	
	
}


function viewLessCats(element)
{
	
	var showMax = 10;
	var count = 0;
	var listChildren = $(element).parents('ul:eq(0)').children();
	var listSize = (listChildren.size() -1); // (listChildren.size() - 1) : do not include view all in list

	var selectedIndex = $(listChildren).index( $('.selected',$(listChildren.parents('ul:eq(0)'))) );

	if ((selectedIndex + 1) > showMax)
	{
		showMax = selectedIndex + 1;  
	}

	if (listSize <= showMax) 
	{
		$(element).hide();
	}
	
	$(element).removeClass('viewLessCats');
    $(element).addClass('viewAllCats'); ;
    $(element).text("View All");
	
	$(listChildren).each(function(i,item) {
		
		if (count >= showMax && item.id != "viewItem")
			{
				$(item).slideUp();
			}
		count += 1;
	});	
}

function initCatLists() {
	
	$(".viewAllCats").each(function(i,item) {
		
		viewLessCats(item);
	});
	
}