// ================================================================================================================================ // productanimation.js 2000-04-03 Lasse Voss // // DHTML code for product images: // function doProductAni(fixedLayerID, slidingLayerID) // // Depencies: dynlayer.js (required) // ================================================================================================================================ var callLog = 0; // ================================================================================================================================ // function doProductAni(fixedLayerID, slidingLayerID) // // Simple layer based animation: Slides "slidingLayer" from behind "fixedLayer" by its own height. // Call to start animation (e.g. in onLoad event: ) // // fixedLayerID - id of fixed layer (CSS properties to be set: top/left/width/z-index) // slidingLayerID - id of sliding layer (set visibility = hidden, top/left/z-index will be adjusted by doMobileAni!) // ================================================================================================================================ function doProductAni(fixedLayerID, slidingLayerID) { if (callLog == 0) { // init layers fixedLayer = new DynLayer(fixedLayerID); slidingLayer = new DynLayer(slidingLayerID); // move sliding layer right under the fixed layer's bottom slidingLayer.css.zIndex = fixedLayer.css.zIndex - 1; slidingLayer.moveTo(fixedLayer.x, fixedLayer.y + fixedLayer.h - slidingLayer.h); // presetting to FALSE blnProductAniDone = false; // make layer visible slidingLayer.show(); // increase callLog, delay first animation cycle by 1000 ms callLog = 1; window.setTimeout("doProductAni('" + fixedLayerID + "', '" + slidingLayerID + "');", 100); } else { // actual animation cycle, time-delayed if (loaded) { // slide layer from behind fixed layer by its own height, setting to TRUE when done slidingLayer.slideBy(0, slidingLayer.h, 1, 10, "blnProductAniDone = true;"); } else { // page not loaded completely, so time-delay window.setTimeout("doProductAni('" + fixedLayerID + "', '" + slidingLayerID + "');", 100); } } return false; }