//javascript

var links = Array("link01","link02","link03","link04","link05","link06","link07","link08","link09","link10");
var content = Array("content01","content02","content03","content04","content05","content06","content07","content08","content09","content10");

function changeLinkStyle(id,anzahl,type) {
	
	if(id == "link01") {
		window.document.getElementById(id).className = "area-link-box-active-first";
	}else if(type == "a" && id == "link08") {
		window.document.getElementById(id).className = "area-link-box-active-last";
	}else if(type == "o" && id == "link08") {
		window.document.getElementById(id).className = "area-link-box-active-last";
	}else{
		window.document.getElementById(id).className = "area-link-box-active";
	}
	
	for(i=0;i<anzahl;i++) {
		if(links[i] != id) {
			if(i == 0) {
				window.document.getElementById(links[i]).className = "area-link-box-inactive-first";
			}else{	
				window.document.getElementById(links[i]).className = "area-link-box-inactive";
			}
			window.document.getElementById(content[i]).style.display = "none";
		}else{
			window.document.getElementById(content[i]).style.display = "block";
		}
	}
}