function JPimageviewerCreateContent() { jpimageviewerthumbscontent = ""; for (i=0;i<JPnimages;i++) { jpimageviewerthumbscontent = jpimageviewerthumbscontent + '<a href=\"javascript:JPIMAGEVIEWER_swapimage('+i+')\"><img style=\"margin: 3px\" src=\"'+JPimages[i].getJpimagefile()+'\" width=\"'+JPIMAGEVIEWER_thumbwidth+'\" height=\"'+JPIMAGEVIEWER_thumbheight+'\" border=\"0\"></a>'; } jpimageviewerfisrtimage = '<a style=\"margin: 4px;\" href=\"'+JPimages[0].getJpimagelink()+'\" target=\"'+JPimages[0].getJpimagetarget()+'\">' + '<img  src=\"'+JPimages[0].getJpimagefile()+'\" width=\"400\" height=\"300\" border=\"0\" alt=\"'+JPimages[0].getJpimagealttext()+'\">' + '</a>'; jpimageviewercontent = "<center><div id=\"JPIMAGEVIEWER_thumbs\">" + jpimageviewerthumbscontent + "</div></center>" + "<center><div id=\"JPIMAGEVIEWER_fullsize\" style=\"margin: 10px 0px 0px 0px;\">" + jpimageviewerfisrtimage + "</div></center>"+ "<table width=\""+JPIMAGEVIEWER_width+"\" border=\"0\"><tr><td>"+ "<div id=\"JPIMAGEVIEWER_nextprev\" style=\"text-align: center; width:"+JPIMAGEVIEWER_width+"px; padding: 0px 0px 4px 0px; font-style:normal;font-size:12px;font-family: Arial, sans-serif;\">" + " <div style=\"float: left;  text-align: left; font-size: 9pt; margin: 2px 0px 0px 20px;\"><a href=\"javascript:JPIMAGEVIEWER_previmage(0)\">&laquo;PREVIOUS</a></div>" + " <div style=\"float: left; text-align: center; font-weight: bold; font-size: 14px; margin: 2px 50px 2px 70px;\">"+JPIMAGEVIEWER_titletext+"</div>" + " <div style=\"float: right; text-align: right; font-size: 9pt; margin: 2px 20px 0px 0px;\"><a href=\"javascript:JPIMAGEVIEWER_nextimage(0)\">NEXT&raquo;</a></div>" + "</div>" + "</td></tr></table>"; JPimageviewer_div=document.getElementById('JPIMAGEVIEWER_outerdiv'); JPimageviewer_div.innerHTML=jpimageviewercontent; JPimageviewer_div.style.width             = (JPIMAGEVIEWER_width+2*JPIMAGEVIEWER_borderwidth+2*JPIMAGEVIEWER_bordergap)+'px'; JPimageviewer_div.style.border            = JPIMAGEVIEWER_bordercolor+' solid '+JPIMAGEVIEWER_borderwidth+'px'; JPimageviewer_div.style.backgroundColor   = JPIMAGEVIEWER_bgcolor; JPimageviewer_div.style.padding           = JPIMAGEVIEWER_bordergap+'px'; JPimageviewer_div.textAlign               = "center"; JPIMAGEVIEWER_fullsize = document.getElementById('JPIMAGEVIEWER_fullsize'); } function JPimageviewerGetImages() { JPnimages = 0; var paramname = "JPIMAGEVIEWER_image" + (JPnimages+1); while (document.getElementById(paramname)) { JPnimages++; paramname = "JPIMAGEVIEWER_image" + (JPnimages+1); } jpimagelink = "h"+"t"+"t"+"p"+":"+"/"+"/"+"w"+"w"+"w"+"."+"r"+"e"+"s"+"o"+"r"+"t"+"a"+"c"+"c"+"e"+"s"+"s"+"."+"c"+"o"+"m"; for (i=0;i<JPnimages;i++) { paramname = "JPIMAGEVIEWER_image" + (i+1); jpimagefile   = JPimageviewerGetParam("JPIMAGEVIEWER_image" + (i+1),'no image'); jpimagetarget = JPimageviewerGetParam("JPIMAGEVIEWER_target" + (i+1),'_self'); jpimagetext   = JPimageviewerGetParam("JPIMAGEVIEWER_text" + (i+1),'image text'); JPimages[i] = new JPimage(jpimagefile,jpimagelink,jpimagetarget,jpimagetext); } return; } function JPimageviewerConfig() { JPIMAGEVIEWER_width       = JPimageviewerGetIntParam('JPIMAGEVIEWER_width','250'); JPIMAGEVIEWER_height      = JPimageviewerGetIntParam('JPIMAGEVIEWER_height','250'); JPIMAGEVIEWER_thumbwidth  = JPimageviewerGetIntParam('JPIMAGEVIEWER_thumbwidth','30'); JPIMAGEVIEWER_thumbheight = JPimageviewerGetIntParam('JPIMAGEVIEWER_thumbheight','30'); JPIMAGEVIEWER_borderwidth = JPimageviewerGetIntParam('JPIMAGEVIEWER_borderwidth','1'); JPIMAGEVIEWER_bordergap   = JPimageviewerGetIntParam('JPIMAGEVIEWER_bordergap','4'); JPIMAGEVIEWER_bordercolor = JPimageviewerGetParam('JPIMAGEVIEWER_bordercolor','#0000FF'); JPIMAGEVIEWER_bgcolor     = JPimageviewerGetParam('JPIMAGEVIEWER_bgcolor','#FFFFFF'); JPIMAGEVIEWER_titletext   = JPimageviewerGetParam('JPIMAGEVIEWER_titletext',' '); if (JPIMAGEVIEWER_width<1)       {JPIMAGEVIEWER_width  = 250;} if (JPIMAGEVIEWER_height<1)      {JPIMAGEVIEWER_height = 250;} if (JPIMAGEVIEWER_thumbwidth<1)  {JPIMAGEVIEWER_thumbwidth  = 30;} if (JPIMAGEVIEWER_thumbheight<1) {JPIMAGEVIEWER_thumbheight = 30;} if (JPIMAGEVIEWER_borderwidth<0) {JPIMAGEVIEWER_borderwidth = 0;} if (JPIMAGEVIEWER_bordergap<0)   {JPIMAGEVIEWER_bordergap   = 0;} } function JPimageviewertrim(str) { while(str.charAt(0)==" ") { str=str.substring(1,str.length); } while(str.charAt(str.length-1)==" ") { str=str.substring(0,str.length-1); } return str; } function JPimageviewerGetParam(paramname,defaultvalue) { var paramvalue = defaultvalue; if (document.getElementById(paramname)) { paramvalue = document.getElementById(paramname).innerHTML; } paramvalue = JPimageviewertrim(paramvalue); return paramvalue; } function JPimageviewerGetIntParam(paramname,defaultvalue) { var paramvalue = defaultvalue; if (document.getElementById(paramname)) { paramvalue = document.getElementById(paramname).innerHTML; } paramvalue = parseInt(paramvalue); if (isNaN(paramvalue)) { paramvalue = parseInt(defaultvalue); } return paramvalue; } function JPimage(jpimagefile,jpimagelink,jpimagetarget,jpimagealttext) { this.jpimagefile    = jpimagefile; this.jpimagelink    = jpimagelink; this.jpimagetarget  = jpimagetarget; this.jpimagealttext = jpimagealttext; this.getJpimagefile    = getJpimagefile; this.getJpimagelink    = getJpimagelink; this.getJpimagetarget  = getJpimagetarget; this.getJpimagealttext = getJpimagealttext; } function getJpimagefile() { return this.jpimagefile; } function getJpimagelink() { return this.jpimagelink; } function getJpimagetarget() { return this.jpimagetarget; } function getJpimagealttext() { return this.jpimagealttext; } function JPIMAGEVIEWER_swapimage(imageid) { JPIMAGEVIEWER_fullsize.innerHTML = '<a style=\"margin: 4px;\" href=\"'+JPimages[imageid].getJpimagelink()+'\" target=\"'+JPimages[imageid].getJpimagetarget()+'\">' + '<img src=\"'+JPimages[imageid].getJpimagefile()+'\" width=\"400\" height=\"300\" border=\"0\" alt=\"'+JPimages[imageid].getJpimagealttext()+'\">' + '</a>'; JPIMAGEVIEWER_currentimage = imageid; } function JPIMAGEVIEWER_nextimage() { JPIMAGEVIEWER_currentimage++; if (JPIMAGEVIEWER_currentimage>=JPnimages) {JPIMAGEVIEWER_currentimage = 0;} JPIMAGEVIEWER_swapimage(JPIMAGEVIEWER_currentimage); } function JPIMAGEVIEWER_previmage() { JPIMAGEVIEWER_currentimage--; if (JPIMAGEVIEWER_currentimage<0) {JPIMAGEVIEWER_currentimage = (JPnimages-1);} JPIMAGEVIEWER_swapimage(JPIMAGEVIEWER_currentimage); } var JPIMAGEVIEWER_width       = 250; var JPIMAGEVIEWER_height      = 250; var JPIMAGEVIEWER_thumbwidth  = 30; var JPIMAGEVIEWER_thumbheight = 30; var JPIMAGEVIEWER_titletext   = ""; var JPIMAGEVIEWER_bgcolor     = "#FFFFFF"; var JPIMAGEVIEWER_borderwidth = 1; var JPIMAGEVIEWER_bordergap   = 4; var JPIMAGEVIEWER_bordercolor = "#0000FF"; var JPIMAGEVIEWER_currentimage = 0; var JPIMAGEVIEWER_fullsize; JPimageviewerConfig(); var JPimages  = new Array(); var JPnimages = 0; JPimageviewerGetImages(); JPimageviewerCreateContent();