digilib doesn't work! Please switch on Javascript or notify the server administrator!

diff -r 76cffbaf0083 -r 0b63093d598e webapp/src/main/webapp/jquery/jquery.digilib.arrows.js --- a/webapp/src/main/webapp/jquery/jquery.digilib.arrows.js Fri Feb 10 10:27:50 2012 +0100 +++ b/webapp/src/main/webapp/jquery/jquery.digilib.arrows.js Fri Feb 10 12:47:17 2012 +0100 @@ -148,6 +148,7 @@ var $elem = data.$elem; var settings = data.settings; var mode = settings.interactionMode; + var cssPrefix = settings.cssPrefix; var imagePath = settings.buttonSettings[mode].imagePath; // make relative imagePath absolute if (imagePath.charAt(0) !== '/' && imagePath.substring(0, 3) !== 'http') { @@ -159,14 +160,14 @@ var tooltip = buttonConfig.tooltip; var icon = imagePath + buttonConfig.icon; // construct the button html - var $button = $('

'); + var $button = $('

'); if (!show) { $button.hide(); } $div.append($button); // add attributes and bindings $button.attr('title', tooltip); - $button.addClass('arrow-' + buttonName); + $button.addClass(cssPrefix+'arrow-' + buttonName); // create handler for the buttons on the div (necessary for horizontal // scroll arrows) $div.on('click.digilib', function(evt) { @@ -184,6 +185,7 @@ var setupZoomArrows = function(data) { var $elem = data.$elem; var settings = data.settings; + var cssPrefix = settings.cssPrefix; var show = settings.showZoomArrows; console.log('zoom arrows:', show); if (!show) @@ -196,19 +198,21 @@ return; } // wrap scaler img in table - data.$scaler.wrap('

'); + data.$scaler.wrap('

'); // middle row with img has three elements - data.$scaler.parent().before('').after(''); + data.$scaler.parent().before('') + .after(''); // first and last row has only one - var $table = $elem.find('table.scalertable'); - $table.find('tr.midrow').before('').after( - ''); + var $table = $elem.find('table.'+cssPrefix+'scalertable'); + $table.find('tr.'+cssPrefix+'midrow') + .before('') + .after(''); // add arrow buttons var ar = {}; - ar.$up = createButton(data, $table.find('td.up'), 'up', digilib.fn.canMove(data, 0, -1)); - ar.$down = createButton(data, $table.find('td.down'), 'down', digilib.fn.canMove(data, 0, 1)); - ar.$left = createButton(data, $table.find('td.left'), 'left', digilib.fn.canMove(data, -1, 0)); - ar.$right = createButton(data, $table.find('td.right'), 'right', digilib.fn.canMove(data, 1, 0)); + ar.$up = createButton(data, $table.find('td.'+cssPrefix+'up'), 'up', digilib.fn.canMove(data, 0, -1)); + ar.$down = createButton(data, $table.find('td.'+cssPrefix+'down'), 'down', digilib.fn.canMove(data, 0, 1)); + ar.$left = createButton(data, $table.find('td.'+cssPrefix+'left'), 'left', digilib.fn.canMove(data, -1, 0)); + ar.$right = createButton(data, $table.find('td.'+cssPrefix+'right'), 'right', digilib.fn.canMove(data, 1, 0)); data.arrows = ar; }; diff -r 76cffbaf0083 -r 0b63093d598e webapp/src/main/webapp/jquery/jquery.digilib.birdseye.js --- a/webapp/src/main/webapp/jquery/jquery.digilib.birdseye.js Fri Feb 10 10:27:50 2012 +0100 +++ b/webapp/src/main/webapp/jquery/jquery.digilib.birdseye.js Fri Feb 10 12:47:17 2012 +0100 @@ -130,13 +130,14 @@ // creates HTML structure for the bird's eye view in elem var setupBirdDiv = function (data) { + var cssPrefix = data.settings.cssPrefix; var $elem = data.$elem; // the bird's eye div - var $birdDiv = $('