function onClickEvent(id){
    var period_obj = document.getElementById("period");       
    if (id == "period") {
    period_obj.selectedIndex = 0;  
    }
    else
    {
    if (period_obj.selectedIndex != 0){
    document.getElementById("fromDay").selectedIndex = 0;
    document.getElementById("fromMonth").selectedIndex = 0;
    document.getElementById("fromYear").selectedIndex = 0;    
    document.getElementById("toDay").selectedIndex = 0;
    document.getElementById("toMonth").selectedIndex = 0;
    document.getElementById("toYear").selectedIndex = 0;   
    }
}
}


function onloadChart() {
    document.getElementById("fromDay").onchange = function(){onClickEvent("period");}
    document.getElementById("fromMonth").onchange = function(){onClickEvent("period");}
    document.getElementById("fromYear").onchange = function(){onClickEvent("period");}
    document.getElementById("toDay").onchange = function(){onClickEvent("period");}
    document.getElementById("toMonth").onchange = function(){onClickEvent("period");}
    document.getElementById("toYear").onchange = function(){onClickEvent("period");}
    document.getElementById("period").onchange = function(){onClickEvent("range");}
    
}