Extension:GuidedTour/Shared tour instructions

Background and design

 * 1) Consult the design recommendations.
 * 2) Choose a tour name.
 * 3) For each step in your tour:
 * 4) Choose title and description text.
 * 5) Then, choose whether the step will have an attachment or a central overlay:
 * 6) * Attachments let attach to a step to a page element. They use, such as the Edit tab, a link, or the save button.  For each such element, you will need to find what is called a selector.  Any jQuery selector can be used.  In general, this includes all CSS selectors.  This example attaches to the edit tab using an edit selector:
 * For attachments, you must choose an attachment position. The choices are topLeft, top, topRight, rightTop, right, rightBottom, bottomRight, bottom, bottomLeft, leftBottom, left, leftTop.  You can experiment with these values, and may want to test in a skin beside your primary one (using the useskin parameter).
 * 1) * Overlays simply show the step in the center of the screen. They allow you to explain something without attaching to an element.
 * 2) Choose the button actions.  If you want the user to click something (such as the edit tab), you can provide no explicit buttons (an Okay button that dismisses the step will still show).  Otherwise, you will want to specify one or more.  You can specify arbitrary button actions.  However, there are helpers included by default that specify the behavior of the Okay button.  This is the most common kind of button you will need.
 * 3) *  - Will go the next step, unless the end tour checkbox is checked.
 * 4) *  - Will end the tour
 * 5) By default, the step will close when they click outside it.  In some cases, such as on the edit page, you may want to disable this by including:
 * 6) Decide if you want automatic skip behavior.  In some cases, you will want to automatically skip a step based on the current state.  For example, if you have a step asking the user to click Edit, you will want to skip if they're already on the edit page:
 * 1) *  - Will end the tour
 * 2) By default, the step will close when they click outside it.  In some cases, such as on the edit page, you may want to disable this by including:
 * 3) Decide if you want automatic skip behavior.  In some cases, you will want to automatically skip a step based on the current state.  For example, if you have a step asking the user to click Edit, you will want to skip if they're already on the edit page:
 * 1) Decide if you want automatic skip behavior.  In some cases, you will want to automatically skip a step based on the current state.  For example, if you have a step asking the user to click Edit, you will want to skip if they're already on the edit page:
 * 1) Decide if you want automatic skip behavior.  In some cases, you will want to automatically skip a step based on the current state.  For example, if you have a step asking the user to click Edit, you will want to skip if they're already on the edit page: