function downDrop ( obj, label ) {

		// Vars
			var id = "sub" + label;
			var title = "My" + label;
			var objSubMenu = document.getElementById( id ).style; // object to deal with -> ul LIST
			var real_height = real_height_array[label];
			var current_height = objSubMenu.height; // get current height of style
			
		// Actions
		
		for ( cnt = 0; cnt < aLableNames.length; cnt++ ) { // close the rest before
			var other_current_height = document.getElementById( "sub" + aLableNames[cnt] ).style.height;
			//if ( other_current_height == null ) other_current_height = real_height_array[aLableNames[cnt]];
			other_current_height = other_current_height.replace('px', '') * 1;
			//alert ( " current:" + label +  " looping:" +aLableNames[cnt] + ' with height:' + other_current_height );
			
			if ( aLableNames[cnt] != label && other_current_height > 0 ) {
				setTimeout ( "closeUp ( '" + aLableNames[cnt] + "' );", 500 );
			}
		}
			
		if ( real_height + 5 + 'px' == current_height ) { // chrome and FF
			// collapsing sub menu
			$j( '.' + title ).gx({'padding-left': 4}, 100, 'Elastic');
			$j( '#' + id ).gx({'opacity': 0.0}, 100, 'Linear', function () { objSubMenu.display = "none"; });
			$j( '#' + id ).gx({'height': 0}, 700, 'Linear');
		} else if ( current_height == 0 || current_height == '0px' )  {
			// slice down
			//alert ('slice down ' + label );
			objSubMenu.display = "block";
			$j( '#' + id ).gx({'height': real_height + 5 }, 500, 'Linear');
			$j( '.' + title ).gx({'padding-left': 32}, 600, 'Linear');
			$j( '#' + id ).gx({'opacity': 1.0}, 900, 'Linear');
		}
	}
	
	function closeUp ( label ) {
	
		//alert ('closing! ' + label);
		
		var id = "sub" + label;
		var title = "My" + label;
		var objSubMenu = document.getElementById( id ).style; // object to deal with -> ul LIST
		// if height is empty the we need to set it first
		//document.getElementById('sub' + label).style.height = real_height_array[label];
	
		// collapsing sub menu
		$j('#' + id ).gx({'opacity': 0.0}, 100, 'Linear', function () { objSubMenu.display = "none"; });
		$j('#' + id ).gx({'height': 0}, 700, 'Linear');
		$j('.' + title ).gx({'padding-left': 4}, 100, 'Elastic');
		
	}