function changeSite(id) {
	if(id==1) {
		document.getElementById('link1').src="img/homeRed.gif";
		document.getElementById('link2').src="img/portfolio.gif";
		document.getElementById('link3').src="img/contact.gif";
		document.getElementById('img1').src="img/ja.jpg";
		document.getElementById('scroll1').src="img/up.gif";
		document.getElementById('scroll2').src="img/down.gif";
		document.getElementById('scroll3').src="img/p.gif";
		document.getElementById('scroll4').src="img/p.gif";
		document.getElementById('tekst1').style.color="#B2B2B2";
		document.getElementById('tekst2').style.color="#2A2A2A";
		document.getElementById('tekst3').style.color="#2A2A2A";
		document.getElementById('tekstdn2').style.color="#2A2A2A";
		document.getElementById('tekstdn3').style.color="#2A2A2A";
		for(i=1;i<=8;i++) {
			document.getElementById('portfolioLink'+i).className="portfolioLinkG";
		}
	}
	else if(id==2) {
		document.getElementById('link1').src="img/home.gif";
		document.getElementById('link2').src="img/portfolioRed.gif";
		document.getElementById('link3').src="img/contact.gif";
		document.getElementById('img1').src="img/p.gif";
		document.getElementById('scroll1').src="img/p.gif";
		document.getElementById('scroll2').src="img/p.gif";
		document.getElementById('scroll3').src="img/up.gif";
		document.getElementById('scroll4').src="img/down.gif";
		document.getElementById('tekst1').style.color="#2A2A2A";
		document.getElementById('tekst2').style.color="#B2B2B2";
		document.getElementById('tekst3').style.color="#2A2A2A";
		document.getElementById('tekstdn2').style.color="#B2B2B2";
		document.getElementById('tekstdn3').style.color="#2a2a2a";
		for(i=1;i<=8;i++) {
			document.getElementById('portfolioLink'+i).className="portfolioLink";
		}
	}
	else if(id==3) {
		document.getElementById('link1').src="img/home.gif";
		document.getElementById('link2').src="img/portfolio.gif";
		document.getElementById('link3').src="img/contactRed.gif";
		document.getElementById('img1').src="img/p.gif";
		document.getElementById('scroll1').src="img/p.gif";
		document.getElementById('scroll2').src="img/p.gif";
		document.getElementById('scroll3').src="img/p.gif";
		document.getElementById('scroll4').src="img/p.gif";
		document.getElementById('tekst1').style.color="#2A2A2A";
		document.getElementById('tekst2').style.color="#2A2A2A";
		document.getElementById('tekst3').style.color="#B2B2B2";
		document.getElementById('tekstdn2').style.color="#2A2A2A";
		document.getElementById('tekstdn3').style.color="#b2b2b2";
		for(i=1;i<=8;i++) {
			document.getElementById('portfolioLink'+i).className="portfolioLinkG";
		}
	}
}