i1 = new Image();i1.src="img/buttons/home_on.jpg";
i2 = new Image();i2.src="img/buttons/home.jpg";

i3 = new Image();i3.src="img/buttons/angebot_on.jpg";
i4 = new Image();i4.src="img/buttons/angebot.jpg";

i5 = new Image();i5.src="img/buttons/team_on.jpg";
i6 = new Image();i6.src="img/buttons/team.jpg";

i7 = new Image();i7.src="img/buttons/map_on.jpg";
i8 = new Image();i8.src="img/buttons/map.jpg";

i9 = new Image();i9.src="img/buttons/kontakt_on.jpg";
i10 = new Image();i10.src="img/buttons/kontakt.jpg";


function w1a(){if (document.images){document.images[3].src=i1.src;}}
function w1b(){if (document.images){document.images[3].src=i2.src;}}

function w2a(){if (document.images){document.images[5].src=i3.src;}}
function w2b(){if (document.images){document.images[5].src=i4.src;}}

function w3a(){if (document.images){document.images[7].src=i5.src;}}
function w3b(){if (document.images){document.images[7].src=i6.src;}}

function w4a(){if (document.images){document.images[9].src=i7.src;}}
function w4b(){if (document.images){document.images[9].src=i8.src;}}

function w5a(){if (document.images){document.images[11].src=i9.src;}}
function w5b(){if (document.images){document.images[11].src=i10.src;}}



function doterOn(posh,posv) {
 


//vertical dot
arrayv = new Array(200,220,240,275,310,330,350,370,390,410)

//horizontal dot
arrayh = new Array(350,412,472,534,596,658,720,788,850,912)

document.getElementById("dotv").style.visibility = "visible";
document.getElementById("dotv").style.top = arrayv[posv]-3;


document.getElementById("doth").style.visibility = "visible";
document.getElementById("doth").style.left = arrayh[posh]-20;

}


function doterOut(){
 
document.getElementById("dotv").style.visibility = "hidden";
document.getElementById("doth").style.visibility = "hidden";
}