var oActiveArray = aDeAv;
var oArrayPointer = 1;
var oActiveArrayNumber = 1;
var oImageWidth = 600;
var oSprache=0;

var oLabelArchiviz = new Array('Architektur Visualisierung','Architectural Visualization');
var oLabelAnimation = new Array('Animation / VFX','Animation / VFX');
var oLabelArt = new Array('Zeichnungen und Grafiken','Drawings and Paintings');
var oLabelDownload = new Array('Download und Lebenslauf','Download');
var oLabelKontakt = new Array('Kontakt','Contact');
var oLabelBroschuereDownload = new Array('<a href="Images/Download/Architektur Visualisierung - Jonathan Josenhans - Deutsch.pdf" target="_blank">PDF Broschüre Architektur Visualisierung herunterladen</a>', '<a href="Images/Download/Architectural Visualization - Jonathan Josenhans - English.pdf" target="_blank">Download Architectural Visualization Brochure (PDF)</a>');
var oLabelAuftraggeber = new Array('Auftraggeber: ','Customer: ');
var oLabelLebenslauf = new Array('<a href="Images/Download/CV_Jonathan_Josenhans.pdf">Lebenslauf PDF herunterladen</a>', '<a href="Images/Download/CV_Jonathan_Josenhans.pdf" target="_blank">Download CV (PDF)</a>');
var oLabelDownload = new Array('Download_Template.html', 'EN_Download_Template.html');
var oLabelKontakt = new Array('Kontakt.html', 'EN_Kontakt.html');
var oLabelKontaktText = new Array('Kontakt', 'Contact');

function fChangeCategory(oCategory)
{
	document.getElementById('oContentText').innerHTML='<p class="ImageCell"><id="oContentText" width="598" rowspan="6" ><p class="ImageCell"><img src="Images/Start_Page/Bruecke_Intro.jpg" alt="" name="oBild" width="700" hspace="0" vspace="0" border="0" align="top" class="ImageCell" id="oBild" />';
	switch(oCategory)
	{
	case(oCategory='oDe_Archiviz'):
		oActiveArray = aDeAv;
		document.getElementById('oHeadingTop').innerHTML=oLabelArchiviz[oSprache];
		oActiveArrayNumber = 1;
		break;
	case(oCategory='oDe_Animation'):
		oActiveArray = aDeAn;
		document.getElementById('oHeadingTop').innerHTML=oLabelAnimation[oSprache];
		oActiveArrayNumber = 2;
		break;
	case(oCategory='oDeTa'):
		oActiveArray = aDeTa;
		document.getElementById('oHeadingTop').innerHTML=oLabelArt[oSprache];
		oActiveArrayNumber = 3;
		break;
	case(oCategory='oDe_Download'):
		oActiveArray = aDeDo;
		document.getElementById('oHeadingTop').innerHTML='Download';
		document.getElementById('oContentText').innerHTML=fCreateIframe(oLabelDownload[oSprache], 300);
		oActiveArrayNumber = 4;
		break;
	case(oCategory='oDe_Kontakt'):
		document.getElementById('oContentText').innerHTML=fCreateIframe(oLabelKontakt[oSprache], 500);		
		document.getElementById('oHeadingTop').innerHTML=oLabelKontaktText[oSprache];
		oActiveArrayNumber = 7;
		break;
	case(oCategory='oImpressum'):
		document.getElementById('oContentText').innerHTML=fCreateIframe('Impressum.html', 300);		
		document.getElementById('oHeadingTop').innerHTML='Impressum';
		oActiveArrayNumber = 8;		
		break;
	};
	oArrayPointer = -1;
	fChangeImage('oForward');
};

function fCreateIframe(oURL, oHeight)
{
	return ('<iframe id="Iframe1"  frameborder="0"  vspace="0"  hspace="0"  marginwidth="0"  marginheight="0" width="100%" height="' +oHeight+ '" scrolling="auto" src="' + oURL + '"></iframe>');
	}


function fChangeImage(oDirection)
{
	switch(oDirection)
	{
		case (oDirection = 'oForward'):
			oArrayPointer = oArrayPointer+1;
			break;
		case (oDirection = 'oBackward'):
			oArrayPointer = oArrayPointer-1;
			break;
	};

if (oArrayPointer > oActiveArray.length-1){	oArrayPointer =0; }
if (oArrayPointer < 0){oArrayPointer =oActiveArray.length-1;}

if (document.getElementById('oBild') != null){
	document.getElementById('oBild').src=oActiveArray[oArrayPointer][0]; 
};

	document.getElementById('oAuftraggeber').innerHTML="Auftraggeber: "+ oActiveArray[oArrayPointer][1] + ", " + oActiveArray[oArrayPointer][2] +"<br />" +oActiveArray[oArrayPointer][3];
	document.getElementById('oBroschuere').innerHTML= '';

	switch (oActiveArrayNumber){
		case 1:
			document.getElementById('oAuftraggeber').innerHTML= oActiveArray[oArrayPointer][(3+(oSprache*2))] +"<br />" + oLabelAuftraggeber[oSprache]+ oActiveArray[oArrayPointer][1+(oSprache*3)] + ", " + oActiveArray[oArrayPointer][2]  +"<br />" +"<br />" 
			document.getElementById('oBroschuere').innerHTML= oLabelBroschuereDownload[oSprache];
		break;
		case 2:
			document.getElementById('oAuftraggeber').innerHTML= oActiveArray[oArrayPointer][3+(oSprache*2)] +"<br />" +  oActiveArray[oArrayPointer][1+(oSprache*3)] + ", " + oActiveArray[oArrayPointer][2];
			document.getElementById('oBroschuere').innerHTML= oLabelLebenslauf[oSprache];
		break;
		case 3:
			document.getElementById('oAuftraggeber').innerHTML=oActiveArray[oArrayPointer][3+(oSprache*2)] +"<br />"+ oActiveArray[oArrayPointer][1+(oSprache*3)] + ", " + oActiveArray[oArrayPointer][2];
			document.getElementById('oBroschuere').innerHTML= oLabelLebenslauf[oSprache];
		break;
		case 4:
			document.getElementById('oAuftraggeber').innerHTML='';
			document.getElementById('oBroschuere').innerHTML='';
		break;
		case 7:
			document.getElementById('oAuftraggeber').innerHTML='';
			document.getElementById('oBroschuere').innerHTML='';
		break;
	} 
};

function fGetImgSize(oImageLink)
{
var oNewImg = new Image();
oNewImg.src = oImageLink;

var oScaledHeight = (oImageWidth / oNewImg.width)* oNewImg.height;
var oDimensions = new Array(oScaledHeight, oNewImg.height, oNewImg.width);
return oDimensions
}




function ButtonsHellgrau(Element, Num, Mode){
	for(i=1; i!=Num; i++){
			BGround= i + "a";
			Font = i +"b";
		if (i != oActiveArrayNumber)
		{
			document.getElementById(BGround).style.background='#EFF2E9';
			document.getElementById(Font).style.color='#6F756A';
		}
	}
	if (Mode==	"Active") 
	{	
		BGround = Element + "a";
		Font = Element +"b";
		document.getElementById(BGround).style.background='#6F756A';
		document.getElementById(Font).style.color='#EFF2E9';
	}
};

function ButtonsSchlammgrau(Element, Num, Mode){
	for(i=1; i!=Num; i++){
		BGround= i + "a";
		Font = i +"b";
		document.getElementById(BGround).style.background='#6F756A';
		document.getElementById(Font).style.color='#EFF2E9';
	}

	if (Mode=="Active") {	
		BGround = Element + "a";
		Font = Element +"b";
		document.getElementById(BGround).style.background='#EFF2E9';
		document.getElementById(Font).style.color ='#6F756A';
	}
};