function clipLayer(layerRef,x,y,w,h) { if(ns) { layerRef.clip.top=y; layerRef.clip.left=x; layerRef.clip.height=h; layerRef.clip.width=w; }else{ layerRef.clip = "rect("+y+"px "+(x+w)+"px "+(y+h)+"px "+x+")"; //alert(layerRef+".clip=rect("+y+" "+w+" "+(y+h)+" "+x+")"); } } function getLayer(id) { if(w3) return document.getElementById(id); if(ie) return document.all[id]; if(ns) return document.layers[id]; } function getHeight(layer) { return (ns) ? layer.document.height : layer.offsetHeight; } function getStyle(layer) { return (ns) ? layer : layer.style ; } function makeLayer(id,bg,width,html) //add bg to layer right away for NS$ compatibility { if(w3) { el = document.createElement('DIV'); el.id =id; if (bg.src) el.style.backgroundImage="url("+bg.src+")"; el.style.width = width+"px"; el.style.position ="absolute"; el.style.visibility = "hidden"; el.innerHTML = html; document.body.appendChild(el); //alert(id+" ok"); return el; } if(ie4) { divs="

"; dive="

"; str = divs+html+dive; // alert(str); document.body.insertAdjacentHTML("beforeEnd",str); while(!document.all[id]){}; document.all[id].innerHTML=html; return document.all[id]; } if (ns) { if (bg) bgs = " background=\""+bg.src+"\" "; else bgs=""; templayer = new Layer(width); templayer.document.open(); templayer.document.write(""+html+""); templayer.document.close(); return templayer; } } // //end Utilities //----------------------------------------------------- //---------------------------------------------------- // Sprites // function Sprite(name,id) { /* constructor sets up id, and the layer with the id. */ this.object = name; this.id=name; this.xOffset=new Array(0,0); this.yOffset=new Array(0,0); this.layer= new Array(); temp = getLayer(id); this.height = getHeight(temp); this.layer[0] = getStyle(temp); /* associating methods to our Sprite object */ this.Move = Move; this.iMove = iMove; this.hide = Spritehide; this.show = Spriteshow; this.setXY = SpritesetXY; this.stack =0; //this.h = this.layer.height; these don't seem to be working! //this.w = this.layer.width; } function Move(xdis,ydis,ms){ // sets up start time and orginal coords FatherTime = (new Date()).getTime();//get starttime x = this.x; //get starting x coord y = this.y; // get starting y coord ox = x; oy = y; this.iMove(ox,oy,xdis,ydis,ms,FatherTime)//calls recursive function } function iMove(ox,oy,xdis,ydis,ms,FatherTime){// has nothing to do with iMac /* just arrived from first timeout and will recursively call itself until endtime is reached */ now = (new Date()).getTime(); // get now to calculate // window.alert(" x:"+cx+" y:"+cy+" x:"+xdis+" yd:"+ydis+" ms"+ms+" lt:"+lastTime+" c:"+count); elapsed = now - FatherTime; ratio = elapsed / ms; // ratio might be integer:WATCHOUT 'sti if (ratio >= 1) { // if now is at or after endtime then finish up this.setXY(ox+xdis,oy+ydis) // draw the last frame this.x=ox+xdis;this.y=oy+ydis; return}// fuck off 'sti else{ xdif= xdis*ratio;// how far to move sprite ydif= ydis*ratio;// ibid. nx = ox + xdif; ny = oy + ydif; this.setXY(nx,ny); realNow = (new Date()).getTime(); // get now to calculate; wastedTime = realNow - now;// calculating how much time it took to redraw layer timeout = 50+ wastedTime; expr=this.object+'.iMove('+ox+','+oy+','+xdis+','+ydis+','+ms+','+FatherTime+')';// this.stack=setTimeout(expr,timeout); } } /* simple other layer manipulation functions */ function Spritehide(){ for (i=0;i