// Display timer 2. specifies banner images and order of rotation. var c=0; var select=0; var t; var timer_is_on=0; function timedCount() { c=c+1; //-- Increment seconds counter if(c > 3) //-- Limit the display time in seconds { c = 1; // -- Reset seconds counter select=select+1; // -- Increment image counter if( select > 10) select = 1; // -- Limit image count if(select == 1) /* Maps only */ { FadeInImage('location1','site-start/T200-m1.gif','rotator1'); FadeInImage('location3','site-start/T100-m7.jpg','rotator3'); FadeInImage('location5','site-start/T200-m5.gif','rotator5'); FadeInImage('location7','site-start/T100-m2.gif','rotator7'); } if(select == 2) /* Prints only */ { FadeInImage('location2','site-start/T200-p1.gif','rotator2'); FadeInImage('location4','site-start/T100-p0.jpg','rotator4'); FadeInImage('location6','site-start/T200-p5.gif','rotator6'); FadeInImage('location8','site-start/T100-p5.gif','rotator8'); } if(select == 3) /* Maps only */ { FadeInImage('location1','site-start/T200-m2.gif','rotator1'); FadeInImage('location3','site-start/T100-m6.gif','rotator3'); FadeInImage('location5','site-start/T200-m4.gif','rotator5'); FadeInImage('location7','site-start/T100-m5.gif','rotator7'); } if(select == 4) /* Prints only */ { FadeInImage('location2','site-start/T200-p9.jpg','rotator2'); FadeInImage('location4','site-start/T100-p7.gif','rotator4'); FadeInImage('location6','site-start/T200-p7.jpg','rotator6'); FadeInImage('location8','site-start/T100-p4.gif','rotator8'); } if(select == 5) /* Maps only */ { FadeInImage('location1','site-start/T200-ma.jpg','rotator1'); FadeInImage('location3','site-start/T100-m1.gif','rotator3'); FadeInImage('location5','site-start/T200-m6.gif','rotator5'); FadeInImage('location7','site-start/T100-m4.gif','rotator7'); } if(select == 6) /* Prints only */ { FadeInImage('location2','site-start/T200-pa.jpg','rotator2'); FadeInImage('location4','site-start/T100-p9.jpg','rotator4'); FadeInImage('location6','site-start/T200-p8.jpg','rotator6'); FadeInImage('location8','site-start/T100-p6.gif','rotator8'); } if(select == 7) /* Maps only */ { FadeInImage('location1','site-start/T200-m7.gif','rotator1'); FadeInImage('location3','site-start/T100-m9.jpg','rotator3'); FadeInImage('location5','site-start/T200-mc.jpg','rotator5'); FadeInImage('location7','site-start/T100-ma.jpg','rotator7'); } if(select == 8) /* Prints only */ { FadeInImage('location2','site-start/T200-p2.gif','rotator2'); FadeInImage('location4','site-start/T100-p1.gif','rotator4'); FadeInImage('location6','site-start/T200-p6.gif','rotator6'); FadeInImage('location8','site-start/T100-pb.jpg','rotator8'); } if(select == 9) /* Maps only */ { FadeInImage('location1','site-start/T200-m0.jpg','rotator1'); FadeInImage('location3','site-start/T100-m3.gif','rotator3'); FadeInImage('location5','site-start/T200-m8.jpg','rotator5'); FadeInImage('location7','site-start/T100-m8.jpg','rotator7'); } if(select == 10) /* Prints only */ { FadeInImage('location2','site-start/T200-p3.gif','rotator2'); FadeInImage('location4','site-start/T100-p2.gif','rotator4'); FadeInImage('location6','site-start/T200-p4.gif','rotator6'); FadeInImage('location8','site-start/T100-p3.gif','rotator8'); } } /* ............. End of if(C > x) condition ........... */ /* Notes on image locations Map / Print Location ID M P M 1 2 3 P P 8 4 M P M 7 6 5 1,2,5,6 = Landscape 200 x 100 3,4,7,8 = Portrait 100 x 200 10 portrait maps, 10 landscape maps 10 portrait prints, 10 landscape prints Each cycle rotates either maps or prints. 10 non-repeating cycles possible. 200 200 100 100 200 200 100 100 cycle M1 P2 M3 P4 M5 P6 M7 P8 Start m0 p3 m3 p2 m8 p4 m8 p3 C = 1 m1 m7 m5 m2 C = 2 p1 p0 p5 p5 C = 3 m2 m6 m4 m5 C = 4 p9 p7 p7 p4 C = 5 ma m1 m6 m4 C = 6 pa p9 p8 p6 C = 7 m7 m9 mc ma C = 8 p2 p1 p6 pb C = 9 m0 m3 m8 m8 (start) C = 10 p3 p2 p4 p3 (start) .......................................................................... */ t=setTimeout("timedCount()",800); /* Count expressed in milli-seconds. 1000 = 1 sec */ /* value 1000 - times out in 1000ms (1 sec) intervals */ /* value 800 - times out in 800ms - faster cycling */ /* value 1200 - times out in 1200ms - slower cycling */ } /* end of 'timedCount() function */ /* ............................................. */ function RunTimer() { if (!timer_is_on) { timer_is_on=1; timedCount(); } } /* ............................................. */ function preloadimages() { Image0 = new Image(100,200); Image0.src = "site-start/100-m0.jpg"; Image1 = new Image(100,200); Image1.src = "site-start/100-m1.gif"; Image2 = new Image(100,200); Image2.src = "site-start/100-m2.gif"; Image3 = new Image(100,200); Image3.src = "site-start/100-m3.gif"; Image4 = new Image(100,200); Image4.src = "site-start/100-m4.gif"; Image5 = new Image(100,200); Image5.src = "site-start/100-m5.gif"; Image6 = new Image(100,200); Image6.src = "site-start/100-m6.gif"; Image7 = new Image(100,200); Image7.src = "site-start/100-m7.jpg"; Image8 = new Image(100,200); Image8.src = "site-start/100-m8.jpg"; Image9 = new Image(100,200); Image9.src = "site-start/100-m9.jpg"; Image10= new Image(100,200); Image10.src = "site-start/100-ma.jpg"; Image11 = new Image(100,200); Image11.src = "site-start/100-p0.jpg"; Image12 = new Image(100,200); Image12.src = "site-start/100-p1.gif"; Image13 = new Image(100,200); Image13.src = "site-start/100-p2.gif"; Image14 = new Image(100,200); Image14.src = "site-start/100-p3.gif"; Image15 = new Image(100,200); Image15.src = "site-start/100-p4.gif"; Image16 = new Image(100,200); Image16.src = "site-start/100-p5.gif"; Image17 = new Image(100,200); Image17.src = "site-start/100-p6.gif"; Image18 = new Image(100,200); Image18.src = "site-start/100-p7.gif"; Image19 = new Image(100,200); Image19.src = "site-start/100-p8.gif"; Image20 = new Image(100,200); Image20.src = "site-start/100-p9.jpg"; Image21 = new Image(100,200); Image21.src = "site-start/100-pb.jpg"; Image22 = new Image(200,100); Image22.src = "site-start/200-m0.jpg"; Image23 = new Image(200,100); Image23.src = "site-start/200-m1.gif"; Image24 = new Image(200,100); Image24.src = "site-start/200-m2.gif"; Image25 = new Image(200,100); Image25.src = "site-start/200-m4.gif"; Image26 = new Image(200,100); Image26.src = "site-start/200-m5.gif"; Image27 = new Image(200,100); Image27.src = "site-start/200-m6.gif"; Image28 = new Image(200,100); Image28.src = "site-start/200-m7.gif"; Image29 = new Image(200,100); Image29.src = "site-start/200-m8.jpg"; Image30 = new Image(200,100); Image30.src = "site-start/200-m9.gif"; Image31 = new Image(200,100); Image31.src = "site-start/200-ma.jpg"; Image32 = new Image(200,100); Image32.src = "site-start/200-mc.jpg"; Image33 = new Image(200,100); Image33.src = "site-start/200-p0.jpg"; Image34 = new Image(200,100); Image34.src = "site-start/200-p1.gif"; Image35 = new Image(200,100); Image35.src = "site-start/200-p2.gif"; Image36 = new Image(200,100); Image36.src = "site-start/200-p4.gif"; Image37 = new Image(200,100); Image37.src = "site-start/200-p5.gif"; Image38 = new Image(200,100); Image38.src = "site-start/200-p6.gif"; Image39 = new Image(200,100); Image39.src = "site-start/200-p7.gif"; Image40 = new Image(200,100); Image40.src = "site-start/200-p8.jpg"; Image41 = new Image(200,100); Image41.src = "site-start/200-p9.gif"; Image42 = new Image(200,100); Image42.src = "site-start/200-pa.jpg"; Image43 = new Image(200,100); Image43.src = "site-start/200-p3.jpg"; } /* window.onload=RunTimer; Run the timer when the page loads */ /* The preload of images was done to remove a visual artifact - On the first cycle of the images the transition between images was not smooth. Following cycles gave smooth transitions. It was assumed that the loading and cycling of the images together was causing the problem. It was decided to load all images when the page opened so that during the first cycle the transitions were not degraded by image loading processes. ================================================= */ /* The onload function was moved from here to the HTML document. In other programs the line " window.onload=RunTimer; " is placed at the bottom of this file to execute the timer function. window.onload=preloadimages; window.onload=RunTimer; For multiple onloads, the following code in the HTML loading page works better. The code above has trouble with multiple tasks. Note some tutorials show this without the semi-colons ie */