// Set global vars
hs.graphicsDir = '/img/highslide/';
hs.showCredits = false;
hs.captionId = 'hscaption';

var captionHtml = '<div id="hscaption" class="highslide-caption">' + 
                  '<a href="#" onclick="return hs.previous(this);" class="control" style="float:left; display: block">' + 
                  'Previous<br/><small style="font-weight: normal; text-transform: none">left arrow key</small></a>' +
                  '<a href="#" onclick="return hs.next(this);" class="control" style="float:left; display: block; text-align: right; margin-left: 50px">' + 
                  'Next<br/><small style="font-weight: normal; text-transform: none">right arrow key</small></a>' + 
                  '<a href="#" onclick="return hs.close(this);" class="control">Close</a>' + 
                  '<a href="#" onclick="return false" class="highslide-move control">Move</a>' + 
                  '<div style="clear:both"></div></div>';

// Initialise all links with the highslide class
$(document).ready(function(){
    $('body').append(captionHtml);
});