function onoff (chartdiv) {
    if (document.getElementById)document.getElementById(chartdiv).style.visibility = "visible";
    if(chartdiv!='chartdiv1'){
    	document.getElementById('chartdiv1').style.visibility = "hidden";
    	document.getElementById('chartlink1').style.background = "#f8f8f8";
    	document.getElementById('chartlink1').className = "reiterclickoff";
    }
    if(chartdiv!='chartdiv2'){
    	document.getElementById('chartdiv2').style.visibility = "hidden";
    	document.getElementById('chartlink2').style.background = "#f8f8f8";
    	document.getElementById('chartlink2').className = "reiterclickoff";
    }
    if(chartdiv!='chartdiv3'){
    	document.getElementById('chartdiv3').style.visibility = "hidden";
    	document.getElementById('chartlink3').style.background = "#f8f8f8";
    	document.getElementById('chartlink3').className = "reiterclickoff";
    }
    if(chartdiv!='chartdiv4'){
    	document.getElementById('chartdiv4').style.visibility = "hidden";
    	document.getElementById('chartlink4').style.background = "#f8f8f8";
    	document.getElementById('chartlink4').className = "reiterclickoff";
    }
    if(chartdiv=='chartdiv1'){
    	document.getElementById('chartlink1').style.background = "#EAF1EC";
    	document.getElementById('chartlink1').className = "reiterclick";
    }
    if(chartdiv=='chartdiv2'){
    	document.getElementById('chartlink2').style.background = "#EAF1EC";
    	document.getElementById('chartlink2').className = "reiterclick";
    }
    if(chartdiv=='chartdiv3'){
    	document.getElementById('chartlink3').style.background = "#EAF1EC";
    	document.getElementById('chartlink3').className = "reiterclick";
    }
    if(chartdiv=='chartdiv4'){
    	document.getElementById('chartlink4').style.background = "#EAF1EC";
    	document.getElementById('chartlink4').className = "reiterclick";
    }
}