var refreshIntervalSeconds = 30;
var secondsLeft = refreshIntervalSeconds;
var lang = "it";
var pageWidth=960;
var minBottomMenuWidth=640;
var minLogoFit=790;
var menuWidth=470;
var logoWidth= 300;

if (getParameterByName("lang") == "en")
	lang="en";

function showPlatform() {
	document.getElementById('platform').innerHTML = navigator.platform;
}
function getParameterByName(name)
{
  name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
  var regexS = "[\\?&]" + name + "=([^&#]*)";
  var regex = new RegExp(regexS);
  var results = regex.exec(window.location.href);
  if(results == null)
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}

function firstStart() {
	startClock();
	animatemoon();
	resizeBody();
}

function firstMobile() {
	startMobile();
	animatemoon();
	resizeBody();
}

function startClock() {
  if (secondsLeft > 0) {
    if (secondsLeft < 10) {
		document.getElementById('timer').innerHTML = '0' + secondsLeft;
    } else {
		document.getElementById('timer').innerHTML = secondsLeft;
    }
    secondsLeft = secondsLeft - 1;
    timerID = setTimeout('startClock()', 1000);
  } else {
	  date = new Date();
	  imageNumber = date.getTime();
	  //document.webCamImage.src = metImage + '?' + imageNumber;
	  document.webCamImage.src = 'public/gftp0000.jpg?' + imageNumber;
	  document.meteoSIT.src = 'public/sit.jpg?' + imageNumber;
	  document.meteo0_2.src = 'public/0_2.jpg?' + imageNumber;
	  document.meteo0_5.src = 'public/0_5.jpg?' + imageNumber;
	  document.meteo2_2.src = 'public/2_2.jpg?' + imageNumber;
	  document.meteo4_2.src = 'public/4_2.jpg?' + imageNumber;
	  document.meteo5_2.src = 'public/5_2.jpg?' + imageNumber;
	  document.meteo6_2.src = 'public/6_2.jpg?' + imageNumber;
	  document.meteo7_2.src = 'public/7_2.jpg?' + imageNumber;
	  document.meteo8_2.src = 'public/8_2.jpg?' + imageNumber;
	  document.meteo9_2.src = 'public/9_2.jpg?' + imageNumber;
	  document.meteo11_0.src = 'public/11_0.jpg?' + imageNumber;
	  secondsLeft = refreshIntervalSeconds;
	  startClock();
  }
}

function startMobile() {
  if (secondsLeft > 0) {
    if (secondsLeft < 10) {
		document.getElementById('timer').innerHTML = '0' + secondsLeft;
    } else {
		document.getElementById('timer').innerHTML = secondsLeft;
    }
    secondsLeft = secondsLeft - 1;
    timerID = setTimeout('startMobile()', 1000);
  } else {
	  date = new Date();
	  imageNumber = date.getTime();
	  //document.webCamImage.src = metImage + '?' + imageNumber;
	  document.webCamImage.src = 'public/gftp0000.jpg?' + imageNumber;
	  document.meteoSIT.src = 'public/sit.jpg?' + imageNumber;
	  document.meteo0_2.src = 'public/0_2.jpg?' + imageNumber;
	  document.meteo6_2.src = 'public/6_2.jpg?' + imageNumber;
	  document.meteo7_2.src = 'public/7_2.jpg?' + imageNumber;
	  document.meteo2_2.src = 'public/2_2.jpg?' + imageNumber;
	  document.meteo5_2.src = 'public/5_2.jpg?' + imageNumber;
	  secondsLeft = refreshIntervalSeconds;
	  startMobile();
  }
}


function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

var pWin = null
function portWin(url, x, y) {
    pWin = window.open (url, 'newWin', 'width=' + x + ',height=' + y + ',scrollbars=1,status=0,menubar=no')
    if (window.pWin) pWin.focus()
    }

function updateImage1(l_value, l_anno) {
	  var reference;
	  document.chart1.alt = 'archivio/'+l_value+'_3_'+l_anno +'.jpg';
	  document.chart1.src = 'archivio/'+l_value+'_3_'+l_anno +'.jpg';
	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_value+'_3_'+l_anno+'_big.jpg\',740,700)';
	  document.getElementById('ch1ref').href = reference;
}

function updateImage2(l_value, l_anno) {
	  var reference;
	  document.chart2.alt = 'archivio/'+l_value+'_3_'+l_anno +'.jpg';
	  document.chart2.src = 'archivio/'+l_value+'_3_'+l_anno +'.jpg';
	  //reference= 'archivio/'+l_value+'_3_'+l_anno +'_big.jpg';
	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_value+'_3_'+l_anno+'_big.jpg\',740,700)';
	  document.getElementById('ch2ref').href = reference;
}


function updateImageMonth(l_value, l_anno) {
	  var reference;
	  document.chart1.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_01.jpg';
	  document.chart1.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_01.jpg';
	  //reference = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_01_big.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_01_big.jpg\',740,700)';
	  document.getElementById('ch1ref').href = reference;

	  document.chart2.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_02.jpg';
	  document.chart2.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_02.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_02_big.jpg\',740,700)';
	  document.getElementById('ch2ref').href = reference;

	  document.chart3.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_03.jpg';
	  document.chart3.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_03.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_03_big.jpg\',740,700)';
	  document.getElementById('ch3ref').href = reference;

	  document.chart4.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_04.jpg';
	  document.chart4.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_04.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_04_big.jpg\',740,700)';
	  document.getElementById('ch4ref').href = reference;

	  document.chart5.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_05.jpg';
	  document.chart5.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_05.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_05_big.jpg\',740,700)';
	  document.getElementById('ch5ref').href = reference;

	  document.chart6.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_06.jpg';
	  document.chart6.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_06.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_06_big.jpg\',740,700)';
	  document.getElementById('ch6ref').href = reference;

	  document.chart7.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_07.jpg';
	  document.chart7.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_07.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_07_big.jpg\',740,700)';
	  document.getElementById('ch7ref').href = reference;

	  document.chart8.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_08.jpg';
	  document.chart8.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_08.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_08_big.jpg\',740,700)';
	  document.getElementById('ch8ref').href = reference;

	  document.chart9.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_09.jpg';
	  document.chart9.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_09.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_09_big.jpg\',740,700)';
	  document.getElementById('ch9ref').href = reference;

	  document.chart10.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_10.jpg';
	  document.chart10.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_10.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_10_big.jpg\',740,700)';
	  document.getElementById('ch10ref').href = reference;

	  document.chart11.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_11.jpg';
	  document.chart11.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_11.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_11_big.jpg\',740,700)';
	  document.getElementById('ch11ref').href = reference;

	  document.chart12.alt = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_12.jpg';
	  document.chart12.src = 'archivio/'+l_anno+'/'+l_value+'_0_'+l_anno +'_12.jpg';
  	  reference = 'javascript:portWin(\'m_bigpic.asp?file=archivio/'+l_anno+'/'+l_value+'_0_'+l_anno+'_12_big.jpg\',740,700)';
	  document.getElementById('ch12ref').href = reference;
}

function isMobile() {
	return((navigator.platform.indexOf("iPhone") != -1) || (navigator.platform.indexOf("iPad") != -1) || (navigator.platform.indexOf("iPod") != -1) || (navigator.platform.indexOf("android") != -1) || (navigator.platform.indexOf("Symbian") != -1) || (navigator.platform.indexOf("Series60") != -1) || isTouchDevice());
}

function isTouchDevice() {  
  try {  
    document.createEvent("TouchEvent");  
    return true;  
  } catch (e) {  
    return false;  
  }  
}
function resizeBody() {
	document.getElementById('footer').style.bottom = 0;
	myMenu=document.getElementById('menu');
	winSize = getInnerWidth();
	// posizione orizzontale bottoni menu
	if (winSize > pageWidth)
		myMenu.style.left = (winSize - menuWidth) - ((winSize -pageWidth)/2) +"px";
	else
		myMenu.style.left = (winSize - menuWidth) +"px";
	
	// definisce posizione menu
	if (isMobile() || ( winSize < minBottomMenuWidth)) {
		// se finestra piccola menu fisso in alto sempre visibile
		document.getElementById('menu').style.visibility="visible";
		document.getElementById('footer').style.position="relative";
		document.getElementById('footer').style.top=0;
		document.getElementById('footer').style.borderTopWidth=0;
		document.getElementById('footer').style.borderBottomWidth="4px";
		
		if (winSize < (logoWidth + menuWidth)) {
			document.getElementById('logo').style.visibility="hidden";
			myMenu.style.left = "10px";
		}
		else {
			document.getElementById('logo').style.visibility="visible";
		}
	}
	else {
		// Altrimenti menu a comparsa in basso
		document.getElementById('menu').style.visibility="hidden";
		document.getElementById('footer').style.position="fixed";
		document.getElementById('footer').style.top="";
		document.getElementById('footer').style.bottom="-50px";
		document.getElementById('logo').style.visibility="visible";
		document.getElementById('footer').style.borderTopWidth="4px";
		document.getElementById('footer').style.borderBottomWidth=0;
	}
	//document.getElementById('sectionfooter').innerHTML="<p>innerW=" + window.innerWidth +" offsetW=" + document.body.offsetWidth +" Minore="+getInnerWidth()+" isMobile="+isMobile()+" isTouch="+isTouchDevice()+"</p>";

}

function getInnerWidth() {
	if ( window.innerWidth == 'undefined')
		return (document.body.offsetWidth);
	else
		if (window.innerWidth < document.body.offsetWidth)
			return (window.innerWidth);
		else
			return (document.body.offsetWidth);
}

function showMenu(){
	myMenu=document.getElementById('menu');
	winSize = getInnerWidth();	
	if (isMobile() || ( winSize < minBottomMenuWidth)) {
		// il menu è già visualizzato
		//document.getElementById('logo').style.visibility="hidden";
		//document.getElementById('footer').style.position="relative";
		//document.getElementById('footer').style.top=0;
	}
	else {
		// il menu è nascosto, lo mostro
		document.getElementById('menu').style.visibility = "visible";
		document.getElementById('footer').style.bottom = 0;
		document.getElementById('footer').style.position="fixed";
		document.getElementById('footer').style.top="";
	}
	if( winSize < minLogoFit)
		document.getElementById('logo').style.visibility = "hidden";
}

function hideMenu(){
	winSize = getInnerWidth();
	if (isMobile() || ( winSize < minBottomMenuWidth)) {
		// non nascondo il menu se in alto
	}
	else
	{
		document.getElementById('menu').style.visibility = "hidden";
		document.getElementById('logo').style.visibility="visible";
		document.getElementById('footer').style.bottom = "-50px";
		document.getElementById('footer').style.top= "";
	}
}