$(document).ready(function() {
	
	$('div.page_menu div.group div h3 > span.action').each(function(){
		var height_h3 = $(this).parent().css('height').replace(/([\d.]+)(px|pt|em|%)/,'$1'); 
		$(this).css('height', height_h3 );
	});
	
	/* anim first level */
	$('div.page_menu div.group div h3 > span.action').click(function() {
		var id_group_selected = $('div.page_menu div.group div.selected').parent().attr('id');
		var id_group_click = $(this).parent().parent().parent().attr('id');
		var id_group_open = $('div.page_menu div.group div.open').parent().attr('id');
		
		if(id_group_selected != id_group_click){
			if(id_group_click == id_group_open){
				$('#'+id_group_click+' > div.open').attr('class','close');
				$('#'+id_group_click+' ul').css('background-color', '#f1f1f1');
				$('#'+id_group_click+' > ul').slideUp('normal', function(){
					$(this).attr('class','close');
				});
			}
			else{
				$('#'+id_group_click+' ul').css('background-color', '#ffffff');
				$('#'+id_group_click+' > div.close').attr('class','open');
				
				$('#'+id_group_click+' > ul').slideDown('normal', function(){							
					$('#'+id_group_click+' > ul.close').attr('class', 'open');
				});
				
				$('#'+id_group_open+' > div.open').attr('class','close');
				$('#'+id_group_open+' ul').css('background-color', '#f1f1f1');
				$('#'+id_group_open+' > ul').slideUp('normal', function(){
					$(this).attr('class','close');
				});
			}	
		}	
		return false;
	});
	
	/* anim second level */
	$('div.page_menu div.group ul li > span.action').click(function() {
		var id_group_click = $(this).parent().parent().parent().attr('id');
		var id_subgroup_selected = $('div.page_menu div.group ul.selected li.selected').attr('id');
		var id_subgroup_click = $(this).parent().attr('id');
		var id_subgroup_open = $('div.page_menu #'+ id_group_click+' ul li.open').attr('id');
		
		if(id_subgroup_selected != id_subgroup_click){
			if(id_subgroup_click == id_subgroup_open){
				$('#'+id_subgroup_click+' > ul').slideUp('normal', function(){
					$('#'+id_subgroup_click).attr('class','close');
				});
			}
			else{
				$('#'+id_subgroup_click+' > ul').slideDown('normal', function(){
					$('#'+id_subgroup_click).attr('class','open');
				});
				
				
				$('#'+id_subgroup_open+' > ul').slideUp('normal', function(){
					$('#'+id_subgroup_open).attr('class','close');
				});
			}
			
		}
		
		return false;
	});
	
});