Paging buttons (arrows) with custom graphics

If you want to change the default sellector paging arrows to your own graphics, simply add the following few lines of javascript to your web page:

   arrowImageLeft: '',
   arrowImageRight: '',
   arrowImageWidth: 30, // in pixel
   arrowImageHeight: 30,
   arrowTransparency: 100, // in %
   arrowMarginTop: 8, // in pixel from top of the result area
   arrowMarginLR: 20 // in pixel from side of the result area


1. Please adapt the values after the ':' to your needs.
2. The above code snippet must be placed inside the 'sellectorPresentation'-variable (there should only be one per page) inside a javascript-script-tag as shown below:

<script type="text/javascript">
   var sellectorPresentation = { // there can only be one 'sellectorPresentation' variable per page
      other code
      Place your code here
      other code

3. In order to avoid problems when customizing the above code, please make sure that there is NO comma before any closing '}'-bracket.