/* ***** */


var imgPath = 'img/navig/'
var greySrc = imgPath + 'p_dunkelgrau_229.jpg';
var greenSrc = imgPath + 'p_gruen_51_153_0.jpg';
var blueSrc = imgPath + 'p_blau_0_153_255.jpg';
var yellowSrc = imgPath + 'p_gelb_255_236_0.jpg';



/*** MAIN NAVIG ***/

// 0=news, 1=about, 2=works
var greenPos = 1;
var bluePos = 2;
var yellowPos = 3;
var currentMainNavig = 0;


function mainNavigAllInvisible() {
	for (var i=0; i<4; i++) {
		getElement("name", 'mainNavigTitle', i).style.display = "none";
	}
}
// green
function getGreen() {
	return getElement("id", 'mainNavigGreenPic');
}
function overGreen() {
	elem = getGreen();
	elem.src = greenSrc;
	mainNavigAllInvisible();
	getElement("name", 'mainNavigTitle', greenPos).style.display = "block"
}
function outGreen() {
	elem = getGreen();
	elem.src = greySrc;
	mainNavigAllInvisible();
	getElement("name", 'mainNavigTitle', currentMainNavig).style.display = "block"
}
// blue
function getBlue() {
	return getElement("id", 'mainNavigBluePic');
}
function overBlue() {
	elem = getBlue();
	elem.src = blueSrc;
	mainNavigAllInvisible();
	getElement("name", 'mainNavigTitle', bluePos).style.display = "block"
}
function outBlue() {
	elem = getBlue();
	elem.src = greySrc;
	mainNavigAllInvisible();
	getElement("name", 'mainNavigTitle', currentMainNavig).style.display = "block"
}
// yellow
function getYellow() {
	return getElement("id", 'mainNavigYellowPic');
}
function overYellow() {
	elem = getYellow();
	elem.src = yellowSrc;
	mainNavigAllInvisible();
	getElement("name", 'mainNavigTitle', yellowPos).style.display = "block"
}
function outYellow() {
	elem = getYellow();
	elem.src = greySrc;
	mainNavigAllInvisible();
	getElement("name", 'mainNavigTitle', currentMainNavig).style.display = "block"
}