GEFS

<script type="text/javascript"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->YYYYMMDD=new Date().toISOString().slice(0,new Date().toISOString().indexOf("T")).replace(/-/g,"")<!-- [et_pb_line_break_holder] -->YESTERDAY= YYYYMMDD -1;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->// <!--<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->//============================================================<!-- [et_pb_line_break_holder] -->// >> jsImagePlayer 1.0 <<<!-- [et_pb_line_break_holder] -->// for Netscape3.0+, September 1996<!-- [et_pb_line_break_holder] -->//============================================================<!-- [et_pb_line_break_holder] -->// by (c)BASTaRT 1996<!-- [et_pb_line_break_holder] -->// Praha, Czech Republic, Europe<!-- [et_pb_line_break_holder] -->//<!-- [et_pb_line_break_holder] -->// feel free to copy and use as long as the credits are given<!-- [et_pb_line_break_holder] -->// by having this header in the code<!-- [et_pb_line_break_holder] -->//<!-- [et_pb_line_break_holder] -->// contact: xholecko@sgi.felk.cvut.cz<!-- [et_pb_line_break_holder] -->// http://sgi.felk.cvut.cz/~xholecko<!-- [et_pb_line_break_holder] -->//<!-- [et_pb_line_break_holder] -->//============================================================<!-- [et_pb_line_break_holder] -->// Thanx to Karel & Martin for beta testing and suggestions!<!-- [et_pb_line_break_holder] -->//============================================================<!-- [et_pb_line_break_holder] -->//<!-- [et_pb_line_break_holder] -->// modified by D. Watson and A. Earnhart (CIRA/CSU), 7/30/97<!-- [et_pb_line_break_holder] -->// and Greg Thompson (NCAR/RAP) Dec. 11 1997<!-- [et_pb_line_break_holder] -->//<!-- [et_pb_line_break_holder] -->//============================================================<!-- [et_pb_line_break_holder] -->//********* SET UP THESE VARIABLES - MUST BE CORRECT!!!*********************<!-- [et_pb_line_break_holder] -->// First, define the theImages() and specify that the all the cells in the array will receive images.<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->theImages = new Array(); //holds the images <!-- [et_pb_line_break_holder] -->for (var k = 0; k <=24; k++) {<!-- [et_pb_line_break_holder] --> theImages[k] = new Image();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->image_HREF = 'https://vortmax.somas.stonybrook.edu/WIND/GFS/GFS/00z/GFS_' + YYYYMMDD;<!-- [et_pb_line_break_holder] -->//image_HREF = 'https://vortmax.somas.stonybrook.edu/WIND/GFS/GFS/00z/GFS_' + YESTERDAY;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->// The number of images, set below, should equal the number of arrays defined above<!-- [et_pb_line_break_holder] -->number_of_images = 24;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->for (var i = 0; i < number_of_images; i++) {<!-- [et_pb_line_break_holder] --> if (i == 0) theImages[i].src = image_HREF + '-00zh003.png';<!-- [et_pb_line_break_holder] --> else if (i == 1) theImages[i].src = image_HREF + '-00zh003.png';<!-- [et_pb_line_break_holder] --> else if (i > 1) {<!-- [et_pb_line_break_holder] --> var fcst = i * 3<!-- [et_pb_line_break_holder] --> if (fcst < 10) theImages[i].src = image_HREF + '-00zh00' + fcst + '.png';<!-- [et_pb_line_break_holder] --> else theImages[i].src = image_HREF + '-00zh0' + fcst + '.png';<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->current_image = 1;<!-- [et_pb_line_break_holder] -->// Need to set animation size here, as well as at the very end of the html code, at the bottom of the file.<!-- [et_pb_line_break_holder] -->animation_height = 650;<!-- [et_pb_line_break_holder] -->animation_width = 750;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//**************************************************************************<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//=== THE CODE STARTS HERE - no need to change anything below ===<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//=== global variables ====<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->normal_delay = 200;<!-- [et_pb_line_break_holder] -->delay = normal_delay; //delay between frames in 1/100 seconds<!-- [et_pb_line_break_holder] -->delay_step = 50;<!-- [et_pb_line_break_holder] -->delay_max = 4000;<!-- [et_pb_line_break_holder] -->delay_min = 50;<!-- [et_pb_line_break_holder] -->dwell_multipler = 3;<!-- [et_pb_line_break_holder] -->dwell_step = 1;<!-- [et_pb_line_break_holder] -->end_dwell_multipler = dwell_multipler;<!-- [et_pb_line_break_holder] -->start_dwell_multipler = dwell_multipler;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->timeID = null;<!-- [et_pb_line_break_holder] -->myAnimateStatus = 0; // 0-stopped, 1-playing<!-- [et_pb_line_break_holder] -->play_mode = 0; // 0-normal, 1-loop, 2-sweep<!-- [et_pb_line_break_holder] -->size_valid = 0;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//==============================================================<!-- [et_pb_line_break_holder] -->//== All previous statements are performed as the page loads. ==<!-- [et_pb_line_break_holder] -->//== The following functions are also defined at this time. ==<!-- [et_pb_line_break_holder] -->//==============================================================<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//===> Stop the animation<!-- [et_pb_line_break_holder] -->function stop()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> //== cancel animation (timeID holds the expression which calls the fwd or bkwd function) ==<!-- [et_pb_line_break_holder] --> if (myAnimateStatus == 1)<!-- [et_pb_line_break_holder] --> clearTimeout (timeID);<!-- [et_pb_line_break_holder] --> myAnimateStatus = 0;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//===> Display animation in fwd direction in either loop or sweep mode<!-- [et_pb_line_break_holder] -->function animate_fwd()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> //== check if current image has exceeded loop bound ==<!-- [et_pb_line_break_holder] --> if (current_image > number_of_images) {<!-- [et_pb_line_break_holder] --> current_image = 1;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> document.animation.src = theImages[current_image-1].src; //display image onto screen<!-- [et_pb_line_break_holder] --> document.control_form.frame_nr.value = [current_image-1]; //display image number<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> delay_time = delay;<!-- [et_pb_line_break_holder] --> if (current_image == 1) delay_time = start_dwell_multipler*delay;<!-- [et_pb_line_break_holder] --> if (current_image == number_of_images) delay_time = end_dwell_multipler*delay;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //== call 'animate_fwd()' again after a set time (delay_time) has elapsed ==<!-- [et_pb_line_break_holder] --> timeID = setTimeout('animate_fwd()', delay_time);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> current_image++; //increment image number<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->function animate_revplay()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> //== check if current image has exceeded loop bound ==<!-- [et_pb_line_break_holder] --> if (current_image < 1) {<!-- [et_pb_line_break_holder] --> current_image = number_of_images;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> document.animation.src = theImages[current_image-1].src; //display image onto screen<!-- [et_pb_line_break_holder] --> document.control_form.frame_nr.value = [current_image-1]; //display image number<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> delay_time = delay;<!-- [et_pb_line_break_holder] --> if (current_image == 1) delay_time = start_dwell_multipler*delay;<!-- [et_pb_line_break_holder] --> if (current_image == number_of_images) delay_time = end_dwell_multipler*delay;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> //== call 'animate_revplay()' again after a set time (delay_time) has elapsed ==<!-- [et_pb_line_break_holder] --> timeID = setTimeout('animate_revplay()', delay_time);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> current_image--; //increment image number<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//===> Changes playing speed by adding to or substracting from the delay between frames<!-- [et_pb_line_break_holder] -->function change_speed(dv)<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> delay+=dv;<!-- [et_pb_line_break_holder] --> //== check to ensure max and min delay constraints have not been crossed ==<!-- [et_pb_line_break_holder] --> if(delay > delay_max) delay = delay_max;<!-- [et_pb_line_break_holder] --> if(delay < delay_min) delay = delay_min;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->//===> functions that changed the dwell rates.<!-- [et_pb_line_break_holder] -->function change_end_dwell(dv) {<!-- [et_pb_line_break_holder] --> end_dwell_multipler+=dv;<!-- [et_pb_line_break_holder] --> if ( end_dwell_multipler < 1 ) end_dwell_multipler = 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->function change_start_dwell(dv) {<!-- [et_pb_line_break_holder] --> start_dwell_multipler+=dv;<!-- [et_pb_line_break_holder] --> if ( start_dwell_multipler < 1 ) start_dwell_multipler = 0;<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->//===> Increment to next image<!-- [et_pb_line_break_holder] -->function incrementImage(number)<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> stop();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> //== if image is last in loop, increment to first image ==<!-- [et_pb_line_break_holder] --> if (number > number_of_images) number = 1;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> current_image = number;<!-- [et_pb_line_break_holder] --> document.animation.src = theImages[current_image-1].src; //display image<!-- [et_pb_line_break_holder] --> document.control_form.frame_nr.value = [current_image-1]; //display image number<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//===> Decrement to next image<!-- [et_pb_line_break_holder] -->function decrementImage(number)<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> stop();<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> //== if image is first in loop, decrement to last image ==<!-- [et_pb_line_break_holder] --> if (number < 1) number = number_of_images;<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> current_image = number;<!-- [et_pb_line_break_holder] --> document.animation.src = theImages[current_image-1].src; //display image<!-- [et_pb_line_break_holder] --> document.control_form.frame_nr.value = [current_image-1]; //display image number<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//===> 'Play forward'<!-- [et_pb_line_break_holder] -->function fwd()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> stop();<!-- [et_pb_line_break_holder] --> myAnimateStatus = 1;<!-- [et_pb_line_break_holder] --> play_mode = 1;<!-- [et_pb_line_break_holder] --> animate_fwd();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//===> 'Play reverse'<!-- [et_pb_line_break_holder] -->function revplay()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> stop();<!-- [et_pb_line_break_holder] --> myAnimateStatus = 1;<!-- [et_pb_line_break_holder] --> play_mode = 1;<!-- [et_pb_line_break_holder] --> animate_revplay();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->//===> Change play mode (normal, loop, swing)<!-- [et_pb_line_break_holder] -->function change_mode(mode)<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> play_mode = mode;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->//===> Start the loop once page is downloaded (called from 'onLoad' in <BODY>)<!-- [et_pb_line_break_holder] -->function launch()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> for (var j = 0; j <= number_of_images-1; j++)<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> document.animation.src = theImages[j].src;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // this needs to be done to set the right mode when the page is manually reloaded<!-- [et_pb_line_break_holder] --> change_mode (1);<!-- [et_pb_line_break_holder] --> fwd();<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//==> Empty function - used to deal with image buttons rather than HTML buttons<!-- [et_pb_line_break_holder] -->function func()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->//===> Sets up interface - this is the one function called from the HTML body<!-- [et_pb_line_break_holder] -->function animation()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> count = 1;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->// --><!-- [et_pb_line_break_holder] -->//===> resize graphic<!-- [et_pb_line_break_holder] -->function enlargeImage()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> document.animation.height="716";<!-- [et_pb_line_break_holder] --> document.animation.width="895";<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->function shrinkImage()<!-- [et_pb_line_break_holder] -->{<!-- [et_pb_line_break_holder] --> document.animation.height="431";<!-- [et_pb_line_break_holder] --> document.animation.width="540";<!-- [et_pb_line_break_holder] -->} <!-- [et_pb_line_break_holder] -->// WIDTH=750 HEIGHT=650 --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->$('.slider').on("change", function() {<!-- [et_pb_line_break_holder] --> var fcst = this.value;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] -->function pad(n, width, z) {<!-- [et_pb_line_break_holder] --> z = z || '0';<!-- [et_pb_line_break_holder] --> n = n + '';<!-- [et_pb_line_break_holder] --> return n.length >= width ? n : new Array(width - n.length + 1).join(z) + n;<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] -->$('.slider').on("input", function() {<!-- [et_pb_line_break_holder] --> console.log(fcst);<!-- [et_pb_line_break_holder] --> var fcst = this.value;<!-- [et_pb_line_break_holder] --> validTime(fcst);<!-- [et_pb_line_break_holder] --> $('#animation').attr('src',imgSrc1[fcst].src);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --></script>