var W3CDOM = (document.createElement && document.getElementsByTagName);

var mouseOvers = new Array();
var mouseOuts  = new Array();

var mouseOversInfo = new Array();
var mouseOutsInfo  = new Array();

var activeImage = 0;
var iMogNimma = '';

window.onload = init;

function init() {
        if (!W3CDOM) return 0;

        var nav = document.getElementById('topmenu');
	if (!nav) return 0;
        var imgs = nav.getElementsByTagName('img');
	var imgsInfo = new Array();

	for (var i = 0; i < imgs.length; i++) {
		mouseOuts[i]        = new Array();
		mouseOvers[i]       = new Array();

		imgs[i].number      = i;
		imgs[i].onmouseover = mouseGoesOver;
		imgs[i].onmouseout  = mouseGoesOut;

		for (var j = 0; j < uniqueBackgroundColors.length; j++) {
			mouseOuts[i][j]      = new Image();
			mouseOvers[i][j]     = new Image();
			mouseOuts[i][j].src  = catImagesSepia[i].substring(0, catImagesSepia[i].lastIndexOf('.')) + "_" + uniqueBackgroundColors[j] + ".png";
			mouseOvers[i][j].src = catImagesColor[i].substring(0, catImagesColor[i].lastIndexOf('.')) + "_" + uniqueBackgroundColors[j] + ".png";
		}


		mouseOutsInfo[i]        = new Array();
		mouseOversInfo[i]       = new Array();

		for (var k = 0; k < 3; k++) {

			imgsInfo[k]             = document.getElementById('infobutton' + k);
			imgsInfo[k].number      = k;
			imgsInfo[k].onmouseover = mouseGoesOverInfo;
			imgsInfo[k].onmouseout  = mouseGoesOutInfo;

			mouseOutsInfo[i][k]     = new Array();
			mouseOversInfo[i][k]    = new Array();
		
		
			for (var l = 0; l < uniqueBackgroundColors.length; l++) {
				mouseOutsInfo[i][k][l]      = new Image();
				mouseOversInfo[i][k][l]     = new Image();
				mouseOutsInfo[i][k][l].src  = catInfoButtonsSW[i][k].substring(0, catInfoButtonsSW[i][k].lastIndexOf('.')) + "_" + uniqueBackgroundColors[l] + ".png";
				mouseOversInfo[i][k][l].src = catInfoButtonsFarbe[i][k].substring(0, catInfoButtonsFarbe[i][k].lastIndexOf('.')) + "_" + uniqueBackgroundColors[l] + ".png";
			}
		
		}

	}



}

function mouseGoesOver() {
	if (this.number == activeCategory) {
		return true;
	}
        this.src = mouseOvers[this.number][activeColor].src;
}

function mouseGoesOut() {
	if (this.number == activeCategory) {
		return true;
	}
        this.src = mouseOuts[this.number][activeColor].src;
}


function mouseGoesOverInfo() {
        this.src = mouseOversInfo[activeCategory][this.number][activeColor].src;
}

function mouseGoesOutInfo() {
        this.src = mouseOutsInfo[activeCategory][this.number][activeColor].src;
}


function switchMenuImage(imageObject) {
	if (imageObject.number == activeCategory) {
		imageObject.src = mouseOvers[imageObject.number][activeColor].src;
	} else {
		imageObject.src = mouseOuts[imageObject.number][activeColor].src;
	}
}

function switchMenuImages() {
        var nav = document.getElementById('topmenu');
        var imgs = nav.getElementsByTagName('img');

	for (var i = 0; i < imgs.length; i++) {
		switchMenuImage(imgs[i]);
	}
}

function switchTheImage() {
	document.getElementById('theimage').src = this.newSrc;
}

function switchInfoButtons(newColorSrc, newSepiaSrc) {
	var infoDiv  = document.getElementById('imageInfoLeft');
	var infoDiv2 = document.getElementById('imageInfoRight');
	if (newSepiaSrc == '') {
		infoDiv.getElementsByTagName('img')[1].style.display = "none";
	} else {
		infoDiv.getElementsByTagName('img')[1].style.display = "inline";
	}
	infoDiv.getElementsByTagName('img')[0].onclick = switchTheImage;
	infoDiv.getElementsByTagName('img')[0].newSrc  = newColorSrc;
	infoDiv.getElementsByTagName('img')[0].src     = mouseOutsInfo[activeCategory][0][activeColor].src;
	infoDiv.getElementsByTagName('img')[1].onclick = switchTheImage;
	infoDiv.getElementsByTagName('img')[1].newSrc  = newSepiaSrc;
	infoDiv.getElementsByTagName('img')[1].src     = mouseOutsInfo[activeCategory][1][activeColor].src;
	infoDiv2.getElementsByTagName('img')[0].src    = mouseOutsInfo[activeCategory][2][activeColor].src;
	//infoDiv.getElementsByTagName('img')[1].onclick = "document.getElementById('theimage').src = '" + newSepiaSrc + "';";
}

function switchImage(newColorSrc, newSepiaSrc) {
	//alert("activeImage = " + activeImage);
	document.getElementById("theimage").src = newColorSrc;
	switchMenuImages();
	switchInfoButtons(newColorSrc, newSepiaSrc);
	hideElements("imageInfo");
	//activeImage = index; 
	//alert("activeImage = " + activeImage);
}