How to use
First of all you have to include the jQuery and the jQuery UI libraries so the jQuery widget system is ready:
<script type="text/javascript" src="js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="js/ap-overlay.js"></script>
Then you have to include the ap-overlay.js and ap-overlay.css files for the overlay plugin. Ensure that the image references in the CSS point to the right images. Perhaps you have to adjust the pathes.
<link rel="stylesheet" type="text/css" href="css/ap-overlay.css" />
<script type="text/javascript" src="js/jquery-1.4.3.min.js"></script>
Now you can use the overlay like this – for more information have a look at the examples and api page:
var cxOverlay = $.ui.apOverlay.add( options );