Looks like an elaborated use-case diagram, in which some use cases are using deeper use cases. Might also be an object-participation diagram.
If I were making a diagram of that type, I'd probably use MS Visio, which has many tools for creating diagrams like that (flowcharts and the like).
Try http://writemaps.com/ if you want to generate a simple sitemap.
Otherwise you'll need to delve into visio or a visio equivalent.
Since a few people mentioned Visio, Dia is a free alternative. It's not the greatest, but it gets the job done.
Dia is inspired by the commercial Windows program 'Visio', though more geared towards informal diagrams for casual use. It can be used to draw many different kinds of diagrams. It currently has special objects to help draw entity relationship diagrams, UML diagrams, flowcharts, network diagrams, and many other diagrams. It is also possible to add support for new shapes by writing simple XML files, using a subset of SVG to draw the shape.
It seems to be a diagram displaying the options to navigate a web page. If you want to do this in UML you can do it by using a state diagram. Pages are states with the links being transitions.
It would look very different, but it display the same information, and if you want with more detail.
This is called Use Case Diagrams in UML. There are so many tools to draw them ranging from commercial to free. You may try Violet. Download it from here. http://sourceforge.net/projects/violet/
This is a navigation model (also known as a hypertext model). This is not one of the UML standard diagrams but all design methods for web applications (e.g. WebML) support this diagram (and in fact, it is the most important for them).
(this does not mean that it cannot be draw in UML but I think you would find useful to take a loot at navigation models first)