/*
 * main list
 */
$('a.mainLink').click(function(){
	//remove active class
	$('a.mainLink').each(function(){
		var actualClass = $(this).attr('class');
		actualClass = actualClass.replace('Active','');
		$(this).attr('class', actualClass);
	})
	//add active link
	var thisClass = $(this).attr('class');
	$(this).attr('class', thisClass + 'Active');
	
	//submenu
	if(!$(this).hasClass('noSubmenu')){
		//hide secList, show secList
		$('ul.secList').removeClass('secListActive');
		$(this).parent().find('ul.secList').addClass('secListActive');
		
		//hide sublist elements
		$('ul.secListActive li a').each(function(){
			var secListElementClass = $(this).attr('class');
			secListElementClass = secListElementClass.replace('Active','');
			$(this).attr('class', secListElementClass);
		});
		
		//show first sublist element
		var firstSubmenuElementClass = ($(this).parent().find('ul.secList li.secElement a:first').attr('class'));
		$(this).parent().find('ul.secList li.secElement a:first').attr('class', firstSubmenuElementClass + 'Active')
		
		//show content
		$('.productCnt').removeClass('active');
		$('.productCnt.' + firstSubmenuElementClass + 'Cnt').addClass('active');
	}
	//no submenu
	else {
		//hide secList, show secList
		$('ul.secList').removeClass('secListActive');
		var thisClass = $(this).attr('class');
		thisClass = thisClass.replace('mainLink noSubmenu ', '');
		thisClass = thisClass.replace('Active', '');
		$('.productCnt').removeClass('active');
		$('.productCnt.' + thisClass + 'Cnt').addClass('active');
	}
	return false;
})

/*
 * initiate
 */
$('ul.secList').removeClass('secListActive');
$('ul.secList:first').addClass('secListActive');
//remove class active from each sublist element, add class active to first sublist element
$('.productCnt').removeClass('active');
$('.productCnt:first').addClass('active');

/*
 * second list
 */
$('li.secElement a').click(function(){
	//remove active class for each sublist element
	$('li.secElement a').each(function(){
		var noActiveClass = $(this).attr('class');
		noActiveClass = noActiveClass.replace('Active','');
		$(this).attr('class', noActiveClass);
	});
	//add active class for submenu element
	var thisClass = $(this).attr('class');
	$(this).attr('class', thisClass + 'Active');
	//hide all content
	$('.productCnt').removeClass('active');
	//show content active element
	$('.productCnt.' + thisClass + 'Cnt').addClass('active');
	return false;
})