... seguito



menuObj.prototype.show = function(p) {
if(p == "h") {
this.sty.left = this.parent.offX()+css_px;
this.sty.top = this.parent.offY()+this.parent.offH()+css_px;
} else {
this.sty.left = this.parent.offX()+this.parent.offW()+css_px;
this.sty.top = this.parent.offY()+css_px;
}
this.sty.visibility = "visible";
this.sty.zIndex = "12";
this.doShow();
}
menuObj.prototype.doShow = function() {
clearTimeout(this.timer)
this.clipIt(0, this.offW(), this.wipe, 0);
this.wipe += 10;
if(this.wipe <= this.maxWipe()) this.timer = setTimeout(this.obj + ".doShow()", 45)
}
menuObj.prototype.hide = function() {
clearTimeout(this.timer)
this.clipIt(0, this.offW(), this.wipe-10, 0);
this.wipe -= 10;
if(this.wipe >= 0) this.timer = setTimeout(this.obj + ".hide()", 50);
else this.sty.visibility = "hidden";
}
function over_out(obj, bg, fg) {
if(is.ns4) {
if(bg.indexOf("url") != -1) obj.background.src = bg.substring(4,bg.length-1)
else obj.background.src = "", obj.bgColor = bg;
}
else {
obj.style.background = bg;
obj.style.color = fg;
}
}
menuObj.prototype.clipIt = function(t,r,b,l) {
if(!is.ns4) this.sty.clip = "rect("+t+"px, "+r+"px, "+b+"px, "+l+"px)"
else {
this.sty.clip.top = t;
this.sty.clip.right = r;
this.sty.clip.bottom = b;
this.sty.clip.left = l;
}
}
wipeMenu.prototype.buildMenu = function(x,y,spacing) {
this.mainNum[0].sty.left = x+css_px;
this.mainNum[0].sty.top = y+css_px;
if(!is.ns4 && spacing == 0) var spacing = -this.mAtt.border;
for(i = 1; i < this.mainNum.length; i++) {
if(this.pos == "h") {
this.mainNum[i].sty.left = this.mainNum[i-1].offX()+this.mainNum[i-1].offW()+spacing+css_px;
this.mainNum[i].sty.top = this.mainNum[i-1].offY()+css_px;
} else {
this.mainNum[i].sty.left = this.mainNum[i-1].offX()+css_px;
this.mainNum[i].sty.top = this.mainNum[i-1].offY()+this.mainNum[i-1].offH()+spacing+css_px;
}
}
}
function wipeMenu(menu,p,ma,sa) {
this.name = menu;
this.pos = p;
this.mAtt = ma;
this.sAtt = (!sa) ?ma : sa;
this.main = [];
this.mainNum = [];
this.subs = [];
}
function preLoadMenuImages() {
if(!img) var img = [];
var imgs = preLoadMenuImages.arguments;
for(i = 0; i < imgs.length; i++) {
img[i] = new Image();
img[i].src = imgs[i];
}
}
if(document.layers) {
var pX = innerWidth;
var pY = innerHeight;
onresize= function(){
if(pX!= innerWidth || pY!= innerHeight) history.go(0);
}
}
function swapIt(img, src, id) {
if(is.ie4 || is.ns4 && !id) document.images[img].src = src;
if(is.ns4 && id) document.layers[id].document.images[img].src = src;
if(is.dom) document.getElementById(img).setAttribute('src', src);
}

function initSwipeMenu() {
preLoadMenuImages("button_on.gif", "button_off.gif");
menuAtt = new Array();
menuAtt["width"] = 120;
menuAtt["height"] = 20;
menuAtt["align"] = "center";
menuAtt["font"] = "Verdana";
menuAtt["font_size"] = 10;
menuAtt["bg_off"] = "#0000FF";
menuAtt["bg_on"] = "#00FFFF";
menuAtt["fg_off"] = "white";
menuAtt["fg_on"] = "red";
menuAtt["border"] = 1;
menuAtt["border_color"] = "white";
//Menu 1
myMenu = new wipeMenu("myMenu", "h", menuAtt);

myMenu.addMain("about", true, "Getting Started", "index.htm");
myMenu.addSub("aboutSub1", "about", "Introduction", "intro1.htm");
myMenu.addSub("aboutSub2", "about", "What is SVG?", "whatsvg2.htm");
myMenu.addSub("aboutSub3", "about", "SVG Structure", "structure3.htm");

myMenu.addMain("shapes", true, "Basic Shapes", "shapes4.htm");
myMenu.addSub("shapesSub1", "shapes", "Rectangle", "rectangle5.htm");
myMenu.addSub("shapesSub2", "shapes", "Rounded Corners", "corners6.htm");
myMenu.addSub("shapesSub3", "shapes", "Lines", "lines7.htm");
myMenu.addSub("shapesSub4", "shapes", "Circle", "circle8.htm");
myMenu.addSub("shapesSub5", "shapes", "Ellipse", "ellipse9.htm");
myMenu.addSub("shapesSub6", "shapes", "Polygon", "polygon10.htm");
myMenu.addSub("shapesSub7", "shapes", "PolyLine", "polyline11.htm");
myMenu.addSub("shapesSub8", "shapes", "Paths", "paths12.htm");

myMenu.addMain("filters", true, "Filters", "filters13.htm");
myMenu.addSub("filtersSub7", "filters", "Gaussian Blur", "blur14.htm");
myMenu.addSub("filtersSub8", "filters", "Turbulence", "turbulance15.htm");
myMenu.addSub("filtersSub8", "filters", "Other Filters", "other16.htm");


myMenu.addMain("gradient", true, "Gradients", "gradients17.htm");
myMenu.addSub("gradientSub1", "gradient", "Linear", "linear18.htm");
myMenu.addSub("gradientSub2", "gradient", "Radial", "radial19.htm");

myMenu.addMain("text", true, "Text", "text20.htm");
myMenu.addSub("textSub1", "text", "Rotate text", "rotate21.htm");
myMenu.addSub("textSub1", "text", "Whats Next?", "next22.htm");

myMenu.buildMenu(10,10,2);

}
</script>
</head>
<body bgcolor="#000000" onload="initSwipeMenu()" onload="if(parent.frames[0]&&parent.frames['navig'].Go)parent.frames['navig'].Go();" scroll=no topmargin=0 marginheight=0>
</body>
</html>