//@@@@@@ BEGIN - LOOP CODE
var root = "http://laps.noaa.gov/domains";
var frame = 0;         
var timeout_id = null;
var loop_mode = "NULL";
var zoom_click = "OFF";
var current_frame = 0;
var grid_win;
var loop_images = 25;
var loop_offset = 1;
var aniframes;

var blank_blue = new Image();
blank_blue.src = "interface_images/imgcontrol_bg.gif";

var loading_image = new Image();
loading_image.src = "interface_images/loading.gif";

var blank_image = new Image();
blank_image.src = "interface_images/MDSS_blank.gif";

var head = new Image();
var rev = new Image();
var play = new Image();
var stop = new Image();
var fwd = new Image();
var tail = new Image();
var incdelay = new Image();
var decdelay = new Image();
var incspeed = new Image();
var decspeed = new Image();

head.src = "interface_images/loop_head.gif";
rev.src = "interface_images/loop_rev.gif";
play.src = "interface_images/loop_play.gif";
stop.src = "interface_images/loop_stop.gif";
fwd.src = "interface_images/loop_fwd.gif";
tail.src = "interface_images/loop_tail.gif";
incdelay.src = "interface_images/loop_incdelay.gif";
decdelay.src = "interface_images/loop_decdelay.gif";
incspeed.src = "interface_images/loop_incspeed.gif";
decspeed.src = "interface_images/loop_decspeed.gif";

function loadLoopImages(web_dir)
{
	current_frame = frame;
	document.main_img.src = loading_image.src;
	loaded = "FALSE";
        frame = 0;
	aniframes = new Array(loop_images);
	
	var init_val = document.imgSelectionForm.hour.options[1].text;
	
        for(var i = 0; i < loop_images; i++)
        {
	    var img_src = (parseInt(i)*parseInt(loop_offset))+parseInt(init_val); 
            if (img_src < 10) { img_src = "0"+img_src; }
	    aniframes[i] = new Image();
            aniframes[i].src = web_dir+"/"+document.imgSelectionForm.init.value+"/"+document.imgSelectionForm.parameter.value+"/"+img_src+"00.gif";
            aniframes[i].height = height_image;
	    aniframes[i].width = width_image;
            	
	}
	
	document.main_img.src = aniframes[0].src;
	document.main_img.height = height_image;
	document.main_img.width = width_image;

	showLoopControls();
	frame = 0;
	loopPlay();
}

function animate() {
    frame = (frame + 1)%loop_images;                        // Update the frame counter
    document.main_img.src = aniframes[frame].src;  // Display the current frame
    timeout_id = setTimeout("animate()", 500);     // Display next frame later.
}

function loopMode()
{
        if (loop_mode != "LOOP")
        {
                return 0;
        }
        else
        {
                return 1;
        }
}

function loopPlay()
{
        if (timeout_id == null) animate();
}

function loopStop()
{
        if (timeout_id) clearTimeout(timeout_id);
        timeout_id=null;
}

function loopHead()
{
        loopStop();
        frame = 0;
        document.main_img.src = aniframes[frame].src;
}

function loopTail()
{
        loopStop();
        frame = loop_images-1;
        document.main_img.src = aniframes[frame].src;
}

function loopFwd()
{
        loopStop();
        if (frame < loop_images) frame++;
	if (frame == loop_images) frame = 0;
        document.main_img.src = aniframes[frame].src;
}

function loopRev()
{
        loopStop();
        if (frame > 0) frame--;
	if (frame == 0) frame = loop_images-1;
        document.main_img.src = aniframes[frame].src;
}

function loopGoToFrame(x)
{
	frame = x;
	document.main_img.src = aniframes[frame].src;
}

function hideLoopControls()
{
	document.loop_head.src = blank_blue.src;
	document.loop_head.height = 0;
	document.loop_head.width = 0;

	document.loop_rev.src = blank_blue.src;
        document.loop_rev.height = 0;
        document.loop_rev.width = 0;

	document.loop_play.src = blank_blue.src;
        document.loop_play.height = 0;
        document.loop_play.width = 0;

	document.loop_stop.src = blank_blue.src;
        document.loop_stop.height = 0;
        document.loop_stop.width = 0;

	document.loop_fwd.src = blank_blue.src;
        document.loop_fwd.height = 0;
        document.loop_fwd.width = 0;

	document.loop_tail.src = blank_blue.src;
        document.loop_tail.height = 0;
        document.loop_tail.width = 0;

	document.loop_incdelay.src = blank_blue.src;
	document.loop_incdelay.height = 0;
	document.loop_incdelay.width = 0;

	document.loop_decdelay.src = blank_blue.src;
	document.loop_decdelay.height = 0;
	document.loop_decdelay.width = 0;

	document.loop_incspeed.src = blank_blue.src;
	document.loop_incspeed.height = 0;
	document.loop_incspeed.width = 0;

	document.loop_decspeed.src = blank_blue.src;
	document.loop_decspeed.height = 0;
	document.loop_decspeed.width = 0;

}

function showLoopControls()
{
        document.loop_head.src = head.src;
        document.loop_head.height = 28;
        document.loop_head.width = 23;

        document.loop_rev.src = rev.src;
        document.loop_rev.height = 28;
        document.loop_rev.width = 36;

        document.loop_play.src = play.src;
        document.loop_play.height = 28;
        document.loop_play.width = 26;

        document.loop_stop.src = stop.src;
        document.loop_stop.height = 28;
        document.loop_stop.width = 22;

        document.loop_fwd.src = fwd.src;
        document.loop_fwd.height = 28;
        document.loop_fwd.width = 38;

        document.loop_tail.src = tail.src;
        document.loop_tail.height = 28;
        document.loop_tail.width = 22;

	document.loop_incdelay.src = incdelay.src;
        document.loop_incdelay.height = 28;
        document.loop_incdelay.width = 33;

	document.loop_decdelay.src = decdelay.src;
        document.loop_decdelay.height = 28;
        document.loop_decdelay.width = 33;

	document.loop_incspeed.src = incspeed.src;
        document.loop_incspeed.height = 28;
        document.loop_incspeed.width = 22;

	document.loop_decspeed.src = decspeed.src;
        document.loop_decspeed.height = 28;
        document.loop_decspeed.width = 22;
}

function updateMainImage(web_dir)
{

    loopStop();
    hideLoopControls();
    loop_mode = document.imgSelectionForm.hour.value;

    mode = document.imgSelectionForm.mode.value;
	
    if (mode == "dprog/dt")
    {
        dprog_dt(document.imgSelectionForm.dprogdt.value);
    }


    
    else
    { 
    if (document.imgSelectionForm.hour.value != "LOOP")
    {
        //LOAD SELECTED IMAGE
	document.main_img.src = web_dir+"/"+document.imgSelectionForm.init.value+"/"+document.imgSelectionForm.parameter.value+"/"+document.imgSelectionForm.hour.value;
        document.main_img.height = height_image;
        document.main_img.width = width_image;
    }
    else
    {
        //LOAD LOOP IMAGES
        loadLoopImages(web_dir);
    }
    }
}
//@@@@@@ END - LOOP CODE


function initialize()
{
        hideLoopControls();
	populate_global();
}

function populate_global()
{
	mode = document.imgSelectionForm.mode.value;
	if (mode == "dprog/dt")
	{
		populate_date_time();
	}
	else
	{
		populate_hour();
	}
}


function chg_mode()
{
	mode = document.imgSelectionForm.mode.value;

	if (mode == "dprog/dt")
	{
		document.imgSelectionForm.initialization_img.style.display = "none";
		document.imgSelectionForm.init.style.display = "none";
		document.imgSelectionForm.hour_img.style.display = "none";
		document.imgSelectionForm.hour.style.display = "none";
		document.imgSelectionForm.date_time_img.style.display = "";
		document.imgSelectionForm.date_time.style.display = "";

	}
	else
	{
		document.imgSelectionForm.initialization_img.style.display = "";
		document.imgSelectionForm.init.style.display = "";
		document.imgSelectionForm.hour_img.style.display = "";
		document.imgSelectionForm.hour.style.display = "";
		document.imgSelectionForm.date_time_img.style.display = "none";
		document.imgSelectionForm.date_time.style.display = "none";
	}
	populate_global();
}

function dprog_dt(values)
{
	var urls = values.split("|");
	current_frame = frame;
	document.main_img.src = loading_image.src;
	loaded = "FALSE";
        frame = 0;
	aniframes = new Array(loop_images);
	
	var init_val = document.imgSelectionForm.hour.options[1].text;
	
        for(var i = 0; i < loop_images; i++)
        {
	    aniframes[i] = new Image();
            aniframes[i].src = urls[i+1];
            aniframes[i].height = height_image;
	    aniframes[i].width = width_image;
            	
	}
	
	document.main_img.src = aniframes[0].src;
	document.main_img.height = height_image;
	document.main_img.width = width_image;

	showLoopControls();
	frame = 0;
	loopPlay();

}