' + artist + '

var wGalleryImagePopup; function GalleryImagePopup(src, width, imgWidth, imgHeight, artist, dba, url) { var height = imgHeight + 28; //90; if(dba && dba.length > 0) height+=24; if(url && url.length > 0) height+=24; height+=50; //for the "close Window" link plus some extra in case there is another toolbar displayed var top = (screen.height - height) / 2; var left = (screen.width - width) / 2; if(wGalleryImagePopup) wGalleryImagePopup.close(); var w = window.open('', 'GalleryImagePopup', 'width=' + width.toString() + ', height=' + height.toString() + ', top=' + top.toString() + ', left=' + left.toString() + ', toolbar=no, status=no, resizable=yes, scrollbars=no'); wGalleryImagePopup = w; w.document.write(''); if(artist && artist.length > 0) w.document.write('' + artist + ''); w.document.write(''); w.document.write(''); w.document.write('

'); if(imgWidth < width) { w.document.write(' ' + artist + '

' + artist + '

'); }else { w.document.write(' ' + artist + '

' + artist + '

'); } w.document.write('

'); w.document.write('

' + artist + '

'); if(dba && dba.length > 0) { w.document.write('

' + dba + '

'); } if(url && url.length > 0) { w.document.write('

'); w.document.write('' + url + ''); w.document.write('

'); } w.document.write('

'); w.document.write('Close Window'); w.document.write('

'); w.document.write(''); w.document.write(''); w.document.close(); w.focus(); } function GalleryImageClick(el) { var imgWidth = 0; var imgHeight = 0; var artist = ''; var dba = ''; var url = ''; var artistWidth = 0; var dbaWidth = 0; var urlWidth = 0; var wndWidth = 0; var src = el.src; src = src.replace('ArtistThumbnailImages', 'ArtistOriginalImages'); var elTD = el.parentNode; var div_els = elTD.getElementsByTagName("DIV"); for (var i = 0; i <= div_els.length - 1; i++) { if(div_els[i].id == 'artist') { artist = div_els[i].innerHTML; artistWidth = div_els[i].offsetWidth; } if(div_els[i].id == 'dba') { dba = div_els[i].innerHTML; dbaWidth = div_els[i].offsetWidth; } if(div_els[i].id == 'size') { var size = div_els[i].innerHTML; var sizeParts = size.split('x'); imgWidth = parseInt(sizeParts[0]); imgHeight = parseInt(sizeParts[1]); } if(div_els[i].id == 'website') { url = div_els[i].innerHTML; urlWidth = div_els[i].offsetWidth; } } wndWidth = imgWidth; if(artistWidth > wndWidth) { wndWidth = artistWidth; } if(dbaWidth > wndWidth) { wndWidth = dbaWidth; } if(urlWidth > wndWidth) { wndWidth = urlWidth; } GalleryImagePopup(src, wndWidth, imgWidth, imgHeight, artist, dba, url); } function mouseOverGalleryImage(e) { e.style.borderColor='#656694'; } function mouseOutGalleryImage(e) { e.style.borderColor=''; } function initGalleryElements() { var imgs = tblArtistGallery.getElementsByTagName("IMG"); for (var i = 0; i <= imgs.length - 1; i++) { imgs[i].style.cursor = 'pointer'; imgs[i].title = 'Click Me!'; imgs[i].style.border = 'thin outset'; imgs[i].onclick= function() { GalleryImageClick(this); }; imgs[i].onmouseover= function() { mouseOverGalleryImage(this); }; imgs[i].onmouseout= function() { mouseOutGalleryImage(this); }; } } initGalleryElements();