var references = new Array();
references[0] = 'bmw';
references[1] = 'siemens';
references[2] = 'infineon';
references[3] = 'reinstraum';
references[4] = 'leibniz';
references[5] = 'havel';
references[6] = 'treptowers';

var images =  new Array();
images[0] = 'bmw';
images[1] = 'bmw2';
images[2] = 'siemens';
images[3] = 'infineon';
images[4] = 'infineon2';
images[5] = 'reinstraum';
images[6] = 'leibniz';
images[7] = 'havel';
images[8] = 'treptowers';

function hideReferences()
{
	for (i = 0, j = references.length; i < j; ++i) {
		document.getElementById(references[i]).style.display = "none";
		document.getElementById((references[i] + "_h")).style.display = "inline";
	}
	hideImages();
}

function showReference(referencename)
{
	hideReferences();
	document.getElementById(referencename).style.display = "inline";
	document.getElementById((referencename) + "_h").style.display = "none";
	showImage(referencename);
}

function hideImages()
{
	for (i = 0, j = images.length; i < j; ++i) {
		document.getElementById((images[i] + "_p")).style.display = "none";
	}
	document.getElementById("referenzen_p").style.display = "inline";
	
	document.getElementById("bmw_more1").style.display = "none";
	document.getElementById("bmw_more2").style.display = "none";
	document.getElementById("infineon_more1").style.display = "none";
	document.getElementById("infineon_more2").style.display = "none";
}

function showImage(imagename)
{
	hideImages();
	document.getElementById("referenzen_p").style.display = "none";
	document.getElementById((imagename + "_p")).style.display = "inline";
	
	switch (imagename) {
	case "bmw":
		document.getElementById("bmw_more1").style.display = "inline";
		break;
	case "bmw2":
		document.getElementById("bmw_more2").style.display = "inline";
		break;
	case "infineon":
		document.getElementById("infineon_more1").style.display = "inline";
		break;
	case "infineon2":
		document.getElementById("infineon_more2").style.display = "inline";
		break;
	}
}