diff --git a/mozilla/editor/ui/dialogs/content/EdImageMap.js b/mozilla/editor/ui/dialogs/content/EdImageMap.js
index 3ad0730a433..7c096eceb15 100644
--- a/mozilla/editor/ui/dialogs/content/EdImageMap.js
+++ b/mozilla/editor/ui/dialogs/content/EdImageMap.js
@@ -33,9 +33,6 @@ function Startup(){
if (!InitEditorShell())
return;
dump("EditorShell found for image map dialog\n");
-
- doSetOKCancel(onOK, null);
-
initDialog();
}
@@ -67,6 +64,8 @@ function initDialog(){
//Place Image
newImg = frameDoc.createElement("img");
newImg.setAttribute("src", imageElement.getAttribute("src"));
+ newImg.setAttribute("width", imageElement.getAttribute("width"));
+ newImg.setAttribute("height", imageElement.getAttribute("height"));
newImg.setAttribute("id", "mainImg");
frameDoc.getElementById("bgDiv").appendChild(newImg);
@@ -75,6 +74,11 @@ function initDialog(){
recreateMap();
}
+function exitImageMap(){
+ dump("exit called");
+ window.close();
+}
+
function hideToolbar(){
// Check to see if toolbar is already hidden
if (tHide){
@@ -127,10 +131,10 @@ function recreateMap(){
else
Poly(coords, href, null, null, true);
}
- imageElement.ownerDocument.body.removeChild(mapCollection[0]);
+ imageElement.ownerDocument.removeChild(mapCollection[0]);
}
-function onOK(){
+function finishMap(){
spots = frameDoc.getElementsByName("hotspot");
var len = spots.length;
createMap();
@@ -214,6 +218,8 @@ function createPoly(which){
}
function hotSpotProps(which){
+ currentRect = null;
+ currentCir = null;
if (which == null)
return;
href = which.getAttribute("href");
diff --git a/mozilla/editor/ui/dialogs/content/EdImageMap.xul b/mozilla/editor/ui/dialogs/content/EdImageMap.xul
index 0b28d47b1f4..92a792a0a1f 100644
--- a/mozilla/editor/ui/dialogs/content/EdImageMap.xul
+++ b/mozilla/editor/ui/dialogs/content/EdImageMap.xul
@@ -1,5 +1,4 @@
-
+
+
+
+
+
+
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
+
+
-
-
-
+
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
-
-
-
-
-
+
-
-
+
+
-
-
-
-
-
-
-
- -
-
-
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mozilla/editor/ui/dialogs/content/EdImageMapHotSpot.js b/mozilla/editor/ui/dialogs/content/EdImageMapHotSpot.js
index 21bec5f1bed..d15337826a2 100644
--- a/mozilla/editor/ui/dialogs/content/EdImageMapHotSpot.js
+++ b/mozilla/editor/ui/dialogs/content/EdImageMapHotSpot.js
@@ -14,14 +14,13 @@
*
* The Initial Developer of the Original Code is Netscape
* Communications Corporation. Portions created by Netscape are
- * Copyright (C) 1999 Netscape Communications Corporation. All
+ * Copyright (C) 1999-2000 Netscape Communications Corporation. All
* Rights Reserved.
*
* Contributor(s):
- * Dan Haddix (dan6992@hotmail.com)
+ * Dan Haddix
*/
-
var dialog;
// dialog initialization code
@@ -29,10 +28,10 @@ function Startup()
{
if (!InitEditorShell())
return;
-
- doSetOKCancel(onOK, null);
- // Create dialog object to store controls for easy access
+ doSetOKCancel(onOK, null); // Map OK/Cancel to relevant functions
+
+ // Create dialog object to store controls for easy access
dialog = new Object;
dialog.urlInput = document.getElementById("urlInput");
diff --git a/mozilla/editor/ui/dialogs/content/EdImageMapHotSpot.xul b/mozilla/editor/ui/dialogs/content/EdImageMapHotSpot.xul
index 3d770ebf661..60941ae2bb5 100644
--- a/mozilla/editor/ui/dialogs/content/EdImageMapHotSpot.xul
+++ b/mozilla/editor/ui/dialogs/content/EdImageMapHotSpot.xul
@@ -1,5 +1,4 @@
-
-
+
+
-
-
+
+
-
+ align="vertical">
-
-
-
+
+
-
+
-
-
-
-
-
-
+
-
-
-
+
+
+
+ &urlFieldset.label;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ &titleFieldset.label;
+
+
+
+
+
+
+
+
+
+
+
+ &targetFieldset.label;
+
+
+ &target.label;
+
+
+
+
+
+
+
+
+
+
+
+ &commonFieldset.label;
+
+
+
+ Same Frame
+ Whole Page
+ New Window
+ Parent Frame
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/mozilla/editor/ui/dialogs/content/EdImageMapPage.html b/mozilla/editor/ui/dialogs/content/EdImageMapPage.html
index eaed5529897..dcbe1148824 100644
--- a/mozilla/editor/ui/dialogs/content/EdImageMapPage.html
+++ b/mozilla/editor/ui/dialogs/content/EdImageMapPage.html
@@ -1,8 +1,31 @@
+
Image Map Editor
-
+
-
+
\ No newline at end of file
diff --git a/mozilla/editor/ui/dialogs/content/EdImageMapShapes.js b/mozilla/editor/ui/dialogs/content/EdImageMapShapes.js
index 3ecd44db275..cb75c091918 100644
--- a/mozilla/editor/ui/dialogs/content/EdImageMapShapes.js
+++ b/mozilla/editor/ui/dialogs/content/EdImageMapShapes.js
@@ -14,7 +14,7 @@
*
* The Initial Developer of the Original Code is Netscape
* Communications Corporation. Portions created by Netscape are
- * Copyright (C) 1999 Netscape Communications Corporation. All
+ * Copyright (C) 1999-2000 Netscape Communications Corporation. All
* Rights Reserved.
*
* Contributor(s):
@@ -26,1127 +26,669 @@
var downTool = false;
-
var dragActive = false;
-
var dragObject = false;
-
var startX = null;
-
var startY = null;
-
var endX = null;
-
var endY = null;
-
var downTool = false;
-
var currentElement = new Array();
-
-var currentTool = "rect";
-
+var currentTool = "pointer";
var currentRect = null;
-
var currentCir = null;
-
var currentPoly = null;
-
var currentPoint = null;
-
var rectCount = 1;
-
var cirCount = 1;
-
var polyCount = 1;
-
var pointCount = 1;
-
var xlock = false;
-
var ylock = false;
-
var marquee = null;
-
var frameDoc = null;
-
var buttonArray = new Array();
-
var resize = false;
-
-
+var currentZoom = 1;
function Rect(coords, href, target, title, construct){
-
newRect = frameDoc.createElement("div");
-
newRect.setAttribute("class", "rect");
-
newRect.setAttribute("id", "rect"+rectCount++);
-
newRect.setAttribute("name", "hotspot");
-
currentRect = selectElement(frameDoc.body.appendChild(newRect));
-
-
// Add resize handles
-
// waiting for better drawing code
-
handletl = frameDoc.createElement("div");
-
handletl.setAttribute("class", "handletl");
-
handletl.setAttribute("name", "handle");
-
handletr = frameDoc.createElement("div");
-
handletr.setAttribute("class", "handletr");
-
handletr.setAttribute("name", "handle");
-
handlebl = frameDoc.createElement("div");
-
handlebl.setAttribute("class", "handlebl");
-
handlebl.setAttribute("name", "handle");
-
handlebr = frameDoc.createElement("div");
-
handlebr.setAttribute("class", "handlebr");
-
handlebr.setAttribute("name", "handle");
-
handlet = frameDoc.createElement("div");
-
handlet.setAttribute("class", "handlet");
-
handlet.setAttribute("name", "handle");
-
handlel = frameDoc.createElement("div");
-
handlel.setAttribute("class", "handlel");
-
handlel.setAttribute("name", "handle");
-
handler = frameDoc.createElement("div");
-
handler.setAttribute("class", "handler");
-
handler.setAttribute("name", "handle");
-
handleb = frameDoc.createElement("div");
-
handleb.setAttribute("class", "handleb");
-
handleb.setAttribute("name", "handle");
-
currentRect.appendChild(handletl);
-
currentRect.appendChild(handletr);
-
currentRect.appendChild(handlebl);
-
currentRect.appendChild(handlebr);
-
currentRect.appendChild(handlet);
-
currentRect.appendChild(handlel);
-
currentRect.appendChild(handler);
-
currentRect.appendChild(handleb);
-
-
if (!coords){
-
currentRect.style.left = startX+"px";
-
currentRect.style.top = startY+"px";
-
currentRect.width = endX+"px";
-
currentRect.height = endX+"px";
-
}
-
else{
-
var coordArray = coords.split(',');
-
currentRect.style.left = coordArray[0]+"px";
-
currentRect.style.top = coordArray[1]+"px";
-
currentRect.style.width = (parseInt(coordArray[2])-parseInt(coordArray[0]))+"px";
-
currentRect.style.height = (parseInt(coordArray[3])-parseInt(coordArray[1]))+"px";
-
if (href)
-
currentRect.setAttribute("href", href);
-
if (target)
-
currentRect.setAttribute("target", target);
-
if (title)
-
currentRect.setAttribute("title", title);
-
}
-
if (construct)
-
currentRect = null;
-
}
-
-
function Circle(coords, href, target, title, construct){
-
newCir = frameDoc.createElement("div");
-
newCir.setAttribute("class", "cir");
-
newCir.setAttribute("id", "cir"+cirCount++);
-
newCir.setAttribute("name", "hotspot");
-
currentCir = selectElement(frameDoc.body.appendChild(newCir));
-
-
// Add resize handles
-
handletl = frameDoc.createElement("div");
-
handletl.setAttribute("class", "handletl");
-
handletl.setAttribute("name", "handle");
-
handletr = frameDoc.createElement("div");
-
handletr.setAttribute("class", "handletr");
-
handletr.setAttribute("name", "handle");
-
handlebl = frameDoc.createElement("div");
-
handlebl.setAttribute("class", "handlebl");
-
handlebl.setAttribute("name", "handle");
-
handlebr = frameDoc.createElement("div");
-
handlebr.setAttribute("class", "handlebr");
-
handlebr.setAttribute("name", "handle");
-
currentCir.appendChild(handletl);
-
currentCir.appendChild(handletr);
-
currentCir.appendChild(handlebl);
-
currentCir.appendChild(handlebr);
-
-
if (!coords){
-
currentCir.style.left = startX+"px";
-
currentCir.style.top = startY+"px";
-
currentCir.width = endX+"px";
-
currentCir.height = endX+"px";
-
}
-
else{
-
var coordArray = coords.split(',');
-
radius = parseInt(coordArray[2]);
-
currentCir.style.left = (parseInt(coordArray[0])-radius)+"px";
-
currentCir.style.top = (parseInt(coordArray[1])-radius)+"px";
-
currentCir.style.width = (radius*2)+"px";
-
currentCir.style.height = (radius*2)+"px";
-
if (href)
-
currentCir.setAttribute("href", href);
-
if (target)
-
currentCir.setAttribute("target", target);
-
if (title)
-
currentCir.setAttribute("title", title);
-
}
-
if (construct)
-
currentCir = null;
-
-
/*cirImg = frameDoc.createElement("img");
-
cirImg.setAttribute("src", "circleobject.gif");
-
cirImg.setAttribute("name", "hotspot");
-
cirImg.setAttribute("cir", "true");
-
cirImg.style.width = "100%";
-
cirImg.style.height = "100%";
-
currentCir.appendChild(cirImg);*/
-
}
-
-
function Poly(coords, href, target, title, construct){
-
+ dump('Poly Called\n');
newPoly = frameDoc.createElement("div");
-
newPoly.setAttribute("class", "poly");
-
newPoly.setAttribute("id", "poly"+polyCount++);
-
newPoly.setAttribute("name", "hotspot");
-
currentPoly = selectElement(frameDoc.body.appendChild(newPoly));
-
if (!coords){
-
- addPoint(startX, startY, true);
-
+ addPoint(null, startX, startY, true);
+ currentPoly.onclick = addPoint;
+ //currentPoly.addEventListener("click", addPoint, false);
}
-
else{
-
var coordArray = coords.split(',');
-
var len = coordArray.length;
-
for (i=0; i=3){
-
var polyLeft = 1000000;
-
var polyTop = 1000000;
-
var polyWidth = 0;
-
var polyHeight = 0;
-
- for(i=0; i= 0){
-
polyLeft += parseInt(currentPoly.style.left);
-
polyTop += parseInt(currentPoly.style.top);
-
}
-
currentPoly.style.left = polyLeft+"px";
-
currentPoly.style.top = polyTop+"px";
-
currentPoly.style.width = polyWidth+"px";
-
currentPoly.style.height = polyHeight+"px";
-
+ currentPoly.childNodes[0].onclick = null;
+ currentPoly.onclick = null;
+ //currentPoly.childNodes[0].removeEventListener("click", polyFinish, false);
+ //currentPoly.removeEventListener("click", addPoint, false);
if (!construct)
-
hotSpotProps(currentPoly);
-
currentPoly = null;
-
}
-
else
-
deleteElement(currentPoly);
-
+ if (event)
+ event.preventBubble();
}
-
-
function deleteElement(el){
-
if (el){
-
if (el.length){
-
var len = currentElement.length;
-
for(i=0; i= marTop) && (objLeft >= marLeft) && (objBottom <= marBottom) && (objRight <= marRight)){
-
//objList[i].style.borderColor = "#ffff00";
-
selectElement(objList[i], objCount);
-
objCount++;
-
}
-
}
-
}
-
-
function upMouse(event){
-
if (currentTool != "poly"){
-
if (marquee){
-
marqueeSelect();
-
}
-
if (currentRect){
-
if (!resize)
-
hotSpotProps(currentRect);
-
else
-
resize = false;
-
}
-
else if (currentCir){
-
if (!resize)
-
hotSpotProps(currentCir);
-
else
-
resize = false;
-
}
-
else if (currentPoint)
-
polyFinish(null, true);
-
-
currentRect = null;
-
currentCir = null;
-
currentPoint=null;
-
downTool = false;
-
dragActive = false;
-
dragObject = false;
-
xlock = false;
-
ylock = false;
-
}
-
}
-
-
function moveMouse(event){
-
if (downTool){
-
endX = event.clientX;
-
endY = event.clientY;
-
-
if (dragActive){
-
if (currentElement.length > 0){
-
if (currentCir){
-
radiusWidth = Math.abs((endX-startX));
-
radiusHeight = Math.abs((endY-startY));
-
circleRadius = Math.max(radiusWidth, radiusHeight);
-
currentCir.style.top = Math.max(startY-circleRadius, 0)+"px";
-
currentCir.style.left = Math.max(startX-circleRadius, 0)+"px";
-
currentCir.style.width = (circleRadius*2)+"px";
-
currentCir.style.height = (circleRadius*2)+"px";
-
}
-
else if (currentRect || marquee){
-
var rectObject = (currentRect)? currentRect : marquee;
-
if (!xlock){
-
if (endX > startX){
-
rectWidth = endX-startX;
-
rectObject.style.left = Math.max(startX, 0 )+"px";
-
rectObject.style.width = rectWidth+"px";
-
}
-
else{
-
rectWidth = startX-endX;
-
rectObject.style.left = Math.max(endX, 0)+"px";
-
rectObject.style.width = rectWidth+"px";
-
}
-
}
-
if (!ylock){
-
if (endY > startY){
-
rectHeight = endY-startY;
-
rectObject.style.top = startY+"px";
-
rectObject.style.height = rectHeight+"px";
-
}
-
else{
-
rectHeight = startY-endY;
-
rectObject.style.top = endY+"px";
-
rectObject.style.height = rectHeight+"px";
-
}
-
}
-
}
-
}
-
}
-
else{
-
if (currentTool == "rect"){
-
if ((((endX-startX) > 1) || ((endX-startX) < -1)) && (((endY-startY) > 1) || ((endY-startY) < -1))){
-
Rect();
-
dragActive = true;
-
}
-
}
-
if (currentTool == "cir"){
-
if ((((endX-startX) > 1) || ((endX-startX) < -1)) && (((endY-startY) > 1) || ((endY-startY) < -1))){
-
Circle();
-
dragActive = true;
-
}
-
}
-
- if (currentTool == "select"){
-
+ if (currentTool == "pointer"){
if (dragObject){
-
var len = currentElement.length;
-
var maxX = false;
-
var maxY = false;
-
for(i=0; i 0) && (maxX != true))
-
currentElement[i].style.left = newX+"px";
-
if ((newY >0) && (maxY != true))
-
currentElement[i].style.top = newY+"px";
-
}
-
}
-
else if (currentPoint){
-
endX = endX-parseInt(currentPoint.parentNode.style.left);
-
endY = endY-parseInt(currentPoint.parentNode.style.top);
-
newX = Math.max((0-parseInt(currentPoint.parentNode.style.left)), (endX-currentPoint.startX));
-
newY = Math.max((0-parseInt(currentPoint.parentNode.style.top)), (endY-currentPoint.startY));
-
currentPoint.style.left = newX+"px";
-
currentPoint.style.top = newY+"px";
-
}
-
else{
-
marquee = frameDoc.getElementById("marquee");
-
marquee.style.visibility = "inherit";
-
dragActive = true;
-
}
-
}
-
}
-
}
-
}
-
-
-
function downMouse(event){
-
dump(event.target.parentNode.id+"\n");
-
if (event.button == 1){
-
if (currentTool != "poly"){
-
startX = event.clientX;
-
startY = event.clientY;
-
downTool = true;
-
- if (currentTool == "select"){
-
+ if (currentTool == "pointer"){
if (event.target.getAttribute("name") == "hotspot"){
-
var el = event.target;
-
var isSelected = false;
-
-
if (event.target.getAttribute("cir") == "true")
-
el = event.target.parentNode;
-
-
if (event.shiftKey){
-
var len = currentElement.length;
-
var deselect = false;
-
for(i=0; i 4 || ratio < 1 || ratio == currentZoom)
+ return;
+
+ objList = frameDoc.getElementsByName("hotspot");
+ len = objList.length;
+ for(i=0; i currentZoom){
+ objList[i].style.width = (parseInt(objList[i].style.width)*(ratio/currentZoom))+"px";
+ objList[i].style.height = (parseInt(objList[i].style.height)*(ratio/currentZoom))+"px";
+ objList[i].style.top = (parseInt(objList[i].style.top)*(ratio/currentZoom))+"px";
+ objList[i].style.left = (parseInt(objList[i].style.left)*(ratio/currentZoom))+"px";
+ }
+ else{
+ objList[i].style.width = (parseInt(objList[i].style.width)/(currentZoom/ratio))+"px";
+ objList[i].style.height = (parseInt(objList[i].style.height)/(currentZoom/ratio))+"px";
+ objList[i].style.top = (parseInt(objList[i].style.top)/(currentZoom/ratio))+"px";
+ objList[i].style.left = (parseInt(objList[i].style.left)/(currentZoom/ratio))+"px";
+ }
+ if (objList[i].getAttribute("class") == "poly"){
+ pointList = objList[i].childNodes;
+ plen = pointList.length;
+ dump('i='+i+'\n');
+ for(j=0; j currentZoom){
+ pointList[j].style.top = (parseInt(pointList[j].style.top)*(ratio/currentZoom))+"px";
+ pointList[j].style.left = (parseInt(pointList[j].style.left)*(ratio/currentZoom))+"px";
+ }
+ else{
+ pointList[j].style.top = (parseInt(pointList[j].style.top)/(currentZoom/ratio))+"px";
+ pointList[j].style.left = (parseInt(pointList[j].style.left)/(currentZoom/ratio))+"px";
+ }
+ }
+ currentPoly = objList[i];
+ polyFinish(null, true);
+ currentPoly = null;
+ }
+ dump('i='+i+'\n');
+ }
+
+ imgEl = frameDoc.getElementById("mainImg");
+ dump(imgEl.getAttribute("width")+'\n');
+ if (ratio > currentZoom){
+ imgEl.setAttribute("width", (parseInt(imgEl.getAttribute("width"))*(ratio/currentZoom)));
+ imgEl.setAttribute("height", (parseInt(imgEl.getAttribute("height"))*(ratio/currentZoom)));
+ }
+ else{
+ imgEl.setAttribute("width", (parseInt(imgEl.getAttribute("width"))/(currentZoom/ratio)));
+ imgEl.setAttribute("height", (parseInt(imgEl.getAttribute("height"))/(currentZoom/ratio)));
+ }
+ currentZoom = ratio;
+}
\ No newline at end of file
diff --git a/mozilla/editor/ui/dialogs/locale/en-US/EditorImageMap.dtd b/mozilla/editor/ui/dialogs/locale/en-US/EditorImageMap.dtd
index 25f48b39022..f08346c6f8d 100644
--- a/mozilla/editor/ui/dialogs/locale/en-US/EditorImageMap.dtd
+++ b/mozilla/editor/ui/dialogs/locale/en-US/EditorImageMap.dtd
@@ -22,17 +22,53 @@
-->
+
-
-
-
-
-
-
-
-
-
-
-
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/mozilla/editor/ui/dialogs/locale/en-US/EditorImageMapHotSpot.dtd b/mozilla/editor/ui/dialogs/locale/en-US/EditorImageMapHotSpot.dtd
index 12f667c912e..6de625f6ec0 100644
--- a/mozilla/editor/ui/dialogs/locale/en-US/EditorImageMapHotSpot.dtd
+++ b/mozilla/editor/ui/dialogs/locale/en-US/EditorImageMapHotSpot.dtd
@@ -14,7 +14,7 @@
-
- The Initial Developer of the Original Code is Netscape
- Communications Corporation. Portions created by Netscape are
- - Copyright (C) 1998-1999 Netscape Communications Corporation. All
+ - Copyright (C) 1998-2000 Netscape Communications Corporation. All
- Rights Reserved.
-
- Contributor(s):
@@ -22,7 +22,14 @@
-->
+
-
-
+
+
+
+
+
+
+
+
diff --git a/mozilla/editor/ui/dialogs/skin/EdImageMap.css b/mozilla/editor/ui/dialogs/skin/EdImageMap.css
index bc2f48ac8f3..e40d8d6ee31 100644
--- a/mozilla/editor/ui/dialogs/skin/EdImageMap.css
+++ b/mozilla/editor/ui/dialogs/skin/EdImageMap.css
@@ -14,26 +14,49 @@
*
* The Initial Developer of the Original Code is Netscape
* Communications Corporation. Portions created by Netscape are
- * Copyright (C) 1998-1999 Netscape Communications Corporation. All
+ * Copyright (C) 2000 Netscape Communications Corporation. All
* Rights Reserved.
*
* Contributor(s):
* Dan Haddix
*/
-.rect {position:absolute; top:1px; left:1px; height:1px; width:1px; border: 1 solid #0000ff;}
-.cir {position:absolute; top:1px; left:1px; height:1px; width:1px; border: 1 solid #00ff00;}
-.poly {position:absolute; top:0px; left:0px; height:2000px; width:100%;}
-.point {position:absolute; top:1px; left:1px; height:3px; width:3px; background-color:#ff0000;}
-.pointStart {position:absolute; top:1px; left:1px; height:3px; width:3px; background-color:#8000ff;}
-.handletl {position:absolute; top:-5px; left:-5px; height:5px; width:5px; background-color:#ff00ff;}
-.handletr {position:absolute; top:-5px; left:100%; height:5px; width:5px; background-color:#ff00ff;}
-.handlebl {position:absolute; top:100%; left:-5px; height:5px; width:5px; background-color:#ff00ff;}
-.handlebr {position:absolute; top:100%; left:100%; height:5px; width:5px; background-color:#ff00ff;}
-.handlel {position:absolute; top:48%; left:-5px; height:5px; width:5px; background-color:#ff00ff;}
-.handler {position:absolute; top:48%; left:100%; height:5px; width:5px; background-color:#ff00ff;}
-.handlet {position:absolute; top:-5px; left:48%; height:5px; width:5px; background-color:#ff00ff;}
-.handleb {position:absolute; top:100%; left:48%; height:5px; width:5px; background-color:#ff00ff;}
-#marquee {position:absolute; top:1px; left:1px; height:1px; width:1px; border: 1 dashed #0000ff;}
-#bgDiv {position:absolute; top:0px; left:0px; background: url("chrome://editor/skin/images/checker.gif");}
-BODY {background-color:gray;}
\ No newline at end of file
+titledbutton#pointer {
+ list-style-image:url("chrome://editor/skin/images/Map_pointerTool.gif");
+}
+
+titledbutton#rect {
+ list-style-image:url("chrome://editor/skin/images/Map_rectangleTool.gif");
+}
+
+titledbutton#cir {
+ list-style-image:url("chrome://editor/skin/images/Map_circleTool.gif");
+}
+
+titledbutton#poly {
+ list-style-image:url("chrome://editor/skin/images/Map_polygonTool.gif");
+}
+
+titledbutton#cutButton {
+ list-style-image:url("chrome://editor/skin/images/Map_Cut.gif");
+}
+
+titledbutton#copyButton {
+ list-style-image:url("chrome://editor/skin/images/Map_Copy.gif");
+}
+
+titledbutton#pasteButton {
+ list-style-image:url("chrome://editor/skin/images/Map_Paste.gif");
+}
+
+titledbutton#zoomInButton {
+ list-style-image:url("chrome://editor/skin/images/Map_zoomIn.gif");
+}
+
+titledbutton#zoomOutButton {
+ list-style-image:url("chrome://editor/skin/images/Map_zoomOut.gif");
+}
+
+titledbutton#contrastButton {
+ list-style-image:url("chrome://editor/skin/images/Map_contrast.gif");
+}
\ No newline at end of file