window.onload = function(){
var vnu = document.getElementById('vnu_potolok'),
vne = document.getElementById('vne_potolok'),
pol = document.getElementById('pol'),
tr_vnu = document.getElementById('tr_vnu'),
tr_vne = document.getElementById('tr_vne'),
tr_pol = document.getElementById('tr_niz');
tr_vnu.onclick = function() {
vnu.style.fill = "none";
vne.style.fill = "none";
pol.style.fill = "none";
document.getElementById("cl1").onclick=function(){
vnu.style.fill = "green";
}
document.getElementById("cl2").onclick=function(){
vnu.style.fill = "red";
}
document.getElementById("cl3").onclick=function(){
vnu.style.fill = "black";
}
document.getElementById("cl4").onclick=function(){
vnu.style.fill = "white";
}
document.getElementById("cl5").onclick=function(){
vnu.style.fill = "cyan";
}
}
tr_vne.onclick = function() {
vnu.style.fill = "none";
vne.style.fill = "none";
pol.style.fill = "none"
document.getElementById("cl1").onclick=function(){
vne.style.fill = "green";
}
document.getElementById("cl2").onclick=function(){
vne.style.fill = "red";
}
document.getElementById("cl3").onclick=function(){
vne.style.fill = "black";
}
document.getElementById("cl4").onclick=function(){
vne.style.fill = "white";
}
document.getElementById("cl5").onclick=function(){
vne.style.fill = "cyan";
}
}
tr_pol.onclick = function () {
vnu.style.fill = "none";
vne.style.fill = "none";
pol.style.fill = "none"
document.getElementById("cl1").onclick=function(){
pol.style.fill = "green";
}
document.getElementById("cl2").onclick=function(){
pol.style.fill = "red";
}
document.getElementById("cl3").onclick=function(){
pol.style.fill = "black";
}
document.getElementById("cl4").onclick=function(){
pol.style.fill = "white";
}
document.getElementById("cl5").onclick=function(){
pol.style.fill = "cyan";
}
}
};