var isDetailsOpen = false;

function jumpToDate(){
	
	var path = new String(location.hash); 
	
	if(path.length == 11){
		
		path = path.substring(1, path.length);
		
		var anchor = document.getElementById(path);
		
		if(anchor!=null){
			var tab = anchor.innerHTML;
			switchTabs(tab);	
		}else{
			//Show a message box
			document.getElementById("detail-outdated").style.display = "block";
		}	
	
	}
	
}

function switchTabs(tab){
	
	var switcher = document.getElementById("detail-supplement");
	
	//Zuerste alle Boxen ausschalten
	for (var i = 0; i<5; i++){
	  
	  var currentTable = "detail-table-"+i;	
	  var currentTab = "detail-tab-"+i;
	  
	  document.getElementById(currentTable).style.display="none";
	  document.getElementById(currentTab).className = "tab";
	}
	
	//Auch forecast
	document.getElementById("detail-table-forecast").style.display="none";
	document.getElementById("detail-tab-forecast").className = "tab";
	
	//Dann die aktuelle Box anschalten
	if(tab == "forecast"){
		
		document.getElementById("detail-table-forecast").style.display = "";
		document.getElementById("detail-tab-forecast").className = "tab-active";
		switcher.style.display = "none";
		location.hash = "trend";
	}else{
		
		var newTable = "detail-table-"+tab;
		var newTab = "detail-tab-"+tab;
		document.getElementById(newTable).style.display = "";
		var newTab = document.getElementById(newTab);
		newTab.className = "tab-active";	
		
		if(tab != 0){
			location.hash = "#" + newTab.title;	
		}else{
			location.hash = "today";
		}
		switcher.style.display = "block";
	}
	
	document.getElementById("detail-outdated").style.display = "none";

}

var allOpen = false;

function showAllMOS(typeStr, place, url, lang){
	var types = typeStr.split(',');
	for( idx in types){
		var containerName = "moschartOuter" + types[idx];
		if(!allOpen && document.getElementById(containerName)){		
			toggleMOS(types[idx], place, url, lang, true);
		}
	}
	if(!allOpen){
		window.scrollTo(50, 770);
		allOpen = true;
	}else{
		allOpen = false;
	}	
}

function toggleAllMOS(typeStr, place, url, lang){
	var types = typeStr.split(',');
	for( idx in types){
		var containerName = "moschartOuter" + types[idx];
		if(document.getElementById(containerName)){		
			toggleMOS(types[idx], place, url, lang, false);
		}
	}
	if(!allOpen){
		window.scrollTo(50, 770);
		allOpen = true;
	}else{
		allOpen = false;
	}	
}


function toggleMOS(type, place ,url, lang, openOnly ){
	
	var containerName = "moschartOuter" + type;
	var container = document.getElementById(containerName);
	var iterator = document.getElementById("moschartIterator" + type);
	
	var date = new Date();
	var offset =  date.getTimezoneOffset() / 60;
	
	if(container.style.display== "none" || openOnly==true){
	
		var chartName = "moschartChart" + type;
		var chart = new AnyChart(url+'anychart/swf/Chart.swf');
		chart.setXMLFile(url+'AnychartData.php?wmo1='+place+'&type='+type+'&lang='+lang+'&offset='+offset);
		
		if(type == "Winddir"){
			chart.width = '554';
			chart.height = '50';
		}else{
			chart.width = '554';
			chart.height = '150';
		}
		
		chart.write(chartName);
		
		container.style.display = "block";
		iterator.innerHTML = "-";
		
	}else{
		container.style.display = "none";
		iterator.innerHTML = "+";
	}
	
}

var allEnsembleOpen = false;
function showAllEnsemble(typeStr, place, url){
	var types = typeStr.split(',');
	for( idx in types){
		var containerName = "ensemblesOuter" + types[idx];
		if(!allEnsembleOpen && document.getElementById(containerName)){		
			toggleEnsemble(types[idx], place, url, true);
		}
	}
	if(!allEnsembleOpen){
		window.scrollTo(50, 970);
		allEnsembleOpen = true;
	}else{
		allEnsembleOpen = false;
	}	
}

function toggleAllEnsemble(typeStr, place, url){
	var types = typeStr.split(',');
	for( idx in types){
		var containerName = "ensemblesOuter" + types[idx];
		if(document.getElementById(containerName)){		
			toggleEnsemble(types[idx], place, url, false);
		}
	}
	if(!allEnsembleOpen){
		window.scrollTo(50, 970);
		allEnsembleOpen = true;
	}else{
		allEnsembleOpen = false;
	}	
}

function toggleEnsemble(type, place, url, openOnly){
	
	var containerName = "ensemblesOuter" + type;
	var container = document.getElementById(containerName);
	var iterator = document.getElementById("ensemblesIterator" + type);
	
	if(container.style.display== "none" || openOnly==true){
	
		var eParam = null;
		
		if(type=="Temps"){
			eParam = "2t"; 
		}else if(type=="Wind"){
			eParam = "10m_wind";
		}else if(type=="Precipitation"){
			eParam = "precip";
		}
		
		var chartName = "ensemblesChart" + type;
		var chart = new AnyChart(url+'anychart/swf/Chart.swf');
		chart.setXMLFile(url+'EnsembleController.php?wmo1='+place+'&param='+eParam);
		chart.width = '554';
		chart.height = '300';
		chart.write(chartName);
		
		container.style.display = "block";
		iterator.innerHTML = "-";
	}else{
		container.style.display = "none";
		iterator.innerHTML = "+";
	}
		
}


function toggleDetailRows(){

	var switcher = document.getElementById("detail-supplement");     
    
    for (var i = 0; i<5; i++){
        
    	var table = "detail-table-"+i;
    	var rows = document.getElementById(table).rows;
    	
    	for (idx in rows){
            
        	if(rows[idx].className == "detail-table-supplement"){
        		
            	if(!isDetailsOpen ){//rows[idx].style.display== "none"
            		rows[idx].style.display= "";
            		switcher.className = "detail-supplement-close";
            	}else{
            		rows[idx].style.display= "none";
            		switcher.className = "detail-supplement";
            	}
        	}
        }   
    }
     
    if(isDetailsOpen==false){
    	isDetailsOpen = true;   
    }else{
		isDetailsOpen = false;
    }
}

function tooltip( id ){
	var element = document.getElementById(id);
	element.style.display = "block";
}

function notooltip( id ){
	var element = document.getElementById(id);
	element.style.display = "none";
}