/********************************************************************************
/////// Animation 
*********************************************************************************/

var layer_MAX   = 66;
var layer_END	= layer_MAX;

var layer_cntr	= 0;
var layer_start = 0;
var layer_base	= 0;
var layers		= layer_MAX;
var layer_img	= Array();

var direction	= 1;
var loop_cntr	= 0;
var animat		= 0;
var anim_stop	= true;
var anim_init	= false;
var loop_dir	= 0;
var newdelay	= 0;
var delay		= 300;
var DELAY_MIN	= 50;
var DELAY_MAX	= 1500;
var aktivTimer	= null;

var DetailFlags = 13;
var DetailLayer = 1;
var wx_width    = 480;
var wx_height   = 360;


//

function PlayAnimation(dir)
{
	if(animat) 
		{
		StopAnimat();
		if(dir==direction) return;
		}

	layer_base	= document.getElementById("staDate").options.selectedIndex;
	layer_start = layer_cntr = layer_base;
	animat		= 1;
	direction=loop_dir=dir;
	StartPlay();
}

function StartPlay()
	{
	SetNextActionButton(1);
	SetAnimatSpeed(delay);
	InitSatPics();
	PlayAnimat(direction);
	ShowLayer(layer_cntr);
	}

function SetNextActionButton(set)
	{
	animat=set;

	if(!loop_dir)
		{
		if(animat)  document.getElementById("animat_rw").src="../images/n_stop.gif";
		else document.getElementById("animat_rw").src="../images/n_play_rw.gif";
		}
	else
		{
		if(animat)  document.getElementById("animat_fw").src="../images/n_stop.gif";
		else document.getElementById("animat_fw").src="../images/n_play_ff.gif";
		}
	}

function InitSatPics()
	{
	loop_cntr++;
	if (loop_cntr > 999) loop_cntr = 0;
	}

function PlayAnimat(direction)
	{
	if (layer_cntr >= layer_END)
		{
		layer_cntr = layer_END - 1;
		layer_start = document.getElementById("staDate").options.selectedIndex;
		if (layer_END - layer_start < layer_END)
			{
			layer_start = layer_END - layer_END;
			if (layer_start < 1) layer_start = 0;
			}
		}
	else layer_start = layer_base;

	if (!anim_init) InitSatPics();

	loop_cntr++;
	loop_dir = direction;
	anim_stop = false;
	animate(loop_cntr);
	}

function StopAnimat()
	{
	anim_stop	= true;
	window.clearTimeout(aktivTimer);
	aktivTimer	= null;
	SetNextActionButton(0);
	ShowLayer(layer_base)
	animat		= 0;
	}

function SetAnimatSpeed(set)
	{
	delay=set;
	if(delay > DELAY_MAX) delay =DELAY_MAX;
	if(delay < DELAY_MIN) delay =DELAY_MIN;
	val=0.05+(delay*.001);
	if(MSIE) {document.getElementById("wxpicture").style.filter="blendTrans(duration="+val+")";}
	}

function IncDecAnimatSpeed(set)
	{
	if(!animat) return;

	if(set<1)
		{
		last_MD_id="speed_ff";
		last_MD_src="../images/n_speed_ff.gif";
		document.getElementById(last_MD_id).src="../images/r_speed_ff.gif";
		}
	else
		{
		last_MD_id="speed_rw";
		last_MD_src="../images/n_speed_rw.gif";
		document.getElementById(last_MD_id).src="../images/r_speed_rw.gif";
		}

	if(delay<500) delay+=(set*50);
	else delay+=(set*100);
	if(delay > DELAY_MAX) delay =DELAY_MAX;
	if(delay < DELAY_MIN) delay =DELAY_MIN;
	newdelay=delay;
	}

function SetLayerDown()
	{
	if(animat) StopAnimat();

	last_MD_id="down";
	last_MD_src="../images/n_down.gif";
	

	document.getElementById(last_MD_id).src="../images/r_down.gif";
	layer_cntr-=1;	//if click uppers 
	if(layer_cntr<0) layer_cntr=layer_END-1;
	ShowLayer(layer_cntr);
	}

function SetLayerUp()
	{
	if(animat) StopAnimat();

	last_MD_id="up";
	last_MD_src="../images/n_up.gif";
	
	document.getElementById(last_MD_id).src="../images/r_up.gif";
	layer_cntr+=1;
	if(layer_cntr>=layer_END) layer_cntr=0;
	ShowLayer(layer_cntr);
	}


function ShowLayer(number)
	{
	layer_cntr = number;
	if (layer_cntr < 0) layer_cntr = 0;
	else if (layer_cntr >= layer_END) layer_cntr = layer_END - 1;
	document.getElementById("staDate").options.selectedIndex=layer_cntr;
	document.getElementById("wxpicture").src = layer_img[layer_cntr].src;	
	SetAllDates();


//	alert(layer_img[layer_cntr].src);	
	}

function RestSpeed()
	{
	if(!animat) return;
	
	last_MD_id="speed_reset";
	last_MD_src="../images/n_reset.gif";
	document.getElementById(last_MD_id).src="../images/r_reset.gif";

	SetAnimatSpeed(300);
	}


function animate(task)
	{
	if (task != loop_cntr) return;
	if (!anim_stop)
		{	
		if(newdelay && MSIE)
			{
			newdelay=0;
			val=0.06+(delay*.001);
			document.getElementById("wxpicture").style.filter="blendTrans(duration="+val+")";
			}	
/*		if(navigat || layer_img[layer_cntr].complete == true)
			{
			document.getElementById("wxpicture").filters.blendTrans.Apply();
			document.getElementById("wxpicture").src = layer_img[layer_cntr].src;	
			document.getElementById("wxpicture").filters.blendTrans.Play();
			}
*/

	    if(!(DetailFlags&2))
			{
			if(MSIE) {document.getElementById("wxpicture").filters.blendTrans.Apply();}
			document.getElementById("wxpicture").src = layer_img[layer_cntr].src;	
			if(MSIE) {document.getElementById("wxpicture").filters.blendTrans.Play();}
			}
	    else document.getElementById("wxpicture").src = layer_img[layer_cntr].src;

	    document.getElementById("staDate").options.selectedIndex=layer_cntr;
	    SetAllDates();
		
    	if (direction == 1) layer_cntr++;
	    else layer_cntr--;

	    if (layer_cntr >= layer_END) layer_cntr=0;
	    if (layer_cntr <0) layer_cntr=layer_END - 1;	
	    aktivTimer=setTimeout("animate(" + loop_cntr + ")", delay);
	    }
	}



/********************************************************************************
////// Forecast Picturing / Installation  / Configuration 
*********************************************************************************/

var selStartTime=0;
var selStopTime=layer_END-1;
var date = new Date();
var coorFlag=0;

function ClickPic()
	{			
	mdate = new Date();
	mdate.setTime(StartTime);
	year	= mdate.getUTCFullYear()-2000;
	day	= mdate.getUTCDate()
	month	= mdate.getUTCMonth()+1;
	hour	= mdate.getUTCHours();
	min	= mdate.getUTCMinutes();

	if(hour<10) ho="0"+hour;
	else ho=hour;

	lnk="../images/frc"+ho+"/FrcWindow.php?lnk=";
	
	if(year<10) lnk+="0"+year;
	else lnk+=""+year;

	if(month<10) lnk+="0"+month;
	else lnk+=""+month;

	if(day<10)lnk+="0"+day;
	else lnk+=""+day;

	if(hour<10) lnk+="0"+hour+"00";
	else lnk+=hour+"00";


  	h=layer_cntr+6;
	if(h<10) lnk+="00"+h;
	else if(h<100) lnk+="0"+h;
	else lnk+=""+h;
	
	lnk+="&cx="+offsetX+"&cy="+offsetY;
	myWin=window.open(lnk, "_blank","scrollbars=no,resizable=yes,location=no,menubar=no,status=no,toolbar=no,width=600,height=190,left="+offsetX+",top="+offsetY);
	myWin.focus(); 		
	}



function Zoom() 
	{
	}
	
function SetStartTime() 
	{
	}

function SetStopTime() 
	{
	}			
	
function SaveMyCookies() 
	{
	buf=DetailFlags+""; SaveCookie("DET",buf);
	buf=DetailLayer+""; SaveCookie("LAY",buf);
	}
	
function GetPreferences() 
	{
	cook=GetCookie("DET"); if(cook) DetailFlags=parseInt(cook);
	cook=GetCookie("LAY"); if(cook) DetailLayer=parseInt(cook);
	if(DetailFlags<0 || DetailFlags>31 || isNaN(DetailFlags) == true) DetailFlags=1;
	if(DetailLayer<0 || DetailLayer>3  || isNaN(DetailLayer) == true) DetailLayer=13;
	}

function SelectAllSwitches()
	{
	//selct the Layer
	for (i = 0; i < document.getElementById("detail1").dt1.length; i++)
		{
		if (i==DetailLayer) document.getElementById("detail1").dt1[i].checked=true; 
		else document.getElementById("detail1").dt1[i].checked=false; 
		}

	//selct the Details
	SetDetails();
	SetImagesList();
	}

function SetDetails()
	{
	if(DetailFlags&1) document.getElementById("detail2").dt2[0].checked=true; 
	else document.getElementById("detail2").dt2[0].checked=false; 

	if(DetailFlags&2) document.getElementById("detail2").dt2[1].checked=true; 
	else document.getElementById("detail2").dt2[1].checked=false; 

	if(DetailFlags&4) document.getElementById("detail2").dt2[2].checked=true; 
	else document.getElementById("detail2").dt2[2].checked=false; 

	if(DetailFlags&8) document.getElementById("detail2").dt2[3].checked=true; 
	else document.getElementById("detail2").dt2[3].checked=false; 
	}

function SelectLayer()
	{
	DetailLayer=0;
	for (i = 0; i < document.getElementById("detail1").dt1.length; i++)
		{
		if(document.getElementById("detail1").dt1[i].checked) {DetailLayer=i; break;}	
		}
	SetImagesList();
	}

function SelectDetails()
	{
	DetailFlags=0;
	x=1;
	for (i = 0; i < document.getElementById("detail2").dt2.length; i++)
		{
		if(document.getElementById("detail2").dt2[i].checked) DetailFlags|=x;	
		x*=2;
		}
	SetDetails();
	SetImagesList();
	}


var last_MD_id=null;
var last_MD_src="";


function MouseUp()
	{
	if(last_MD_id)
		{
		document.getElementById(last_MD_id).src=last_MD_src;
		last_MD_id="";
		}
	}
function SetCoordiates()
	{       
	lon = -2160 + (offsetX * 9); 
    lat = 4620 - (offsetY * 9);
    if (lon < 0) { c2 = 'W'; lon = lon*-1; } else c2 = 'E';     
    fla = parseInt(lat / 60); 
    flo = parseInt(lon / 60);
    lo = lon % 60; 
    la = lat % 60;
    if(fla<10) fla="0"+fla;
    if(flo<10) flo="0"+flo;
    
    if (lo < 10) slo = "0" + lo;
    else slo = lo;
    if (la < 10) sla = "0" + la;
    else sla = la;
    str=""+fla+"°"+sla+"N  -  "+flo+"°"+slo+c2; 
	document.getElementById("coordinates").innerHTML=str;
	//str=offsetX+"/"+offsetY;	
	//document.getElementById("coordinates").innerHTML=str;	
	
    }
function OpenCoordinates()
{
 	coorFlag=1;
    SetCoordiates();
}
	
function CloseCoordinates()
	{
	coorFlag=0;
	SetAllDates();
    }

function SetAllDates()
	{
	str="";
		
	for (i = 0; i < document.getElementById("detail1").dt1.length; i++) 
		{
		if (document.getElementById("detail1").dt1[i].checked)
			{
			switch(i)
			    {
			    case    0:  str=document.getElementById("lay_0").innerHTML; break;
			    case    1:  str=document.getElementById("lay_1").innerHTML; break;
			    case    2:  str=document.getElementById("lay_2").innerHTML; break;
			    case    3:  str=document.getElementById("lay_3").innerHTML; break;
			    }
			break;
			}
		}

	for (i = 0; i < document.getElementById("detail2").dt2.length; i++) 
		{
		if (document.getElementById("detail2").dt2[i].checked)
			{
			switch(i)
			    {
			    case    0:  str+=" + "+document.getElementById("det_1").innerHTML; break;
			    case    1:  str+=" + "+document.getElementById("det_2").innerHTML; break;
			    case    2:  str+=" + "+document.getElementById("det_4").innerHTML; break;
			    case    3:  str+=" + "+document.getElementById("det_8").innerHTML; break;
			    }
			}
		}

	document.getElementById("detail_x").innerHTML=str;
	
	date.setTime(StartTime);
				
	day		= date.getUTCDate();
	hour	= date.getUTCHours();

	str="";
	if(day<10)	str="0"+day+".  ";
	else str=day+".  ";

	if(hour<10) str+="0"+hour+":00";
	else str+=hour+":00";

	document.getElementById("date_1").innerHTML=str;
	
	
	
	date.setTime(document.getElementById("staDate").options[layer_cntr].value);
	day		= date.getUTCDate();
	hour	= date.getUTCHours();

	str="";
	if(day<10)	str="0"+day+". ";
	else str=day+". ";

	if(hour<10) str+="0"+hour+":00";
	else str+=hour+":00";
		
	document.getElementById("date_2").innerHTML=str;

	day		= date.getDate();
	hour	= date.getHours();

	str="";
	if(day<10)	str="0"+day+".  ";
	else str=day+".  ";

	if(hour<10) str+="0"+hour+":00";
	else str+=hour+":00";

	document.getElementById("date_3").innerHTML=str;
	document.getElementById("coordinates").innerHTML="locale time   "+str;	
	}


function SetImagesList()
	{

	i=0; idx=-1; src="";

	selStartTime=document.getElementById("staDate").options.selectedIndex;
	date.setTime(StartTime);

	
	year	= date.getUTCFullYear()-2000;
	day		= date.getUTCDate()
	month	= date.getUTCMonth()+1;
	hour	= date.getUTCHours();
	min		= date.getUTCMinutes();
	
	if(hour<10) h="0"+hour;
	else h=hour;	
	src="../images/frc"+h+"/";


	if(year<10) src+="0"+year;
	else src+=""+year;

	if(month<10) src+="0"+month;
	else src+=""+month;

	if(day<10)src+="0"+day;
	else src+=""+day;

	if(hour<10) src+="0"+hour+"00";
	else src+=hour+"00";	

	for(i=0; i<layer_MAX; i++)
		{
		idx++;
		h=i+6;
		img="";
		if(h<10) img="00"+h;
		else if(h<100) img="0"+h;
		else img=""+h;

		img+="0"+DetailLayer;
		if(DetailFlags<10) img+="0"+DetailFlags;
		else img+=DetailFlags;
		img+=".jpg";

		layer_img[idx].src = src+img;
 		}
	layer_END=idx+1;

	selStopTime=layer_END-1;
	ShowLayer(selStartTime);
	}


function InitSelectedTime()
	{
	//set the initial time
    while ( document.getElementById("staDate").length > 0 ) 
    	{
    	document.getElementById("staDate").options[document.getElementById("staDate").length-1] = null;
    	}

	xtime=StartTime+(3600000*5);
	for(i=0; i<layer_MAX; i++)
		{
		xtime+=3600000;
		date.setTime(xtime);
				
		h=i+6;
		if(h<10) opt="+0"+h+"H = ";
		else opt="+"+h+"H = ";
		
		day		= date.getUTCDate();
		hour	= date.getUTCHours();

		if(day<10)opt+=" "+day;
		else opt+=""+day;

		if(hour<10) opt+=". 0"+hour+":00";
		else opt+=". "+hour+":00";;

		
		document.getElementById("staDate").options[i]=new Option(opt);
		document.getElementById("staDate").options[i].value=xtime;
		layer_img[i] = new Image(wx_width, wx_height);
 		}

	document.getElementById("staDate").options[selStartTime].selected =true;
	SetImagesList();
	}	


//index of Elements
////////////////////////
var offsetX=0;
var offsetY=0;

    
function GetOffset(evt) 
{
 if(!coorFlag) return;
 
   if (MSIE)
        {
        offsetX = window.event.offsetX;
		offsetY = window.event.offsetY;
        }
    else
        {
	    if (evt.target)
            {
            offsetX=evt.layerX-evt.target.x;
		    offsetY=evt.layerY-evt.target.y;
		    }
		else
		    {
            offsetX = evt.pageX
            offsetY = evt.pageY
    	    }

	     }
	SetCoordiates();
	return false
}

function FirstInitial()
	{
	GetPreferences();
    InitSelectedTime();
    if(!MSIE) 
	    {   
		document.captureEvents(Event.MOUSEMOVE);
		document.onmousemove=GetOffset;
	    }
	}