var zona = "";
    var tipoCarta = "";
    var orario = "";
    var cartella = "";
    var timerAnimazione = "";

    function selezionaCampi() {
        zona = document.getElementById('zona').value;

        switch (zona) {
            case 'nord':
            case 'sud':
                switch (tipoCarta) {
                    case 'rain12h':
                        document.getElementById('orario12').style.display = "block";
                        document.getElementById('orario1').style.display = "none";
                        document.getElementById('orario3').style.display = "none";
                        break;
                    default:
                        document.getElementById('orario3').style.display = "block";
                        document.getElementById('orario1').style.display = "none";
                        document.getElementById('orario12').style.display = "none";
                        break;
                }

                document.getElementById('tipoCarta').style.display = "block";
                document.getElementById('tipoCartaHires').style.display = "none";
                break;

            case 'hires':
                switch (tipoCarta) {
//                    case 'rain3h':
//                    case 'snow3h':
//                        document.getElementById('orario3').style.display = "block";
//                        document.getElementById('orario1').style.display = "none";
//                        document.getElementById('orario12').style.display = "none";
//                        break;
                    default:
                        document.getElementById('orario3').style.display = "block";
                        document.getElementById('orario1').style.display = "none";
                        document.getElementById('orario12').style.display = "none";
                        break;
                }

                document.getElementById('tipoCartaHires').style.display = "block";
                document.getElementById('tipoCarta').style.display = "none";

                break;

            default:
                document.getElementById('orario1').style.display = "none";
                document.getElementById('orario3').style.display = "none";
                document.getElementById('orario12').style.display = "none";
                document.getElementById('tipoCartaHires').style.display = "none";
                document.getElementById('tipoCarta').style.display = "none";

                break;
        }
    }
    
    function selezionaOrario() {
        zona = document.getElementById('zona').value;

        switch (zona) {
            case 'nord':
            case 'sud':
                tipoCarta = document.getElementById('tipoCarta').value;
                switch (tipoCarta) {
                    case 'rain12h':
                        document.getElementById('orario12').style.display = "block";
                        document.getElementById('orario1').style.display = "none";
                        document.getElementById('orario3').style.display = "none";
                        break;
                    default:
                        document.getElementById('orario3').style.display = "block";
                        document.getElementById('orario1').style.display = "none";
                        document.getElementById('orario12').style.display = "none";
                        break;
                }

                document.getElementById('tipoCarta').style.display = "block";
                document.getElementById('tipoCartaHires').style.display = "none";
                break;

            case 'hires':
                tipoCarta = document.getElementById('tipoCartaHires').value;
                switch (tipoCarta) {
//                    case 'rain3h':
//                    case 'snow3h':
//                        document.getElementById('orario3').style.display = "block";
//                        document.getElementById('orario1').style.display = "none";
//                        document.getElementById('orario12').style.display = "none";
//                        break;
                    default:
                        document.getElementById('orario3').style.display = "block";
                        document.getElementById('orario1').style.display = "none";
                        document.getElementById('orario12').style.display = "none";
                        break;
                }

                document.getElementById('tipoCartaHires').style.display = "block";
                document.getElementById('tipoCarta').style.display = "none";

                break;

            default:
                document.getElementById('orario1').style.display = "none";
                document.getElementById('orario3').style.display = "none";
                document.getElementById('orario12').style.display = "none";
                document.getElementById('tipoCartaHires').style.display = "none";
                document.getElementById('tipoCarta').style.display = "none";

                break;
        }
    }
	    
	    
	    function visualizzaImmagine(){
		    zona = document.getElementById('zona').value;
		    tipoCarta = "";
		    cartella = "";
    		
		    switch (zona) {
				    case 'nord':
				        cartella = "wrf";
				        tipoCarta = document.getElementById('tipoCarta').value;
				        switch (tipoCarta) {
				            case 'rain12h':
				                orario = document.getElementById('orario12').value;
				                break;
				            default:
				                orario = document.getElementById('orario3').value;
				                break;
				        }

				        document.getElementById('tipoCarta').style.display = "block";
				        document.getElementById('tipoCartaHires').style.display = "none"; 
				        break;	
    						
				    case 'sud':
				        cartella = "wrfsud";
				        tipoCarta = document.getElementById('tipoCarta').value;
				        switch (tipoCarta) {
				            case 'rain12h':
				                orario = document.getElementById('orario12').value;
				                break;
				            default:
				                orario = document.getElementById('orario3').value;
				                break;
				        }

				        document.getElementById('tipoCarta').style.display = "block";
				        document.getElementById('tipoCartaHires').style.display = "none";
					    break;

					case 'hires':
					    tipoCarta = document.getElementById('tipoCartaHires').value;
					    cartella = "hires";
					    switch (tipoCarta) {
//					        case 'rain3h':
//					        case 'snow3h':
//					            orario = document.getElementById('orario3').value;
//					            break;
					        default:
					            orario = document.getElementById('orario3').value;
					            break;
					    }

					    document.getElementById('tipoCartaHires').style.display = "block";
					    document.getElementById('tipoCarta').style.display = "none";
					    break;

					default:
					    cartella = "";
					    break;  
		    }
    		
		    if(zona!="")
		    {
			    if(tipoCarta!="")
			    {
				    if(orario!="")
				    {
					    document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
					    document.getElementById('placeholderCarte').style.height = "600px";
					    document.getElementById('placeholderCarte').style.display = "block";
					    document.getElementById('placeholderCarte').style.textAlign = "center";
					    //document.getElementById('orarioErrore').style.display = "none";
					    document.getElementById('tipoCartaErrore').style.display = "none";
					    document.getElementById('zonaErrore').style.display = "none";
					    update();
				    }
			    }
			    else
			    {document.getElementById('tipoCartaErrore').style.display = "block";}
		    }
		    else
		    {document.getElementById('zonaErrore').style.display = "block";}
	    }

	    function indietroLAM() {
	        switch (zona) {
	            case 'nord':
	                cartella = "wrf";
	                switch (tipoCarta) {
	                    case 'rain12h':
	                        orario = document.getElementById('orario12').value;
	                        orario = parseInt(orario) - 12;
	                        break;
	                    default:
	                        orario = document.getElementById('orario3').value;
	                        orario = parseInt(orario) - 3;
	                        break;
	                }
	                update();
	                document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
	                document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex - 1].selected = true;
	                document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex - 1].selected = true;
	                document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex - 1].selected = true;
	                break;

	            case 'sud':
	                cartella = "wrfsud";
	                switch (tipoCarta) {
	                    case 'rain12h':
	                        orario = document.getElementById('orario12').value;
	                        orario = parseInt(orario) - 12;
	                        break;
	                    default:
	                        orario = document.getElementById('orario3').value;
	                        orario = parseInt(orario) - 3;
	                        break;
	                }
	                update();
	                document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
	                document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex - 1].selected = true;
	                document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex - 1].selected = true;
	                document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex - 1].selected = true;
	                break;

	            case 'hires':
	                cartella = "hires";
	                switch (tipoCarta) {
//	                    case 'rain3h':
//	                    case 'snow3h':
//	                        orario = document.getElementById('orario3').value;
//	                        orario = parseInt(orario) - 3;
//	                        break;
	                    default:
	                        orario = document.getElementById('orario3').value;
	                        orario = parseInt(orario) - 3;
	                        break;
	                }
	                update();
	                document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
	                document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex - 1].selected = true;
	                document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex - 1].selected = true;
	                document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex - 1].selected = true;
	                break;

	            default:
	                break;
	        }
	    }

		function avantiLAM() {
		    switch (zona) {
		        case 'nord':
		            cartella = "wrf";
		            switch (tipoCarta) {
		                case 'rain12h':
		                    orario = document.getElementById('orario12').value;
		                    orario = parseInt(orario) + 12;
		                    break;
		                default:
		                    orario = document.getElementById('orario3').value;
		                    orario = parseInt(orario) + 3;
		                    break;
		            }
		            update();
		            document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
		            document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex + 1].selected = true;
		            document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex + 1].selected = true;
		            document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex + 1].selected = true;
		            break;

		        case 'sud':
		            cartella = "wrfsud";
		            switch (tipoCarta) {
		                case 'rain12h':
		                    orario = document.getElementById('orario12').value;
		                    orario = parseInt(orario) + 12;
		                    break;
		                default:
		                    orario = document.getElementById('orario3').value;
		                    orario = parseInt(orario) + 3;
		                    break;
		            }
		            update();
		            document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
		            document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex + 1].selected = true;
		            document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex + 1].selected = true;
		            document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex + 1].selected = true;
		            break;

		        case 'hires':
		            cartella = "hires";
		            switch (tipoCarta) {
//		                case 'rain3h':
//		                case 'snow3h':
//		                    orario = document.getElementById('orario3').value;
//		                    orario = parseInt(orario) + 3;
//		                    break;
		                default:
		                    orario = document.getElementById('orario3').value;
		                    orario = parseInt(orario) + 3;
		                    break;
		            }
		            update();
		            document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
		            document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex + 1].selected = true;
		            document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex + 1].selected = true;
		            document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex + 1].selected = true;
		            break;

		        default:
		            break;
		    }
		}

	    function update() {
	        switch (zona) {
	            case 'nord':
	            case 'sud':
	                switch (tipoCarta) {
	                    case 'rain12h':
	                        if (parseInt(orario) < 13) {
	                            document.getElementById("indietro").style.visibility = "hidden";
	                            document.getElementById("avanti").style.visibility = "visible";
	                        } else if (parseInt(orario) > 47) {
	                            document.getElementById("avanti").style.visibility = "hidden";
	                            document.getElementById("indietro").style.visibility = "visible";
	                        } else {
	                            document.getElementById("avanti").style.visibility = "visible";
	                            document.getElementById("indietro").style.visibility = "visible";
	                        }
	                        break;
	                    default:
	                        if (parseInt(orario) < 13) {
	                            document.getElementById("indietro").style.visibility = "hidden";
	                            document.getElementById("avanti").style.visibility = "visible";
	                        } else if (parseInt(orario) > 47) {
	                            document.getElementById("avanti").style.visibility = "hidden";
	                            document.getElementById("indietro").style.visibility = "visible";
	                        } else {
	                            document.getElementById("avanti").style.visibility = "visible";
	                            document.getElementById("indietro").style.visibility = "visible";
	                        }
	                        break;
	                } break;
	            case 'hires':
	                switch (tipoCarta) {
//	                    case 'rain3h':
//	                    case 'snow3h':
//	                        if (parseInt(orario) < 10) {
//	                            document.getElementById("indietro").style.visibility = "hidden";
//	                            document.getElementById("avanti").style.visibility = "visible";
//	                        } else if (parseInt(orario) > 44) {
//	                            document.getElementById("avanti").style.visibility = "hidden";
//	                            document.getElementById("indietro").style.visibility = "visible";
//	                        } else {
//	                            document.getElementById("avanti").style.visibility = "visible";
//	                            document.getElementById("indietro").style.visibility = "visible";
//	                        }
//	                        break;
	                    default:
	                        if (parseInt(orario) < 13) {
	                            document.getElementById("indietro").style.visibility = "hidden";
	                            document.getElementById("avanti").style.visibility = "visible";
	                        } else if (parseInt(orario) > 47) {
	                            document.getElementById("avanti").style.visibility = "hidden";
	                            document.getElementById("indietro").style.visibility = "visible";
	                        } else {
	                            document.getElementById("avanti").style.visibility = "visible";
	                            document.getElementById("indietro").style.visibility = "visible";
	                        }
	                        break;
	                } break;
	            default:
	                break;
	        }     
		}		
    	
    	
	    function anima(){
	    var orarioLimite = 44;
		    switch (zona) {
		        case 'nord':
		            cartella = "wrf";
		            orarioLimite = 44;
		            orario = document.getElementById('orario3').value;
		            switch (tipoCarta) {
		                case 'rain12h':
		                    alert(orario);
		                    if (isNaN(orario)) {
		                        orario = 12;
		                    }
		                    if (parseInt(orario) > orarioLimite) {
		                        orario = 12;
		                        document.getElementById('orario1').options[0].selected = true;
		                        document.getElementById('orario3').options[0].selected = true;
		                        document.getElementById('orario12').options[0].selected = true;
		                    }
		                    else {
		                        orario = parseInt(orario) + 12;
		                        document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
		                        document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex + 1].selected = true;
		                        document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex + 1].selected = true;
		                        document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex + 1].selected = true;
		                    }
		                    break;
		                default:
		                    if (isNaN(orario)) {
		                        orario = 9;
		                    }
		                    if (parseInt(orario) > orarioLimite) {
		                        orario = 9;
		                        document.getElementById('orario1').options[0].selected = true;
		                        document.getElementById('orario3').options[0].selected = true;
		                        document.getElementById('orario12').options[0].selected = true;
		                    }
		                    else {
		                        orario = parseInt(orario) + 3;
		                        document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
		                        document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex + 1].selected = true;
		                        document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex + 1].selected = true;
		                        document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex + 1].selected = true;
		                    }
		                    break;
		            }
		            break;	
    							
					    case 'sud':
				    	    cartella="wrfsud";
						    orarioLimite = 44;
						    orario = document.getElementById('orario3').value;
						    switch (tipoCarta) {
						        case 'rain12h':
						            if (isNaN(orario)) {
						                orario = 12;
						            }
						            if (parseInt(orario) > orarioLimite) {
						                orario = 12;
						                document.getElementById('orario1').options[0].selected = true;
						                document.getElementById('orario3').options[0].selected = true;
						                document.getElementById('orario12').options[0].selected = true;
						            }
						            else {
						                orario = parseInt(orario) + 12;
						                document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
						                document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex + 1].selected = true;
						                document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex + 1].selected = true;
						                document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex + 1].selected = true;
						            }
						            break;
						        default:
						            if (isNaN(orario)) {
						                orario = 9;
						            }
						            if (parseInt(orario) > orarioLimite) {
						                orario = 9;
						                document.getElementById('orario1').options[0].selected = true;
						                document.getElementById('orario3').options[0].selected = true;
						                document.getElementById('orario12').options[0].selected = true;
						            }
						            else {
						                orario = parseInt(orario) + 3;
						                document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
						                document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex + 1].selected = true;
						                document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex + 1].selected = true;
						                document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex + 1].selected = true;
						            }
						            break;
						    }
						    break;	
    							
					    case 'hires':
					        cartella = "hires";
						    orarioLimite = 44;
						    orario = document.getElementById('orario1').value;
						    switch (tipoCarta) {
						        case 'rain12h':
						            if (isNaN(orario)) {
						                orario = 12;
						            }
						            if (parseInt(orario) > orarioLimite) {
						                orario = 12;
						                document.getElementById('orario1').options[0].selected = true;
						                document.getElementById('orario3').options[0].selected = true;
						                document.getElementById('orario12').options[0].selected = true;
						            }
						            else {
						                orario = parseInt(orario) + 12;
						                document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
						                document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex + 1].selected = true;
						                document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex + 1].selected = true;
						                document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex + 1].selected = true;
						            }
						            break;
						        default:
						            if (isNaN(orario)) {
						                orario = 9;
						            }
						            if (parseInt(orario) > orarioLimite) {
						                orario = 9;
						                document.getElementById('orario1').options[0].selected = true;
						                document.getElementById('orario3').options[0].selected = true;
						                document.getElementById('orario12').options[0].selected = true;
						            }
						            else {
						                orario = parseInt(orario) + 1;
						                document.getElementById('placeholderCarta').src = "wrf-meteoriccione.ashx?cartella=" + cartella + "&tipoCarta=" + tipoCarta + orario + ".png";
						                document.getElementById('orario1').options[document.getElementById('orario1').options.selectedIndex + 1].selected = true;
						                document.getElementById('orario3').options[document.getElementById('orario3').options.selectedIndex + 1].selected = true;
						                document.getElementById('orario12').options[document.getElementById('orario12').options.selectedIndex + 1].selected = true;
						            }
						            break;
						    }
						    break;
    						
					    default:
						    orarioLimite = 44;
					       break;
		    }
		    update();
	    }
    	
	    function visualizzaAnimazione(){
		    zona = document.getElementById('zona').value;
		    cartella = "";
		    switch (zona) {
				    case 'nord':
				        cartella = "wrf";
					    tipoCarta = document.getElementById('tipoCarta').value;
				        switch (tipoCarta) {
				            case 'rain12h':
				                orario = document.getElementById('orario12').value;
				                break;
				            default:
				                orario = document.getElementById('orario3').value;
				                break;
				        }
					    break;	
    						
				    case 'sud':
				        cartella = "wrfsud";
					    tipoCarta = document.getElementById('tipoCarta').value;
				        switch (tipoCarta) {
				            case 'rain12h':
				                orario = document.getElementById('orario12').value;
				                break;
				            default:
				                orario = document.getElementById('orario3').value;
				                break;
				        }
					    break;

					case 'hires':
					    tipoCarta = document.getElementById('tipoCartaHires').value;
					    switch (tipoCarta) {
					        case 'rain3h':
					        case 'snow3h':
					            orario = document.getElementById('orario3').value;
					            break;
					        default:
					            orario = document.getElementById('orario1').value;
					            break;
					    }
				       break;
		    }	
    		
		    timerAnimazione = setInterval('anima()',1500);
		    document.getElementById('btnanimazione').value = "Stop";
		    document.getElementById('btnanimazione').attributes["onclick"].value = "fermaAnimazione()";
	    }
    	
	    function fermaAnimazione(){
		    clearInterval(timerAnimazione);
		    document.getElementById('btnanimazione').value = "Play";
		    document.getElementById('btnanimazione').attributes["onclick"].value = "visualizzaAnimazione()";
	    }
	    function pause(Amount)
        {
        d = new Date() //today's date
        while (1)
            {
            mill=new Date() // Date Now
            diff = mill-d //difference in milliseconds
            if( diff > Amount ) {break;}
            }
        }