var imgdir;
var imgdir = "images_v1/"
var versioncount = 3; // Anzahl der existierenden Varianten
var versionid = 1; 		// ID der aktuell angezeigten Variante
var pageid;

function test() {
	alert(window.innerHeight);
	alert(document.images[0].top);
}

function MenuSelect(id_cursor) {
	var i, id;

	//alert(id_cursor);
	for (i = 1; i <= 6; i++) {
		id = "mnuCursor" + i;
		document.getElementById(id).src = imgdir + 'mnuCursorHide.gif';
	}
	document.getElementById(id_cursor).src = imgdir + 'mnuCursorShow.gif';
}

function ToggleTitlePic() {

	if (document.getElementById('title_v1').style.display == "block") {
		document.getElementById('title_v1').style.display = "none";
		document.getElementById('title_v2').style.display = "block";
	} else {
		document.getElementById('title_v1').style.display = "block";
		document.getElementById('title_v2').style.display = "none";
	}
	celements = getElementByClass('rightside');
	for (i=0; i<celements.length; i++) {
		//alert(celements[i].style.backgroundColor);
		celements[i].style.backgroundColor = '#999966'; //'#887E41'; //mit Goldton: '#C3B15F'; //sehr schön: '#B8B379';
	}
}

function SwitchHome() {
	if (versionid < versioncount) {
		versionid += 1;
	} else {
		versionid = 1;
	}

	switch (versionid) {
		case 1:
			titlepic = "graphmark1.png";
			mybackcolor = "#ff9933";
			break;
		case 2:
			titlepic = "graphmark2.jpg";
			mybackcolor = "#cc0000";
			break;
		case 3:
			titlepic = "graphmark3.jpg";
			mybackcolor = "#999966";
			break;
	}
	document.getElementById('graphmark').src = "images_v1/" + titlepic;

	elts = getElementByClass('titlebg');
	for (i=0; i<elts.length; i++) {
		elts[i].style.backgroundColor = mybackcolor;
	}
	elts = getElementByClass('toolsmenu');
	for (i=0; i<elts.length; i++) {
		elts[i].style.backgroundColor = mybackcolor;
	}
	document.getElementById('maintitle').src = 'images_v1/maintitle_c' + versionid + '.gif';

	document.getElementById('mnu' + pageid).style.backgroundColor = mybackcolor;
}

function SwitchChannel() {

	if (versionid < versioncount) {
		versionid += 1;
	} else {
		versionid = 1;
	}
//alert('versionid=' + versionid);

	switch (versionid) {
		case 1:
			mytextalign = "center";
			titlepicture = "239787_m.jpg";
			backcolor = "#ff9933";
			break;
		case 2:
			mytextalign = "center";
			titlepicture = "title2.jpg";
			backcolor = "#cc0000";
			break;
		case 3:
			mytextalign = "center";
			titlepicture = "title3.jpg";
			backcolor = "#999966";
			break;
	}

	document.getElementById('titlepiccell').style.textAlign = mytextalign;
	document.getElementById('titlepic').src = "images_v1/" + titlepicture;

	elts = getElementByClass('rightside');
	for (i=0; i<elts.length; i++) {
		elts[i].style.backgroundColor = backcolor;
	}
	document.getElementById('titletextpic').src = "images_v1/channeltitle_c" + versionid + ".gif";
}

function Test(obj) {

	nr = obj.value;
	docname = "catalogues_" + nr + "_v1.html";

	document.forms[0].action = docname;
	//alert(document.forms[0].action + " [action]");
	document.location.href = docname;
	//document.forms[0].submit;

}

function getElementByClass(classname){
	ccollect = new Array();
	var inc = 0;
	var alltags=document.all? document.all : document.getElementsByTagName("*");

	for (i=0; i<alltags.length; i++) {
		if (alltags[i].className == classname) {
			ccollect[inc++]=alltags[i]
		}
	}
	return ccollect;
}

function PageLoading(pagecode) {
// in pagecode wird quasi die Seiten-ID übergeben. Abhängig von ihr wird das angewählte Menü
// Orange gesetzt
var elts;

	switch (versionid) {
		case 1:
			mybackcolor = "#ff9933";
			break;
		case 2:
			mybackcolor = "#cc0000";
			break;
		case 3:
			mybackcolor = "#999966";
			break;
	}

	id = "mnu" + pagecode;
	document.getElementById(id).style.backgroundColor = mybackcolor;
	//id = "sl" + pagecode;
	//document.getElementById(id).style.backgroundColor = mybackcolor;
	
	elts = getElementByClass("ssl" + pagecode);
	for (i=0; i<elts.length; i++) {
		elts[i].style.backgroundColor = "#DE6E00";
	}
	elts = getElementByClass("sl" + pagecode);
	for (i=0; i<elts.length; i++) {
		elts[i].style.backgroundColor = "#FFDBB7";
	}

	pageid = pagecode;
}