// image browser v0.1 by Michal Luberda function imageBrowser(x, y, file) { if (!isW3C) { var image = window.open("popup.html", "", "width=" + x + ",height=" + y + ",toolbar=no,fullscreen=no,menubar=no"); image.document.write("

"); return; } closeImageBrowser(); winx = (isNN6)? window.innerWidth : (isIE4)? document.body.clientWidth : 800; winy = (isNN6)? window.innerHeight : (isIE4)? document.body.clientHeight : 600; posx = ((x + 20) > winx)? 0 : ((winx - x - 6) / 2) & 65535; // - 20 posy = ((y + 20) > winy)? 0 : ((winy - y - 6) / 2) & 65535; // - 20 xscr = (isNN6)? window.pageXOffset : document.body.scrollLeft; yscr = (isNN6)? window.pageYOffset : document.body.scrollTop; posx += xscr; posy += yscr; off = (isIE4)? 2 : 0; // shadow image var s = document.createElement("div"); getRawObject(s).id = "imageShadow"; getObject(s).position = "absolute"; getObject(s).width = x + 6 + off + "px"; getObject(s).height = y + 6 + off + "px"; getObject(s).left = posx + 10 + "px"; getObject(s).top = posy + 10 + "px"; getObject(s).border = "1px solid #32291e"; getObject(s).zIndex = 1; setBGColor(s, "#4f4d44"); // shadow close var s2 = document.createElement("div"); // close button getObject("divclose").position = "absolute"; /*getObject("divclose").width = "49px";*/ getObject("divclose").height = "20px"; getObject("divclose").left = posx + x + 36 + "px"; getObject("divclose").top = posy - 11 + "px"; getObject("divclose").fontSize = "35px"; getObject("divclose").fontFamily = "verdana, arial"; getObject("divclose").zIndex = 5; getObject("divclose").color = "#FF1E00"; showHideObject("divclose", true); // image var d = document.createElement("div"); getRawObject(d).id = "imageBrowser"; getObject(d).position = "absolute"; getObject(d).width = x + 60 + off + "px"; getObject(d).height = y + 60 + off + "px"; getObject(d).left = posx + "px"; getObject(d).top = posy + "px"; getObject(d).border = "1px solid #32291e"; getObject(d).background = "url('" + file + "') no-repeat 30px 30px"; getObject(d).zIndex = 4; setBGColor(d, "#F4FCB3"); // append objects document.body.appendChild(s); document.body.appendChild(s2); document.body.appendChild(d); // add handlers to close button if (isNN6) { getRawObject("divclose").addEventListener("mouseover", omo, false); getRawObject("divclose").addEventListener("click", closeImageBrowser, false); } else { getRawObject("divclose").attachEvent("onmouseover", omo); getRawObject("divclose").attachEvent("onclick", closeImageBrowser); } } // close browser function closeImageBrowser() { if (getRawObject("imageShadow")) document.body.removeChild(getRawObject("imageShadow")); if (getRawObject("imageCloseShadow")) document.body.removeChild(getRawObject("imageCloseShadow")); if (getRawObject("divclose")) showHideObject("divclose", false); if (getRawObject("imageBrowser")) document.body.removeChild(getRawObject("imageBrowser")); } function omo() { cursorStyle(getRawObject("divclose")); } /* var imgTempArray; var textTempArray; var defNumberTemp; function isChangedSize() { if (!isW3C) return; if (document.getElementById("browser")) imageBrowser(imgTempArray, textTempArray, defNumberTemp); } function closeBrowser() { if (isIE4) { showHideObject("selectlanguage", true); showHideObject("selectday", true); showHideObject("selectmonth", true); showHideObject("selectyear", true); showHideObject("selecthour", true); showHideObject("selectnights", true); showHideObject("selectadult", true); showHideObject("selectchildren", true); } document.body.removeChild(document.getElementById("browser")); document.body.removeChild(document.getElementById("ds1")); } function mouseScroll() { imageBrowser(imgTempArray, textTempArray, defNumberTemp); } function imageBrowser(imgArray, textArray, defNumber) { if (!isW3C) { var windowwidth = imgArray[defNumber * 3 + 1] + 20; var windowheight = imgArray[defNumber * 3 + 2] + 70; var imagewindow = window.open(imgArray[defNumber * 3], "image", "width=" + windowwidth + ",height=" + windowheight + ",toolbar=no,fullscreen=no,menubar=no"); imagewindow.document.write("

" + imgArray[defNumber * 3] + "

"); return; } if (getRawObject("browser")) closeBrowser(); if (isIE4) { showHideObject("selectlanguage", false); showHideObject("selectday", false); showHideObject("selectmonth", false); showHideObject("selectyear", false); showHideObject("selecthour", false); showHideObject("selectnights", false); showHideObject("selectadult", false); showHideObject("selectchildren", false); } scrWidth = (isNN6)? window.innerWidth : (isIE4)? document.body.clientWidth : 800; scrHeight= (isNN6)? window.innerHeight : (isIE4)? document.body.clientHeight : 600; var xSize = 750; var ySize = 590; var hScr = (isNN6)? window.pageYOffset : document.body.scrollTop; var wScr = (isNN6)? window.pageXOffset : document.body.scrollLeft; var xPos = (scrWidth - xSize) / 2 + wScr; var yPos = (scrHeight - ySize) / 2 + hScr; imgXSize = imgArray[defNumber * 3 + 1]; imgYSize = imgArray[defNumber * 3 + 2]; imgName = imgArray[defNumber * 3]; imgTempArray = imgArray; textTempArray = textArray; defNumberTemp = defNumber; var d = document.createElement("div"); getObject(d).position = "absolute"; getObject(d).width = xSize + "px"; getObject(d).height = ySize + "px"; getObject(d).left = xPos + "px"; getObject(d).top = yPos - 5 + "px"; getObject(d).border = "5px solid #606060"; getObject(d).zIndex = 1; setBGColor(d, "#f0f0f0"); getRawObject(d).id = "browser"; if (isNN6) getRawObject(d).addEventListener('DOMMouseScroll', mouseScroll, true); var oTable = document.createElement("table"); getObject(oTable).width = "100%"; getObject(oTable).padding = "4px"; var oTBody = document.createElement("tbody"); var oRow1 = document.createElement("tr"); var oRow2 = document.createElement("tr"); var oCell1 = document.createElement("td"); getRawObject(oCell1).align = "center"; var oCell2 = document.createElement("td"); getRawObject(oCell2).align = "center"; var img = document.createElement("img"); getRawObject(img).src = imgName; getObject(img).width = imgXSize + "px"; getObject(img).height = imgYSize + "px"; getRawObject(img).id = "image"; var aArray = new Array(); for (i = 0; i < imgArray.length / 3; i++) { text = document.createTextNode(i + 1); aArray[i] = document.createElement("a"); getObject(aArray[i]).position = "absolute"; getObject(aArray[i]).left = 30 * i + 15 + "px"; getObject(aArray[i]).top = (isNN6)? ySize - 25 + "px" : ySize - 35 + "px"; getObject(aArray[i]).padding = "2px"; getObject(aArray[i]).border = "1px solid #000000"; getRawObject(aArray[i]).width = "20px"; defNumberTemp = i; getRawObject(aArray[i]).href = "javascript: imageBrowser(imgTempArray, textTempArray, " + defNumberTemp + ");"; if (i == defNumber) setBGColor(aArray[i], "#80ff00"); else setBGColor(aArray[i], "#ff8000"); aArray[i].appendChild(text); } language = getRawObject("inputhlanguage").value; for (j = 0; j < languageText.length; j++) { if (languageText[j] == language) { text = document.createTextNode(closeBrowserText[j]); textsub = document.createTextNode(textArray[defNumber * 2 + j]); } } aArray[i] = document.createElement("a"); getObject(aArray[i]).position = "absolute"; getObject(aArray[i]).right = 15 + "px"; getObject(aArray[i]).top = (isNN6)? ySize - 25 + "px" : ySize - 35 + "px"; getObject(aArray[i]).padding = "2px"; getObject(aArray[i]).border = "1px solid #000000"; getRawObject(aArray[i]).width = "20px"; getRawObject(aArray[i]).href = "javascript: closeBrowser();"; setBGColor(aArray[i], "#ff8000"); aArray[i++].appendChild(text); aArray[i] = document.createElement("p"); getObject(aArray[i]).position = "absolute"; getObject(aArray[i]).top = (isNN6)? ySize - 45 + "px" : ySize - 55 + "px"; getObject(aArray[i]).left = 15 + "px"; aArray[i++].appendChild(textsub); var i2 = document.createElement("img"); getRawObject(i2).src = imgName; getObject(i2).width = imgXSize + "px"; getObject(i2).height = imgYSize + "px"; oCell1.appendChild(img); oRow1.appendChild(oCell1); oTBody.appendChild(oRow1); for (i = 0; i < aArray.length; i++) { oCell2.appendChild(aArray[i]); } oRow2.appendChild(oCell2); oTBody.appendChild(oRow2); oTable.appendChild(oTBody); d.appendChild(oTable); document.body.appendChild(d); // shadow var ds1 = document.createElement("div"); getObject(ds1).position = "absolute"; getObject(ds1).width = xSize + "px"; getObject(ds1).height = ySize + "px"; getObject(ds1).left = (isNN6)? 15 + xPos + "px" : 10 + xPos + "px"; getObject(ds1).top = (isNN6)? 15 + yPos + "px" : 10 + yPos + "px"; getObject(ds1).border = "1px solid #808080"; getObject(ds1).backgroundImage = "url(img/pht/ibr/b01.gif)" getRawObject(ds1).id = "ds1"; document.body.appendChild(ds1); } //function imageBrowser(imgArray, textArray, defNumber) { function imageBrowser(name) { for (i = 0; i < contentArray.length; i++) { if (contentArray[i] == name) { } } var bUrl = showModalDialog("browser.html","","dialogWidth:640px; dialogHeight:700px" ); // if (bUrl) { // texteditor.document.execCommand('InsertImage', false, prompt('Enter Image URL:', hostPath + bUrl)); // } // texteditor.focus(); alert('done!'); return; } */