CINXE.COM
KVAH S枚kresultat
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="sv"> <head> <!-- HTTP 1.1 --> <meta http-equiv="Cache-Control" content="no-store"/> <!-- HTTP 1.0 --> <meta http-equiv="Pragma" content="no-cache"/> <!-- Prevents caching at the Proxy Server --> <meta http-equiv="Expires" content="0"/> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/> <meta http-equiv="P3P" href="http://topapp.nanigans.com/p3p.xml#policy" content='CP="IDC DSP COR ADM DEVi TAIi PSA PSD IVAi IVDi CONi HIS OUR IND CNT"'> <meta name="generator" content="AppFuse 2.0" /> <!-- leave this for stats please --> <!-- link rel="shortcut icon" href="/kvah/images/favicon.ico;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"/ --> <!-- link rel="icon" href="/kvah/images/favicon.ico;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"/ --> <meta http-equiv="Autosize" content="Off" /> <title>KVAH S枚kresultat</title> <link rel="stylesheet" type="text/css" href="/kvah/styles/catview.css;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" /> <script type="text/javascript" src="/kvah/scripts/jquery-1.11.1.min.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"></script> <link type="text/css" href="/kvah/scripts/jquery-ui-1.11.4.custom/jquery-ui.css;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" rel="stylesheet" /> <script type="text/javascript" src="/kvah/scripts/jquery-ui-1.11.4.custom/jquery-ui.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"></script> <script type='text/javascript' src="/kvah/dwr/interface/ajaxCatviewController.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"></script> <script type='text/javascript' src="/kvah/dwr/engine.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"></script> <script type='text/javascript' src="/kvah/dwr/util.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"></script> <script type="text/javascript" src="/kvah/scripts/jquery.qtip.min.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" ></script> <script type="text/javascript" src="/kvah/scripts/rAF.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" ></script> <!-- requestAnimationFrame compatibility fix --> <script type="text/javascript" src="/kvah/scripts/modernizr.custom.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" ></script> <!-- Test for touch and CSS3 --> <script type="text/javascript" src="/kvah/scripts/e-smart-zoom-jquery-min.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"></script> <script type="text/javascript" src="/kvah/scripts/pageflip-min.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"></script> <script type="text/javascript" src="/kvah/scripts/devo-utils-min.js;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0"></script> <script type="text/javascript"> var tjpzoomEnabled = false; var TJPzoomoffset='smart'; var currentList = 1; var normalZoom = 3; var zoomLevel = normalZoom; var rotate = 0; var imageNo = 53; var maxImageNo = 342; var maxPageNo = 342; var visibleItems; var zoomLevels = getZoomLevels(); var viewMode = 1; function getWidth() { var myWidth = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myWidth = window.innerWidth; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myWidth = document.documentElement.clientWidth; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myWidth = document.body.clientWidth; } return myWidth; } function getHeight() { var myHeight = 0; if( typeof( window.innerWidth ) == 'number' ) { //Non-IE myHeight = window.innerHeight; } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) { //IE 6+ in 'standards compliant mode' myHeight = document.documentElement.clientHeight; } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) { //IE 4 compatible myHeight = document.body.clientHeight; } return myHeight; } function getZoomLevels() { var levels = new Array(); var aspect = 1.5; //levels[8] = { w: 1920, h: 1920 * aspect }; levels[8] = { w: 1600, h: 1600 * aspect }; levels[7] = { w: 1280, h: 1280 * aspect }; levels[6] = { w: 1024, h: 1024 * aspect }; levels[5] = { w: 800, h: 800 * aspect }; levels[4] = { w: 600, h: 600 * aspect }; levels[3] = { w: 500, h: 500 * aspect }; levels[2] = { w: 400, h: 400 * aspect }; levels[1] = { w: 300, h: 300 * aspect }; levels[0] = { w: 250, h: 250 * aspect }; return levels; } var list1 = new Array(); // will be used as one-based list, i.e slot 0 is empty (null) list1[0] = undefined; list1[1] = 0; list1[2] = 0; list1[3] = 0; list1[4] = 0; list1[5] = 0; list1[6] = 0; list1[7] = 0; list1[8] = 0; list1[9] = 0; list1[10] = 0; list1[11] = 0; list1[12] = 0; list1[13] = 0; list1[14] = 0; list1[15] = 1; list1[16] = 2; list1[17] = 3; list1[18] = 4; list1[19] = 5; list1[20] = 6; list1[21] = 7; list1[22] = 8; list1[23] = 9; list1[24] = 10; list1[25] = 11; list1[26] = 12; list1[27] = 13; list1[28] = 14; list1[29] = 15; list1[30] = 16; list1[31] = 17; list1[32] = 18; list1[33] = 19; list1[34] = 20; list1[35] = 21; list1[36] = 22; list1[37] = 23; list1[38] = 24; list1[39] = 25; list1[40] = 26; list1[41] = 27; list1[42] = 28; list1[43] = 29; list1[44] = 30; list1[45] = 31; list1[46] = 32; list1[47] = 33; list1[48] = 34; list1[49] = 35; list1[50] = 36; list1[51] = 37; list1[52] = 38; list1[53] = 39; list1[54] = 40; list1[55] = 41; list1[56] = 42; list1[57] = 43; list1[58] = 44; list1[59] = 45; list1[60] = 46; list1[61] = 47; list1[62] = 48; list1[63] = 49; list1[64] = 50; list1[65] = 51; list1[66] = 52; list1[67] = 53; list1[68] = 54; list1[69] = 55; list1[70] = 56; list1[71] = 57; list1[72] = 58; list1[73] = 59; list1[74] = 60; list1[75] = 61; list1[76] = 62; list1[77] = 63; list1[78] = 64; list1[79] = 65; list1[80] = 66; list1[81] = 67; list1[82] = 68; list1[83] = 69; list1[84] = 70; list1[85] = 71; list1[86] = 72; list1[87] = 73; list1[88] = 74; list1[89] = 75; list1[90] = 76; list1[91] = 77; list1[92] = 78; list1[93] = 79; list1[94] = 80; list1[95] = 81; list1[96] = 82; list1[97] = 83; list1[98] = 84; list1[99] = 85; list1[100] = 86; list1[101] = 87; list1[102] = 88; list1[103] = 89; list1[104] = 90; list1[105] = 91; list1[106] = 92; list1[107] = 93; list1[108] = 94; list1[109] = 95; list1[110] = 96; list1[111] = 97; list1[112] = 98; list1[113] = 99; list1[114] = 100; list1[115] = 101; list1[116] = 102; list1[117] = 103; list1[118] = 104; list1[119] = 105; list1[120] = 106; list1[121] = 107; list1[122] = 108; list1[123] = 109; list1[124] = 110; list1[125] = 111; list1[126] = 112; list1[127] = 113; list1[128] = 114; list1[129] = 115; list1[130] = 116; list1[131] = 117; list1[132] = 118; list1[133] = 119; list1[134] = 120; list1[135] = 121; list1[136] = 122; list1[137] = 123; list1[138] = 124; list1[139] = 125; list1[140] = 126; list1[141] = 127; list1[142] = 128; list1[143] = 129; list1[144] = 130; list1[145] = 131; list1[146] = 132; list1[147] = 133; list1[148] = 134; list1[149] = 135; list1[150] = 136; list1[151] = 137; list1[152] = 138; list1[153] = 139; list1[154] = 140; list1[155] = 141; list1[156] = 142; list1[157] = 143; list1[158] = 144; list1[159] = 145; list1[160] = 146; list1[161] = 147; list1[162] = 148; list1[163] = 149; list1[164] = 150; list1[165] = 151; list1[166] = 152; list1[167] = 153; list1[168] = 154; list1[169] = 155; list1[170] = 156; list1[171] = 157; list1[172] = 158; list1[173] = 159; list1[174] = 160; list1[175] = 161; list1[176] = 162; list1[177] = 163; list1[178] = 164; list1[179] = 165; list1[180] = 166; list1[181] = 167; list1[182] = 168; list1[183] = 169; list1[184] = 170; list1[185] = 171; list1[186] = 172; list1[187] = 173; list1[188] = 174; list1[189] = 175; list1[190] = 176; list1[191] = 177; list1[192] = 178; list1[193] = 179; list1[194] = 180; list1[195] = 181; list1[196] = 182; list1[197] = 183; list1[198] = 184; list1[199] = 185; list1[200] = 186; list1[201] = 187; list1[202] = 188; list1[203] = 189; list1[204] = 190; list1[205] = 191; list1[206] = 192; list1[207] = 193; list1[208] = 194; list1[209] = 195; list1[210] = 196; list1[211] = 197; list1[212] = 198; list1[213] = 199; list1[214] = 200; list1[215] = 201; list1[216] = 202; list1[217] = 203; list1[218] = 204; list1[219] = 205; list1[220] = 206; list1[221] = 207; list1[222] = 208; list1[223] = 209; list1[224] = 210; list1[225] = 211; list1[226] = 212; list1[227] = 213; list1[228] = 214; list1[229] = 215; list1[230] = 216; list1[231] = 217; list1[232] = 218; list1[233] = 219; list1[234] = 220; list1[235] = 221; list1[236] = 222; list1[237] = 223; list1[238] = 224; list1[239] = 225; list1[240] = 226; list1[241] = 227; list1[242] = 228; list1[243] = 229; list1[244] = 230; list1[245] = 231; list1[246] = 232; list1[247] = 233; list1[248] = 234; list1[249] = 235; list1[250] = 236; list1[251] = 237; list1[252] = 238; list1[253] = 239; list1[254] = 240; list1[255] = 241; list1[256] = 242; list1[257] = 243; list1[258] = 244; list1[259] = 245; list1[260] = 246; list1[261] = 247; list1[262] = 248; list1[263] = 249; list1[264] = 250; list1[265] = 251; list1[266] = 252; list1[267] = 253; list1[268] = 254; list1[269] = 255; list1[270] = 256; list1[271] = 257; list1[272] = 258; list1[273] = 259; list1[274] = 260; list1[275] = 261; list1[276] = 262; list1[277] = 263; list1[278] = 264; list1[279] = 265; list1[280] = 266; list1[281] = 267; list1[282] = 268; list1[283] = 269; list1[284] = 270; list1[285] = 271; list1[286] = 272; list1[287] = 273; list1[288] = 274; list1[289] = 275; list1[290] = 276; list1[291] = 277; list1[292] = 278; list1[293] = 279; list1[294] = 280; list1[295] = 281; list1[296] = 282; list1[297] = 283; list1[298] = 284; list1[299] = 285; list1[300] = 286; list1[301] = 287; list1[302] = 288; list1[303] = 289; list1[304] = 290; list1[305] = 291; list1[306] = 292; list1[307] = 293; list1[308] = 294; list1[309] = 295; list1[310] = 296; list1[311] = 297; list1[312] = 298; list1[313] = 299; list1[314] = 300; list1[315] = 301; list1[316] = 302; list1[317] = 303; list1[318] = 304; list1[319] = 305; list1[320] = 306; list1[321] = 307; list1[322] = 308; list1[323] = 309; list1[324] = 310; list1[325] = 311; list1[326] = 312; list1[327] = 313; list1[328] = 314; list1[329] = 315; list1[330] = 316; list1[331] = 317; list1[332] = 318; list1[333] = 319; list1[334] = 320; list1[335] = 321; list1[336] = 322; list1[337] = 323; list1[338] = 324; list1[339] = 325; list1[340] = 326; list1[341] = 327; list1[342] = 328; function getCurrentList() { return list1; } function getThumbnailSource(imageNo) { return '/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getThumbnail&imageNo=' + imageNo + "&key=" + 722; } function getLowResSource(imageNo) { var w = zoomLevels[zoomLevel].w; var h = zoomLevels[zoomLevel].h; return '/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getImage&imageNo=' + imageNo + '&width=' + w + '&height=' + h + '&rotate=' + rotate+ "&key=" + 722; } function getHighResSource(imageNo) { var w = zoomLevels[zoomLevel+2].w; var h = zoomLevels[zoomLevel+2].h; return '/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getHighResImage&imageNo=' + imageNo + '&width=' + w + '&height=' + h + '&rotate=' + rotate + "&key=" + 722; } function updateNavigationButtons() { $('#pageno').val(getPageText(list1[imageNo]) + " (" + imageNo + ")"); if (imageNo == 1) { jQuery('#gotofirst').attr('disabled', 'disabled'); jQuery('#gotominusone').attr('disabled', 'disabled'); } else { jQuery('#gotofirst').removeAttr('disabled'); jQuery('#gotominusone').removeAttr('disabled'); } if (imageNo <= 10) { jQuery('#gotominusten').attr('disabled', 'disabled'); } else { jQuery('#gotominusten').removeAttr('disabled'); } if (imageNo <= 5) { jQuery('#gotominusfive').attr('disabled', 'disabled'); } else { jQuery('#gotominusfive').removeAttr('disabled'); } if (imageNo == maxImageNo) { jQuery('#gotolast').attr('disabled', 'disabled'); jQuery('#gotoplusone').attr('disabled', 'disabled'); } else { jQuery('#gotolast').removeAttr('disabled'); jQuery('#gotoplusone').removeAttr('disabled'); } if (imageNo >= maxImageNo - 11) { jQuery('#gotoplusten').attr('disabled', 'disabled'); } else { jQuery('#gotoplusten').removeAttr('disabled'); } if (imageNo >= maxImageNo - 6) { jQuery('#gotoplusfive').attr('disabled', 'disabled'); } else { jQuery('#gotoplusfive').removeAttr('disabled'); } } function selectImage(goImageNo) { if (viewMode == 4) { goImageNo = Math.round((goImageNo +1)/2) * 2 -1; // 1, 3, 5... } imageNo = Math.min(goImageNo, maxImageNo); jQuery('a img').removeClass('selected'); jQuery('a#a_' + imageNo + ' img').addClass('selected'); updateNavigationButtons(); getDocumentPageInfo(); if (viewMode == 4) { $("#bookview").gotoPage(goImageNo); // use goImageNo since it points to 1 + max at the end which is needed } else { //onepage $('#image').hide(); if($('#image').smartZoom('isPluginActive')) { $('#image').smartZoom('destroy'); } $('#image').attr('src', '/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getImage&imageNo=' + imageNo + '&key=' + 722); // get page //$('#image').attr('src', lowresSource); $('#image').load( function() { //removeSpinner(); $('#image').smartZoom({'maxScale':1.0}); // Initialize smartZoom $('#image').show(); }); } //gotoPage(imageNo); } function getImageHTML(lowres, highres) { if (tjpzoomEnabled) { //alert("lowres=" + lowres + ", higres=" + highres); return '<img src="' + lowres + '" onmouseover="TJPzoom(this, \'' + highres + '\');"/>'; } else return '<img src="' + lowres + '" />'; } function zeroPad(num) { var pages = maxImageNo;//getCurrentList().length; var count = 1; if (pages > 9) ++count; if (pages > 99) ++count; if (pages > 999) ++count; var numZeropad = num + ''; while(numZeropad.length < count) { numZeropad = "0" + numZeropad; } return numZeropad; } function getPageText(num) { if (num == 0) return "--"; else return num; } function getThumbnailHTML(thumbnail, imageNo, border) { var html= '<span class="desc">' + getPageText(list1[imageNo]) + " (" + imageNo + ")" + '</span><a id="a_' + imageNo + '" href="javascript:selectImage(' + imageNo + ');">' + '<img '; if (border) { html += 'width="80px" src="' + thumbnail + '"/>' + '</a>'; } else { html += 'width="80px" src="' + thumbnail + '"/>' + '</a>'; } return html; } function getDummyThumbnailHTML() { return '<br><br><img width="80px" src="#"/>'; } function onSliderChange(e, ui) { var imageNo = ui.value; initImages(imageNo); } function onSliderSlide(e, ui) { var imageNo = ui.value; initImages(imageNo); } function setFirstVisible() { var firstVisible = imageNo - Math.floor((visibleItems - 1) / 2); if (firstVisible < 1) firstVisible = 1; if (imageNo > maxImageNo - visibleItems) firstVisible = maxImageNo - visibleItems + 1; jQuery('#slider').slider('option', 'value', firstVisible); initImages(firstVisible); } function preLoad(imageNo) { /*var preloadCount = 10; for (var i = (visibleItems - 1) / 2; i < preloadCount + (visibleItems - 1) / 2; ++i) { var thumbnailSource1 = getThumbnailSource(imageNo - i); var preImage = new Image(); preImage.src = thumbnailSource1; var thumbnailSource2 = getThumbnailSource(imageNo + i); var postImage = new Image(); postImage.src = thumbnailSource2; }*/ } function initImages(imageNoStart) { //console.log(imageNoStart); for (var i = 0; i < visibleItems; i++) { var thumbnailSource = getThumbnailSource(imageNoStart + i ); if (imageNoStart + i < 1) { jQuery('#image_' + (i + 1)).html(''); } else { var border = false; if (i == parseInt(visibleItems/2 +.5)) border = true; jQuery('#image_' + (i + 1)).html(getThumbnailHTML(thumbnailSource, imageNoStart + i, border)); } } jQuery('a img').removeClass('selected'); jQuery('a#a_' + imageNo + ' img').addClass('selected'); preLoad(imageNo); } function getListItems(thumbnailCount) { var html = ''; for (var i = 1; i <= thumbnailCount; ++i) { html += '<li id="image_' + i + '"></li>' } return html; } function findPageNo(pageNo) { for (var i = 1; i <= list1.length; ++i) { if (list1[i] == pageNo) return i; } return maxPageNo; } function setVisibleItems() { visibleItems = Math.floor((jQuery('#content').width()-15) / 90); } function setZoomLevel() { var height = jQuery("#image_div").height(); var width = jQuery("#image_div").width(); zoomLevel = 0; for (i = 8; i >= 0; i--) { if (zoomLevels[i].w <= width && zoomLevels[i].h <= height) { zoomLevel = i; break; } } //alert("zoomlevel=" + zoomLevel); zoomLevel; // Go 1 level above match } function changePageList(full) { var url = '/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0'; var parameters = 'method=changePageList&showFullCbk=' + full + "&key=" + 722; jQuery.post(url, parameters, null); } function getDocumentPageInfo() { ajaxCatviewController.getDocumentPageInfo(722, imageNo, function(documentPageInfo) { var htmlText = ''; if (documentPageInfo.volume != undefined) { htmlText += '<span class="desc">脜rg氓ng: </span>'; htmlText += '<span class="infotext">'; htmlText += documentPageInfo.volume; htmlText += '</span><br><br>'; } jQuery('#volumeText').html(htmlText); var htmlText2 = ''; if (documentPageInfo.author != undefined) { htmlText2 += '<span class="desc">F枚rfattare: </span><br>'; htmlText2 += '<span class="infotext">'; htmlText2 += documentPageInfo.author; htmlText2 += '</span><br><br>'; } jQuery('#authorText').html(htmlText2); var htmlText3 = ''; if (documentPageInfo.article != undefined) { htmlText3 += '<span class="desc">脛mne: </span><br>'; htmlText3 += '<span class="infotext">'; htmlText3 += documentPageInfo.article; htmlText3 += '</span><br><br>'; } jQuery('#articleText').html(htmlText3); var htmlText4 = ''; if (documentPageInfo.startPage != undefined) { htmlText4 += '<span class="desc">Sidor: </span><br>'; htmlText4 += '<span class="infotext">'; htmlText4 += documentPageInfo.startPage; htmlText4 += '</span><br><br>'; } jQuery('#startPageText').html(htmlText4); }); } /* function setPageFromBookview(page) { imageNo = parseInt(page)+1; updateNavigationButtons(); gotoPage(parseInt(imageNo)); } function gotoPage(pageNo) { var url = '/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0'; var parameters = 'method=gotoPage&pageNo=' + pageNo + "&key=" + 722; jQuery.post(url, parameters, getDocumentPageInfo); } */ function setZoom(zoomLevel) { return; //noop! //var url = '/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0'; //var parameters = 'method=zoom&zoomLevel=' + zoomLevel + "&key=" + 722; //jQuery.post(url, parameters, null); } function updateRotation(direction) { var url = '/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0'; var parameters = 'method=rotate&value=' + direction + "&key=" + 722; jQuery.post(url, parameters, null); } jQuery(document).ready(function() { $(window).on("resize", setup); //setVisibleItems(); if (viewMode == 4) { jQuery("#image").hide(); jQuery("#zoomplus").addClass("dim"); jQuery("#zoomminus").addClass("dim"); jQuery('#viewMode_book').addClass("selected"); jQuery('#viewMode_onepage').addClass("unselected"); jQuery('#catviewtable').css('overflow', 'hidden'); // Init pageflip if html5 canvas is available! //jQuery("#bookview").hide(); jQuery("#bookview").pageflip({ 'aspectRatio' : 0.66, // hardcoded, fits kvah books 'enableResize' : true, 'startPage' : imageNo, // start on page 'maxPages' : maxImageNo, // end on page 'offset' : 0, // offset for concatenated books imageid's 'pageUrl' : '/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getImage' + '&key=' + 722, 'setPageCallback': function(newPage) { selectImage(newPage); setFirstVisible(); }, 'enableZoom': false }); } else { jQuery("#bookview").hide() jQuery('#viewMode_book').addClass("unselected"); jQuery('#viewMode_onepage').addClass("selected"); } //jQuery('#toggletjp').fadeTo('fast', 0.3); //var li = getListItems(visibleItems); //jQuery('#clip ul').html(li); jQuery('#pageno').focus(function() { jQuery('#pageno').val(''); }); jQuery('#pageno').keypress(function(e) { if (e && e.keyCode == 13) { var pageNo = parseInt($('#pageno').val()); var imageNo = findPageNo(pageNo) selectImage(imageNo); //setFirstVisible(); } }); jQuery('#gotofirst').click(function() { selectImage(1); setFirstVisible(); }); jQuery('#gotominusten').click(function() { imageNo = imageNo - 10; if (imageNo < 1) imageNo = 1; selectImage(imageNo); setFirstVisible(); }); jQuery('#gotominusfive').click(function() { imageNo = imageNo - 5; if (imageNo < 1) imageNo = 1; selectImage(imageNo); setFirstVisible(); }); jQuery('#gotominusone').click(function() { if (viewMode == 4) { // Need to back 2 as bookview uses steps of two // one step here, and one more below imageNo = imageNo - 1; } imageNo = imageNo - 1; if (imageNo < 1) imageNo = 1; selectImage(imageNo); setFirstVisible(); }); jQuery('#gotoplusten').click(function() { imageNo = imageNo + 10; if (imageNo > maxImageNo) imageNo = maxImageNo; selectImage(imageNo); setFirstVisible(); }); jQuery('#gotoplusfive').click(function() { imageNo = imageNo + 5; if (imageNo > maxImageNo) imageNo = maxImageNo; selectImage(imageNo); setFirstVisible(); }); jQuery('#gotoplusone').click(function() { imageNo = imageNo + 1; if (imageNo > maxImageNo) imageNo = maxImageNo; selectImage(imageNo); setFirstVisible(); }); jQuery('#gotolast').click(function() { selectImage(maxImageNo); setFirstVisible(); }); if (viewMode == 1) { jQuery('#zoomplus').click(function() { if (viewMode == 1) { $('#image').smartZoom('zoom', 0.3); } else { if (zoomLevel < zoomLevels.length - 1) { zoomLevel +=1; selectImage(imageNo); setZoom(zoomLevel); } } }); jQuery('#zoomminus').click(function() { if (viewMode == 1) { $('#image').smartZoom('zoom', -0.3); } else { if (zoomLevel > 0) { zoomLevel -=1; selectImage(imageNo); setZoom(zoomLevel); } } }); } else { jQuery('#zoomplus').click(function() { //document.BookViewApplet.zoomPlusButton_actionPerformed(null); }); jQuery('#zoomminus').click(function() { //document.BookViewApplet.zoomMinusButton_actionPerformed(null); }); } jQuery('#zoomnormal').click(function() { if (zoomLevel != normalZoom) { zoomLevel = normalZoom; selectImage(imageNo); setZoom(zoomLevel); } }); jQuery('#toggletjp').click(function() { var h1 = jQuery("#headerRow").outerHeight(); var h2 = jQuery("#thumbnails").outerHeight(); var height = jQuery(window).height() - h1 - h2; if (tjpzoomEnabled) { tjpzoomEnabled = false; //jQuery('#toggletjp').attr('src', '/kvah/images/tjp_off.png;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0'); jQuery('#toggletjp').css('border', '1px solid #CCDDED'); jQuery('#toggletjp').fadeTo('slow', 0.3); jQuery('div#image').css('height', (height - 20) + 'px'); } else { tjpzoomEnabled = true; //jQuery('#toggletjp').attr('src', '/kvah/images/tjp_on.png;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0'); jQuery('#toggletjp').css('border', '1px solid #AABBCC'); jQuery('#toggletjp').fadeTo('slow', 1); jQuery('div#image').css('height', '100%'); } selectImage(imageNo); }); jQuery('#rotateplus').click(function() { rotate += 90; if (rotate > 270) rotate = 0; selectImage(imageNo); updateRotation('right'); }); jQuery('#rotateminus').click(function() { rotate -= 90; if (rotate < 0) rotate = 270; selectImage(imageNo); updateRotation('left'); }); // Set book mode jQuery('#viewMode_book').click(function() { jQuery('#viewMode').val(4); document.controlForm.method.value = "changeViewMode"; document.controlForm.submit(); }); // Set one page mode jQuery('#viewMode_onepage').click(function() { jQuery('#viewMode').val(1); document.controlForm.method.value = "changeViewMode"; document.controlForm.submit(); }); //TJPshadow='/kvah/scripts/tjpzoom/dropshadow/;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0'; setup(); }); function setup() { // reset if a resize event jQuery('#clip ul').html(''); jQuery('#controls').width(0); //jQuery('#bookview').width(0); jQuery('#image_div').width(0); setVisibleItems(); var li = getListItems(visibleItems); jQuery('#clip ul').html(li); jQuery('#controls').width(visibleItems * 90 - 10); var h1 = jQuery("#headerRow").outerHeight(); var h2 = jQuery("#thumbnails").outerHeight(); var height = jQuery(window).height() - h1 - h2 - 10; $('#image_div').width($('#content').width()); $('#image_div').height(height); setZoomLevel(); if (viewMode == 4) { imageNo = Math.round((imageNo +1)/2) * 2 -1; // 1, 3, 5... $('#bookview').width(zoomLevels[zoomLevel].w * 2); $("#bookview").resetSize(); $("#bookview").setPage(imageNo); //jQuery("#bookview").show(); //jQuery('#bookview').fadeIn(800); } else { //$('#image_div').css('width', '100%'); $('#image_div').width($('#content').width()); } // Slider $('div#slider').css('width', '100%'); $('#slider').slider({ min: 1, max: maxImageNo - visibleItems + 1, value: imageNo, change: onSliderChange, slide: onSliderSlide }); if (maxImageNo - 1 < visibleItems) { jQuery('#slider').slider('disable'); } else { jQuery('#slider').slider('enable'); } selectImage(imageNo); setFirstVisible(); } </script> <style type="text/css"> .ui-slider .ui-slider-handle { width: 13px; height: 13px; margin-top: 2px; margin-left: -5px; } div#slider { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; margin-top: 5px; //margin-left: 10px; height: 9px; } div#header { height: 40px; width: 100%; } div#content { padding-left: 20px; border-left: 1px solid #afb0b1; } div#image_div { margin-top: 5px; width: 100%; } div#thumbnails { //-moz-border-radius: 10px; //border: 1px solid #346F97; margin-bottom: 0px; width:100%; } a img { color: #000000; border-width: 0px; border-style: solid; border-color: #000000; } a img.selected { color: #346F97; border-width: 2px; border-style: solid; border-color: red; /*#9b9c9e;*/ padding: 0; -moz-border-radius: 3px/*{cornerRadius}*/; -webkit-border-radius: 3px/*{cornerRadius}*/; } #images { height: 125px; overflow: hidden; } #horizontal { overflow:hidden; //padding-left: 10px; //background:#F0F6F9 none repeat scroll 0 0; position:relative; text-align: center; } #clip { overflow:hidden; width:100%; height:135px; } #clip ul { margin:0; overflow:hidden; padding:0; position:relative; top:0; z-index:1; } #clip ul li { margin-right:10px; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; width: 80px; } </style> </head> <body class="catviewbackground" id="catviewtable" style="margin: 0px; padding: 0px;" "> <table width="100%" border="0" cellpadding="0" cellspacing="0" class="catview" style="min-width: 500px"> <tr id="headerRow"> <td height="80" width="200" class="header" style="padding-left: 0px;" valign="top"> <a href="http://www.vetenskapshistoria.se" target="_blank"><img src="/kva-brev/custom/kva/images/centrum-logo.svg" alt="logo" height="73px"></a> </td> <td nowrap class="header" valign="bottom" style="padding-bottom: 15px;"> <form name="controlForm" id="controlForm" action="/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" method="post" > <input type="hidden" name="key" value="722"> <input type="hidden" name="id" value="53"/> <input type="hidden" name="value" value=""> <input type="text" name="fake" value="" style="display: none;"> <input type="hidden" name="method" value=""> <input type="hidden" name="steps" value="0"> <input type="hidden" name="pagesPerFrame" value="1"> <input type="hidden" name="viewMode" id="viewMode" value="1"> <SCRIPT LANGUAGE="JavaScript" type="text/javascript"> function home() { opener.focus(); self.close(); } function email() { win = window.open("/kvah/mailForm.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0", "mail",'width=450,height=580' + ',left=310,top=50,resizable=no,scrollbars=no,status=no,directories=no,navigation=no,menubar=no'); resizeOuterTo(win,450, 580); win.focus(); } function contact() { win = window.open("/kvah/mailForm.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0", "mail",'width=530,height=600' + ',left=310,top=50,resizable=no,scrollbars=no,status=no,directories=no,navigation=no,menubar=no'); resizeOuterTo(win,530, 600); win.focus(); } function changeViewMode() { document.controlForm.method.value = "changeViewMode"; document.controlForm.submit(); } function print() { var win = window.open("/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=initPrintDialog&key=722&imageNo=" + imageNo + "", 'print', 'width=800,height=600,left=500,top=50,resizable=yes,scrollbars=no,status=no,directories=no,navigation=no,menu=no,location=no'); //resizeOuterTo(win,800, 600); win.focus(); } function saveAs() { //print(); //return; var win = window.open("/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=initSaveAsDialog&key=722&id=" + id + "", 'saveAs', 'width=550,height=700,left=500,top=50,resizable=no,scrollbars=no,status=no,directories=no,navigation=no,menu=no,location=no'); resizeOuterTo(win, 550, 520); win.focus(); } // --> </SCRIPT> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="bottom" align="left" nowrap> <span class="desc">Sida: </span> </td> <td valign="bottom" align="left" nowrap> <input id="pageno" type="text" value="39"/><span id="maxpage"> / 328 (342)</span> </td> <td valign="bottom" align="right"> <img id="viewMode_book" src="/kvah/images/two_page_mode_icon.png;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" border="0" alt="Visa uppslag" title="Visa bokl盲ge"> <img id="viewMode_onepage" src="/kvah/images/one_page_mode_icon.png;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" border="0" alt="Visa uppslag" title="Visa bild"> </td> <td align="left" valign="bottom" nowrap> <img id="zoomplus" src="/kvah/images/zoom+.png;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" border="0" alt="Zooma in" title="Zooma in"> <img id="zoomminus" src="/kvah/images/zoom-.png;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" border="0" alt="Zooma ut" title="Zooma ut"> </td> <td valign="bottom" align="right" width="24"><a href="javascript:print()" class="staticlink"><img src="/kvah/images/print_32.png;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0" border="0" alt="Skriv ut" title="Skriv ut"></a> </td> <td align="left" valign="center" nowrap> <input type="button" class="stepButton" value="|<" id ="gotofirst"> <input type="button" class="stepButton" value="<10" id ="gotominusten"> <input type="button" class="stepButton" value="<5" id ="gotominusfive"> <input type="button" class="stepButton" value="<" id ="gotominusone"> <input type="button" class="stepButton" value=">" id ="gotoplusone"> <input type="button" class="stepButton" value="5>" id ="gotoplusfive"> <input type="button" class="stepButton" value="10>" id ="gotoplusten"> <input type="button" class="stepButton" value=">|" id ="gotolast"> </td> </tr> </table> </form> </td> </tr> <tr id="docViewRow"> <td width="0" valign="top" id="propsWin" > <style type="text/css"> div#poster { border: 1px solid lightgray; width: 100%; height: 400px; overflow: auto; } div#poster a:link, a:active, a:visited { text-decoration: none; } </style> <script type="text/javascript"> <!-- function openPoster(imageNo, subPage, key) { var url = "/kvah/poster.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=openPoster&key=722" + "&imageNo=" + imageNo + "&subPage=" + subPage; var win = window.open(url, 'poster', 'width=1024,height=800,left=200,top=0,resizable=no,scrollbars=no,status=no,directories=no,navigation=no,menu=no,location=no'); win.focus(); //alert(url); } function showHelp(file) { a="/kvah"+file; var win; win = window.open(a, 'help','width=' + 500 + ',height=' + 300 + ',left=200,top=100,resizable=yes,scrollbars=yes,status=no,directories=no,navigation=no,menubar=no'); resizeOuterTo(win,500, 300); win.focus(); } function resizeOuterTo(win, w, h) { if (parseInt(navigator.appVersion)>3) { if (navigator.appName=="Netscape") { win.top.outerWidth=w; win.top.outerHeight=h; } else win.top.resizeTo(w,h); } } //--> </script> <div id="propsWin"> <table width = "100%" style="table-layout: fixed"> <tr><td> <div id="volumeText"></div> <div id="authorText"></div> <div id="articleText"></div> <div id="startPageText"></div> </td></tr> <tr><td> <span class="desc">Utvikssidor f枚r: </span><br> </td></tr> <tr><td> <div id="poster"> <div style="padding: 5px 0px 10px 5px"> <a href="javascript:openPoster(84, 1)"><img src="/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getPosterThumb&imageNo=84&subPage=1&key=722" alt="utviksbild" "><br> <span class="infotext" >Sida 70, sida 1</span></a><br> </div> <div style="padding: 5px 0px 10px 5px"> <a href="javascript:openPoster(84, 2)"><img src="/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getPosterThumb&imageNo=84&subPage=2&key=722" alt="utviksbild" "><br> <span class="infotext" >Sida 70, sida 2</span></a><br> </div> <div style="padding: 5px 0px 10px 5px"> <a href="javascript:openPoster(180, 1)"><img src="/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getPosterThumb&imageNo=180&subPage=1&key=722" alt="utviksbild" "><br> <span class="infotext" >Sida 166, sida 1</span></a><br> </div> <div style="padding: 5px 0px 10px 5px"> <a href="javascript:openPoster(180, 2)"><img src="/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getPosterThumb&imageNo=180&subPage=2&key=722" alt="utviksbild" "><br> <span class="infotext" >Sida 166, sida 2</span></a><br> </div> <div style="padding: 5px 0px 10px 5px"> <a href="javascript:openPoster(252, 1)"><img src="/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getPosterThumb&imageNo=252&subPage=1&key=722" alt="utviksbild" "><br> <span class="infotext" >Sida 238, sida 1</span></a><br> </div> <div style="padding: 5px 0px 10px 5px"> <a href="javascript:openPoster(252, 2)"><img src="/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getPosterThumb&imageNo=252&subPage=2&key=722" alt="utviksbild" "><br> <span class="infotext" >Sida 238, sida 2</span></a><br> </div> <div style="padding: 5px 0px 10px 5px"> <a href="javascript:openPoster(336, 1)"><img src="/kvah/catview.html;jsessionid=CEC5ABC493BE833C4E600B6217651A2E.node0?method=getPosterThumb&imageNo=336&subPage=1&key=722" alt="utviksbild" "><br> <span class="infotext" >Sida 322, sida 1</span></a><br> </div> </div> </td></tr> </table> </div> </td> <td valign="top" id="docView" > <div id="content"> <div id="thumbnails"> <div id="images"> <div id="horizontal"> <div id="clip"> <ul> </ul> </div> </div> </div> <div id="controls"> <div id="slider"></div> </div> </div> <div style="width: 100%; margin: 5px 0 0 0; padding: 0px;" id="image_div" > <img src="" id="image" /> <div id="bookview" style="overflow: hidden; margin: 0 auto"></div> </div> </div> </td> </tr> </table> </body> </html>