Transformar Array em lista não ordenada

Olá estou com um problema bem grande, estou tentando pegar uma array da seguinte forma:

var mailboxes = [
 'PASTA',
 'PASTA.Item1',
 'PASTA.Item2',
 'PASTA.Item3',
 'PASTA.Item4',
 'PASTA.Item5',
 'PASTA.Item5.SubItem',
 'PASTA.Item5.SubItem',
 'PASTA.Item6',
 'PASTA.Item6.SubItem',
 'PASTA.Item'
 ];

e transformar em uma lista assim:

<ul class="pasta">
 <li>Item1</li>
 <li>Item2</li>
 <li>Item3</li>
 <li>Item4</li>
 <li>Item5
 <ul>
 <li>SubItem1</li>
 <li>SubItem2</li>
 <ul>
 </li>
 <li>Item6
 <ul>
 <li>SubItem1</li>
 <ul>
 </li>
 <li>Item7</li>
 </ul>

Ou seja transformar um ARRAY numa lista não ordenada ... já tentei usar loop (for) tentei de tudo a algum tempo já, alguém tem ideia de como posso fazer?