flashHeight=(docAll) ? 510:1; // fuer filme, hoehe ... IE fullheight, rest nich
flashPlayerIDs=new Array(); // fuer steuer-IDs fuer flash gateway
flashGateways=new Array(); // referenz fuer Gateways
pagesSelected=new Array(); // welche seiten sind aktiviert in den projekten?
bigPicActive=new Array(); // in welchen projekten sind grosse bilder zu sehn?
projectSelected=new Array();	// welches projekt ist aktiv?

function activatePage(pr, id) {
	// schreibt die aktivierte seite ins array
	pagesSelected[pagesSelected.length]='pr'+pr+'p'+id;
}

function getObj(name){
	if(document.getElementById){
		return document.getElementById(name);
	}else if(document.all){
		return document.all[name];
	}
}

function getStyle(name){
	return getObj(name).style;
}
	
function showP(id) {	
	// bilder noch nicht geladen? 
	
	doLoadImages=0;
	tempFound=0;
	for (i=0; i<allPicsLoaded.length; i++) {
		if (allPicsLoaded[i]==id) {
			tempFound=1;
		}
	}

	if (tempFound==0) {
		allPicsLoaded[allPicsLoaded.length]=id;
		swapImg('l'+id+'x', '_gfx/xor.gif') // kreuzchen machen
		doLoadImages=1;
		allActivatedIDs[allActivatedIDs.length]=allChildIDs[id];
	}

	// show project
	ref=getStyle('p'+id);

	if (ref.display!="block") {
		// radiobutton aktiv machen
		projectSelected[projectSelected.length]=id;
		//top.logframe.location.href="log2.php?data=PROJEKT: "+allLines[id][1][0];
	} else {
		// inaktiv machen
		
		
		if (allLines[id][0]==1) { 
			// is project
			// movie stoppen
			// noch verbessern!
			p=id
			obj=getStyle('pr'+p+'fla');
			obj.visibility="hidden";
			
			var searchID='pr'+p+'flaID'+serialTimestamp;
			var searchPos=-1;
			for (i=0; i<flashPlayerIDs.length; i++) {
				if (flashPlayerIDs[i]==searchID) {
					searchPos=i;
				}
			}
			if (searchPos!=-1) {
				// stop video
				flashGateways[searchPos].call("stopVideo");
				// aus array schmeissen
				tArr=new Array;
				tC=0;
				for (i=0; i<bigPicActive.length; i++) {
					if (bigPicActive[i]!=p) {
						tArr[tC]=bigPicActive[i];
						tC++;
					}
				}
				bigPicActive=tArr;
				// page reset
				ppShow(p, 1)
			}
		}
		
		// aus array schmeissen
		tArr=new Array;
		tC=0;
		for (i=0; i<projectSelected.length; i++) {
			if (projectSelected[i]!=id) {
				tArr[tC]=projectSelected[i];
				tC++;
			}
		}
		projectSelected=tArr;
	}

	ref.display=(ref.display!="block") ? "block":"none";
	if (doLoadImages && ref.display=="block") {
		ppShow(id, 1) // bilder laden
	}
}

function pOver(id) {

	swapImg('b'+id, '_gfx/ron.gif')
}

function pOut(id) {
	
	tFound=0
	for (i=0; i<projectSelected.length; i++) {
		if (projectSelected[i]==id) {
			tFound=1;
		}	
	}
	if (!tFound) {
		// nicht aktiviert, also radiobutton aus
			swapImg('b'+id, '_gfx/roff.gif')
	}
}


function plOver(pr, id) {
	// projectPage Line Over // macht radiobutton an bei den verschiedenen seiten bei den zeilen
	swapImg('pr'+pr+'l'+id, '_gfx/ron.gif')
}

function plOut(pr, id) {
	// projectPage Line Out // macht radiobutton aus  bei den verschiedenen seiten bei den zeilen
	swapImg('pr'+pr+'l'+id, '_gfx/roff.gif')
}

function liOver(pr, id) {
	// link Over // macht radiobutton an bei den links und link hilight
	swapImg('pr'+pr+'l'+id, '_gfx/ron.gif')
	obj=getStyle('li'+pr)
	obj.color='#FF4000'
}

function liOut(pr, id) {
	// projectPage Line Out // macht radiobutton aus  bei den verschiedenen seiten bei den zeilen
	swapImg('pr'+pr+'l'+id, '_gfx/roff.gif')
	obj=getStyle('li'+pr)
	obj.color='#000000'
}

function ppOver(pr, id) {
	// projectPage Over // macht radiobutton an bei den verschiedenen seiten
	swapImg('pr'+pr+'p'+id, '_gfx/ron.gif')
}

function ppOut(pr, id) {
	//  projectPage Out // macht radiobutton aus bei den verschiedenen seiten
	
	// gucken ob seite aktiviert ist
	tAct=0;
	for (i=0; i<pagesSelected.length; i++) {
		if (pagesSelected[i]==('pr'+pr+'p'+id)) {
			tAct=1;
		}
	}
	if (tAct==0) {
		// nicht aktiviert, also radiobutton aus
		swapImg('pr'+pr+'p'+id, '_gfx/roff.gif')
	}
}

function ppShow(p, page) {
	// projectPage Show / project, page / switcht die Seite beim projekt
	
	if (allLines[p][0]==1) { // is project?
		// hide video
		obj=getStyle('pr'+p+'fla');
		obj.visibility="hidden";
		var searchID='pr'+p+'flaID'+serialTimestamp;
		var searchPos=-1;
		for (i=0; i<flashPlayerIDs.length; i++) {
			if (flashPlayerIDs[i]==searchID) {
				searchPos=i;
			}
		}
		if (searchPos!=-1) {
			// stop video
			flashGateways[searchPos].call("stopVideo");
		}
	}
	
	// grosses bild aktiv? dann aus array schmeissen
	tFound=0
	for (i=0; i<bigPicActive.length; i++) {
		if (bigPicActive[i]==p) {
			tFound=1
		}
	}
	
	if (tFound) {
		// aus array schmeissen
		tArr=new Array;
		tC=0;
		for (i=0; i<bigPicActive.length; i++) {
			if (bigPicActive[i]!=p) {
				tArr[tC]=bigPicActive[i];
				tC++;
			}
		}
		bigPicActive=tArr;
	}
	
	
	for (i=0; i<pagesSelected.length; i++) {
		tStr=pagesSelected[i].substr(0, ('pr'+p+'p').length)
	
		if (tStr==('pr'+p+'p')) {
			swapImg(pagesSelected[i], '_gfx/roff.gif') // anderen ausschalten
			pagesSelected[i]='pr'+p+'p'+page
			swapImg(pagesSelected[i], '_gfx/ron.gif') // neuen radiobutton anschalten
		}
	}

	t1=(page*2)-2
	t2=(page*2)-1
	
	if (allLines[p][0]==1) {

		// ist project-karte
		tKleinFN1=allLines[p][1][8][t1][0]
		tKleinW1=allLines[p][1][8][t1][1]
		tKleinH1=allLines[p][1][8][t1][2]
		tBigFN1=allLines[p][1][8][t1][3]
		tBigW1=allLines[p][1][8][t1][4]
		tBigH1=allLines[p][1][8][t1][5]
		
		justOne=0;
		

		if (allLines[p][1][8].length>t2) {
			tKleinFN2=allLines[p][1][8][t2][0]
			tKleinW2=allLines[p][1][8][t2][1]
			tKleinH2=allLines[p][1][8][t2][2]
			tBigFN2=allLines[p][1][8][t2][3]
			tBigW2=allLines[p][1][8][t2][4]
			tBigH2=allLines[p][1][8][t2][5]
		} else {
			justOne=1; // nur ein bild da!
		}
	
		// LAYER ANPASSEN
		
		// reset von evtueller grossansicht

		tL=0;

		obj=getStyle('pr'+p+'pp')
		obj.left=tL+'px'
		obj=getStyle('pr'+p+'pb')
		obj.top='2px'
		obj=getStyle('pr'+p+'pf')
		obj.visibility="hidden"
		obj=getStyle('pr'+p+'sh')
		obj.visibility="hidden"

		// pr'+p+'pp -> schliesst alle anderen divs ein -> layer 20px hoeher als groesstes bild + 3px
		tH=Math.max(tKleinH1, tKleinH2);
		tH+=8; // mehr platz bei bildern
		obj=getStyle('pr'+p+'pp');
		obj.height=tH+3+'px'
		
		// erster block // 'pr'+p+'pp_a' 
		obj=getStyle('pr'+p+'pp_a');
		obj.height=tH+'px'
		tTop=-27;

		// bild 1 // 'pr'+p+'pp_b' --> 6 px weiter als bild
		tTop=(macIE) ? tTop-tH+27:tTop-tH;
		obj=getStyle('pr'+p+'pp_b');
		obj.height=tH+'px'
		obj.width=tKleinW1+6+'px'
		obj.top=tTop+'px';
		//resize bild 1
		obj = eval('document.' + 'pr'+p+'i1');
		obj.width=tKleinW1;
		obj.height=tKleinH1;
		tLeft=207;

		// bild 1 austauschen
		swapImg('pr'+p+'i1', '_projects/'+allLines[p][1][9]+'/'+tKleinFN1)

		obj=getStyle('pr'+p+'pp_c')
		obj.visibility="visible";
		

		if (justOne) {

			// nur ein bild da --> 2. bildlayer ausschalten
			obj=getStyle('pr'+p+'pp_d')
			obj.visibility="hidden";
			obj.cursor="auto"
			
			// trenner neu positionieren
			tTop-=tH;
			tRestW=870-178-(tKleinW1+6)-3+1
			obj=getStyle('pr'+p+'pp_c');
			tLeft+=1+tKleinW1+6;
			obj.left=tLeft+'px';
			obj.top=tTop+'px';
			obj.height=tH+'px'
			obj.width=tRestW+'px'

			tBigFN2=''
			// cursor anpassen
			if (tBigFN1!='') {
				obj=getStyle('pr'+p+'pp_b')
				obj.cursor="pointer"
			} else {
				obj=getStyle('pr'+p+'pp_b')
				obj.cursor="auto"
			}
			// clicktext aendern
			obj=getObj('pr'+p+'cl');
			obj.innerHTML=getClickText(tBigFN1, tBigFN2);

		} else {
		
			// 2 bilder da
			// trenner neu positionieren
			tTop=(macIE) ? tTop-tH+27+16+18:tTop-tH;

			obj=getStyle('pr'+p+'pp_c');
			tLeft+=1+tKleinW1+6;
			obj.left=tLeft+'px';
			obj.top=tTop+'px';
			obj.height=tH+'px';
			obj.width='20px'

			// bild 2 neu positionieren
			obj=getStyle('pr'+p+'pp_d');
			obj.visibility="visible";
			tTop=(macIE) ? tTop:tTop-tH;
			tLeft+=20+1;
			obj.left=tLeft+'px';
			obj.top=tTop+'px';
			tRestW=870-178-(tKleinW1+6)-3-20
			obj.width=tRestW+'px';
			obj.height=tH+'px'
			//resize bild 2
			obj = eval('document.' + 'pr'+p+'i2');
			obj.width=tKleinW2;
			obj.height=tKleinH2;		
			
			// bild 2 austauschen
			swapImg('pr'+p+'i2', '_projects/'+allLines[p][1][9]+'/'+tKleinFN2)

			if (tBigFN1!='' && tBigFN2!='') {
				// cursor anpassen
				obj=getStyle('pr'+p+'pp_b')
				obj.cursor="pointer"
				obj=getStyle('pr'+p+'pp_d')
				obj.cursor="pointer"

			} else if (tBigFN1!='' && tBigFN2=='') {
				// cursor anpassen
				obj=getStyle('pr'+p+'pp_b')
				obj.cursor="pointer"
				obj=getStyle('pr'+p+'pp_d')
				obj.cursor="auto"
			
			} else if (tBigFN1=='' && tBigFN2!='') {
				// cursor anpassen
				obj=getStyle('pr'+p+'pp_b')
				obj.cursor="auto"
				obj=getStyle('pr'+p+'pp_d')
				obj.cursor="pointer"

			} else {
				// cursor anpassen
				obj=getStyle('pr'+p+'pp_b')
				obj.cursor="auto"
				obj=getStyle('pr'+p+'pp_d')
				obj.cursor="auto"
			}
			obj=getObj('pr'+p+'cl');
			obj.innerHTML=getClickText(tBigFN1, tBigFN2);

		}
	} // end check ob es project-karte ist

}
	
function getClickText(tBigFN1, tBigFN2) {
	// clicktext schreiben

	if (tBigFN1.indexOf(".flv") != -1 && tBigFN2.indexOf(".flv") != -1) {
		if (theLanguage=="DE") {
			tTxt='Videos ansehen durch Klick auf die Bilder';
		} else {
			tTxt='Click on images to watch the videos';
		}
	} else if (tBigFN1.indexOf(".flv") != -1 && tBigFN2.indexOf(".flv") == -1) {
	
		if (tBigFN2!='') {
			extraTXT=(theLanguage=="DE") ? ' / Gro&szlig;ansicht durch Klick auf Bild 2':' / Click on image 2 for a larger view';
		} else {
			extraTXT=''
		}
		
		if (theLanguage=="DE") {
			tTxt='Video ansehen durch Klick auf Bild 1'+extraTXT;
		} else {
			tTxt='Click on image 1 to watch the video'+extraTXT;
		}
	} else if (tBigFN1.indexOf(".flv") == -1 && tBigFN2.indexOf(".flv") != -1) {
		if (tBigFN1!='') {
			extraTXT=(theLanguage=="DE") ? 'Gro&szlig;ansicht durch Klick auf Bild 1 / ':'Click on image 1 for a larger view / ';
		} else {
			extraTXT=''
		}
		
		if (theLanguage=="DE") {
			tTxt=extraTXT+'Video ansehen durch Klick auf Bild 2';
		} else {
			tTxt=extraTXT+'Click on image 2 to watch the video';
		}
	
	} else if (tBigFN1!='' && tBigFN2!='') {
		if (theLanguage=="DE") {
			tTxt='Gro&szlig;ansicht durch Klick auf die Bilder';
		} else {
			tTxt='Click on images for a larger view';
		}
	} else if (tBigFN1!='' && tBigFN2=='') {
		if (theLanguage=="DE") {
			tTxt='Gro&szlig;ansicht durch Klick auf Bild 1';
		} else {
			tTxt='Click on image 1 for a larger view';
		}
	} else if (tBigFN1=='' && tBigFN2!='') {
		if (theLanguage=="DE") {
			tTxt='Gro&szlig;ansicht durch Klick auf Bild 2';
		} else {
			tTxt='Click on image 2 for a larger view';
		}
	} else {
		tTxt='';
	}
	return tTxt
}


function showBigPic(p, img, page, tBigFN1, tBigW1, tBigH1) {
	// in array schreiben
	
	if (tBigFN1.indexOf(".flv") != -1) {
		// VIDEO!
		obj=getStyle('pr'+p+'fla');
		obj.visibility="visible";
		
		var searchID='pr'+p+'flaID'+serialTimestamp;
		var searchPos=-1;
		for (i=0; i<flashPlayerIDs.length; i++) {
			if (flashPlayerIDs[i]==searchID) {
				searchPos=i;
			}
		}
		
		var vidName='../_projects/'+allLines[p][1][9]+'/'+tBigFN1;
		//alert (vidName)
		
		setTimeout('PLAYVID(' + searchPos + ', "' + vidName + '", '+ p + ', '+ img + ', ' + page +' )', 100)
		
		obj=getObj('pr'+p+'cl');
		if (theLanguage=="DE") {
			obj.innerHTML='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Zur&uuml;ck durch Klick aufs Video';
		} else {
			obj.innerHTML='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Click on movie to go back';
		}
		
		

		
	} else {
		//resize bild 1
		obj = eval('document.' + 'pr'+p+'i1');
		obj.width=tBigW1;
		obj.height=tBigH1;
		tLeft=207;

		// bild 1 austauschen
		swapImg('pr'+p+'i1', '_projects/'+allLines[p][1][9]+'/'+tBigFN1)
		
		obj=getObj('pr'+p+'cl');
		if (theLanguage=="DE") {
			obj.innerHTML='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Zur&uuml;ck durch Klick aufs Bild';
		} else {
			obj.innerHTML='&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Click on image to go back';
		}
	}

}

function PLAYVID(searchPos, vidName, p, img, page) {
	flashGateways[searchPos].call("playVideo", {JSvideo:vidName, JSproject:p, JSimg:img, JSpage:page});
}

function bPic(p, img) {
	// project, image 

	// text austauschen bei click on ... pr[projektnummer]cl

	// welche page ist selektiert?
	for (i=0; i<pagesSelected.length; i++) {
		tLen=('pr'+p+'p').length;
		tStr=pagesSelected[i].substr(0, tLen)
	
		if (tStr==('pr'+p+'p')) {
			page=pagesSelected[i].substr(tLen, pagesSelected[i].length-tLen)
		}
	}
	
	t1=(img==1) ? (page*2)-2:(page*2)-1;

	tBigFN1=allLines[p][1][8][t1][3]
	tBigW1=allLines[p][1][8][t1][4]
	tBigH1=allLines[p][1][8][t1][5]
	
	// schon grosses bild aktiv?
	tFound=0
	for (i=0; i<bigPicActive.length; i++) {
		if (bigPicActive[i]==p) {
			tFound=1
		}
	}
	
	if (tFound) {
		// bild schon gross, also wieder klein machen
		
		
		// hide video
		obj=getStyle('pr'+p+'fla');
		obj.visibility="hidden";
		
		var searchID='pr'+p+'flaID'+serialTimestamp;
		var searchPos=-1;
		for (i=0; i<flashPlayerIDs.length; i++) {
			if (flashPlayerIDs[i]==searchID) {
				searchPos=i;
			}
		}
		if (searchPos!=-1) {
			// stop video
			flashGateways[searchPos].call("stopVideo");
		}
		
		// aus array schmeissen
		tArr=new Array;
		tC=0;
		for (i=0; i<bigPicActive.length; i++) {
			if (bigPicActive[i]!=p) {
				tArr[tC]=bigPicActive[i];
				tC++;
			}
		}
		bigPicActive=tArr;
		// page reset
		ppShow(p, page)
		
		// scrollen zur zeile
		tY=findPosY(getObj('l'+p));
		//window.scrollTo(0, tY-10); 
		cypos = getTheYPos();
		desty=tY-10;
		ss_stepsize = parseInt((desty - cypos) / 6);
		ss_INTERVAL = setInterval('ss_scrollWindow(' + ss_stepsize + ', ' + desty +' )', 10)

	} else if (tBigFN1!='') {
		
		swapImg('pr'+p+'i1', '_gfx/no.gif')
		bigPicActive[bigPicActive.length]=p;
	

		// layer einruecken
		obj=getStyle('pr'+p+'pp')
		tL=(macIE) ? 16:30;
		obj.left=tL+'px'
		// radiobutton nach unten
		obj=getStyle('pr'+p+'pb')
		obj.top='11px'
		// pfeil und schatten an
		obj=getStyle('pr'+p+'pf')
		obj.visibility="visible"
		obj=getStyle('pr'+p+'sh')
		obj.visibility="visible"

		// LAYER ANPASSEN
		// pr'+p+'pp -> schliesst alle anderen divs ein -> layer 20px hoeher als groesstes bild + 3px
		tH=tBigH1;
		tH+=10;
		obj=getStyle('pr'+p+'pp');
		obj.height=tH+3+'px'

		// hinscrollen
		tY=findPosY(getObj('pr'+p+'pp'));
		/*cypos = getTheYPos();
		desty=tY-100;
		ss_stepsize = parseInt((desty - cypos) / 6);
		ss_INTERVAL = setInterval('ss_scrollWindow(' + ss_stepsize + ', ' + desty +' )', 10)*/
		window.scrollTo(0, tY-100); 
		
		// erster block // 'pr'+p+'pp_a' 
		obj=getStyle('pr'+p+'pp_a');
		obj.height=tH+'px'
		tTop=-27;

		// bild 1 // 'pr'+p+'pp_b' --> 6 px weiter als bild
		tTop-=tH;
		tRestW=870-178-1
		obj=getStyle('pr'+p+'pp_b');
		obj.height=tH+'px'
		obj.width=tRestW+'px'
		obj.top=tTop+'px';

		// trenner unsichtbar
		obj=getStyle('pr'+p+'pp_c')
		obj.visibility="hidden";
		// bild 2 unsichtbar
		obj=getStyle('pr'+p+'pp_d')
		obj.visibility="hidden";
		// !change  19,2,1, 'soap5_gross', 625, 143  // also   zeile (von 0 ab gezaehlt), nummer des bildes in der seite, nummer der seite, filename, breite, hoehe
		setTimeout('showBigPic('+p+', '+img+', '+page+', \''+tBigFN1+'\', '+tBigW1+', '+tBigH1+')', 100) // damit erst dummy angezeigt wird
		//top.logframe.location.href="log2.php?data=GROSSBILD: "+allLines[p][1][0]+" / "+img;
		
	}
}

function ss_scrollWindow(scramount, dest) {

	wascypos = getTheYPos();
	isAbove = (wascypos < dest);
	window.scrollTo(0, wascypos + scramount);
	iscypos = getTheYPos();
	isAboveNow = (iscypos < dest);
	if ((isAbove != isAboveNow) || (wascypos == iscypos)) {
		window.scrollTo(0, dest);
		clearInterval(ss_INTERVAL);
	}
	
	
}

function getTheYPos() {
	if (document.body && document.body.scrollTop)
		return document.body.scrollTop;
	if (document.documentElement && document.documentElement.scrollTop)
		return document.documentElement.scrollTop;
	if (window.pageYOffset)
		return window.pageYOffset;
	return 0;
}

function closeVideo(id, p, img, pp) {

		obj=getStyle('pr'+p+'fla');
		obj.visibility="hidden";
		bPic(p, img)
}


function findPosY(obj)	{
	var curtop = 0;
	if (obj.offsetParent)
	{
		while (obj.offsetParent)
		{
			curtop += obj.offsetTop
			obj = obj.offsetParent;
		}
	}
	else if (obj.y)
		curtop += obj.y;
	return curtop;
}

function swapImg(i, newImg) {
	if(document.images) {
		obj = eval('document.'+i);
		obj.src = newImg;
	}
}

function makeCard(p) {
	if (allLines[p][0]==1) {
		// projekt
		writeProject(p)
	} else if (allLines[p][0]==2) {
		// link
		writeLink(p)
	} else if (allLines[p][0]==3) {
		// download
		writeDL(p)
	} else if (allLines[p][0]==4) {
		// text
		writeText(p)
	}
}

function writeLink(p) {

	T='';

	T+='<img src="_gfx/v.gif" width=53 height=23><br>\n';

	T+='<div class="prl_a" onclick="showP('+p+')" onmouseover="plOver('+p+',1)" onmouseout="plOut('+p+',1)">\n';
	T+='<div class="prl_a_a"><img name="pr'+p+'l1" src="_gfx/ron.gif" width=14 height=12></div>\n';
	if (theLanguage=="DE") {
		T+='<div class="prl_a_b">LINK SCHLIE&szlig;EN</div>\n';
	} else {
		T+='<div class="prl_a_b">CLOSE LINK</div>\n';
	}
	T+='</div>\n';
			
	T+='<div class="prl_b" onclick="window.open(\''+allLines[p][1][1]+'\', \'_blank\')" onmouseover="liOver('+p+',2)" onmouseout="liOut('+p+',2)">\n';
	T+='	<div class="prl_b_a"><img name="pr'+p+'l2" src="_gfx/roff.gif" width="14" height="12"></div>\n';
	T+='	<div class="prl_b_b">&nbsp;LINK:&nbsp;&nbsp;<span id="li'+p+'" class="prl_b_c">'+allLines[p][1][1]+'</span></div>\n';
	T+='</div>\n';
	
	T+='<div class="prl_c"></div>\n'; // dummy damit der abstand unten gut ist zum naechsten projekt
	

	obj=getObj('p'+p);
	obj.innerHTML=T;
}

function writeDL(p) {

	T='';

	T+='<img src="_gfx/v.gif" width=53 height=23><br>\n';

	T+='<div class="prdl_a" onclick="showP('+p+')" onmouseover="plOver('+p+',1)" onmouseout="plOut('+p+',1)">\n';
	T+='<div class="prdl_a_a"><img name="pr'+p+'l1" src="_gfx/ron.gif" width=14 height=12></div>\n';
	if (theLanguage=="DE") {
		T+='<div class="prdl_a_b">DOWNLOAD SCHLIE&szlig;EN</div>\n';
	} else {
		T+='<div class="prdl_a_b">CLOSE DOWNLOAD</div>\n';
	}
	T+='</div>\n';
			
	if (allLines[p][1][1].indexOf("http://")==-1) {
		T+='<div class="prdl_b" onclick="top.location.href=\'_projects/'+allLines[p][1][2]+'/'+allLines[p][1][1]+'\'" onmouseover="liOver('+p+',2)" onmouseout="liOut('+p+',2)">\n';
	} else {
		T+='<div class="prdl_b" onclick="top.location.href=\''+allLines[p][1][1]+'\'" onmouseover="liOver('+p+',2)" onmouseout="liOut('+p+',2)">\n';
	}

	T+='	<div class="prdl_b_a"><img name="pr'+p+'l2" src="_gfx/roff.gif" width="14" height="12"></div>\n';
	T+='	<div class="prdl_b_b">&nbsp;DOWNLOAD:&nbsp;&nbsp;<span id="li'+p+'" class="prdl_b_c">'+allLines[p][1][1]+'</span></div>\n';
	T+='</div>\n';
	
	T+='<div class="prdl_c"></div>\n'; // dummy damit der abstand unten gut ist zum naechsten projekt
	

	obj=getObj('p'+p);
	obj.innerHTML=T;
}

function writeText(p) {
	
	T='';

	T+='<img src="_gfx/v.gif" width=53 height=23><br>\n';

	T+='<div class="prt_a" onclick="showP('+p+')" onmouseover="plOver('+p+',1)" onmouseout="plOut('+p+',1)">\n';
	T+='	<div class="prt_a_a"><img name="pr'+p+'l1" src="_gfx/ron.gif" width=14 height=12></div>\n';
	if (theLanguage=="DE") {	
		T+='	<div class="prt_a_b">SCHLIE&szlig;EN</div>\n';
	} else {
		T+='	<div class="prt_a_b">CLOSE</div>\n';
	}
	T+='</div>\n';
			
	T+='<div class="prt_b"></div>\n'; 
			
	T+='<div class="pr_c" onmouseover="plOver('+p+',2)" onmouseout="plOut('+p+',2)">\n';
	T+='	<div class="pr_c_a"><img name="pr'+p+'l2" src="_gfx/roff.gif" width="14" height="12"></div>\n';
	if (theLanguage=="DE") {
		T+='	<div class="pr_c_b">TITEL:</div>\n';
	} else {
		T+='	<div class="pr_c_b">TITLE:</div>\n';
	}
	T+='	<div class="pr_c_c">'+allLines[p][1][0]+'</div>\n';
	T+='</div>\n';
	
	T+='<div class="prt_d" onmouseover="plOver('+p+',8)" onmouseout="plOut('+p+',8)">\n';
	T+='	<div class="prt_d_a"><img name="pr'+p+'l8" src="_gfx/roff.gif" width=14 height=12></div>\n';
	T+='	<div class="prt_d_b">TEXT:</div>\n';
	T+='	<div class="prt_d_c">'+allLines[p][1][1]+'</div>\n';
	T+='</div>\n';

	T+='<div class="prt_e"></div>\n';
		
	T+='<div class="prt_f" onclick="showP('+p+')" onmouseover="plOver('+p+',12)" onmouseout="plOut('+p+',12)">\n';
	T+='	<div class="prt_f_a" style="position:relative; left:7px; top:2px; padding:0px"><img name="pr'+p+'l12" src="_gfx/roff.gif" width=14 height=12></div>\n';
	if (theLanguage=="DE") {
		T+='	<div class="prt_f_b" style="position:relative; left:24px; top:-10px; padding:0px">SCHLIE&szlig;EN</div>\n';
	} else {
		T+='	<div class="prt_f_b" style="position:relative; left:24px; top:-10px; padding:0px">CLOSE</div>\n';
	}
	T+='</div>\n';

	obj=getObj('p'+p);
	obj.innerHTML=T;
}

function writeProject(p) {

	T='';

	T+='<img src="_gfx/v.gif" width=53 height=23><br>\n';

	T+='<div class="pr_a" onclick="showP('+p+')" onmouseover="plOver('+p+',1)" onmouseout="plOut('+p+',1)">\n';
	T+='	<div class="pr_a_a"><img name="pr'+p+'l1" src="_gfx/ron.gif" width=14 height=12></div>\n';
	if (theLanguage=="DE") {
		T+='	<div class="pr_a_b">PROJEKT SCHLIE&szlig;EN</div>\n';
	} else {
		T+='	<div class="pr_a_b">CLOSE PROJECT</div>\n';
	}
	T+='</div>\n';
			
	T+='<div class="pr_b"></div>\n'; 
			
	T+='<div class="pr_c" onmouseover="plOver('+p+',2)" onmouseout="plOut('+p+',2)">\n';
	T+='	<div class="pr_c_a"><img name="pr'+p+'l2" src="_gfx/roff.gif" width="14" height="12"></div>\n';
	if (theLanguage=="DE") {
		T+='	<div class="pr_c_b">TITEL:</div>\n';
	} else {
		T+='	<div class="pr_c_b">TITLE:</div>\n';
	}
	T+='	<div class="pr_c_c">'+allLines[p][1][0]+'</div>\n';
	T+='</div>\n';
			
	T+='<div class="pr_d" onmouseover="plOver('+p+',3)" onmouseout="plOut('+p+',3)">\n';
	T+='	<div class="pr_d_a"><img name="pr'+p+'l3" src="_gfx/roff.gif" width=14 height=12></div>\n';
	if (theLanguage=="DE") {
		T+='	<div class="pr_d_b">BESCHREIBUNG:</div>\n';
	} else {
		T+='	<div class="pr_d_b">DESCRIPTION:</div>\n';
	}
	T+='	<div class="pr_d_c">'+allLines[p][1][1]+'</div>\n';
	T+='</div>\n';
			
	T+='<div class="pr_e" onmouseover="plOver('+p+',4)" onmouseout="plOut('+p+',4)">\n';
	T+='	<div class="pr_e_a"><img name="pr'+p+'l4" src="_gfx/roff.gif" width=14 height=12></div>\n';
	T+='	<div class="pr_e_b">'+allLines[p][1][2]+'</div>';
	T+='</div>';

	T+='<div class="pr_f" onmouseover="plOver('+p+',5)" onmouseout="plOut('+p+',5)">\n';
	T+='	<div class="pr_f_a"><img name="pr'+p+'l5" src="_gfx/roff.gif" width=14 height=12></div>\n';
	if (theLanguage=="DE") {
		T+='	<div class="pr_f_b">AUFTRAGGEBER:</div>\n';
	} else {
		T+='	<div class="pr_f_b">CLIENT:</div>\n';
	}
	T+='	<div class="pr_f_c">'+allLines[p][1][3]+'</div>\n';
	T+='</div>';
			
	T+='<div class="pr_g" onmouseover="plOver('+p+',6)" onmouseout="plOut('+p+',6)">\n';
	T+='	<div class="pr_g_a"><img name="pr'+p+'l6" src="_gfx/roff.gif" width=14 height=12></div>\n';
	// ZEITRAUM:
	if (theLanguage=="DE") {
		T+='	<div class="pr_g_b"></div>\n';
	} else {
		// DATE:
		T+='	<div class="pr_g_b"></div>\n';
	}
	T+='	<div class="pr_g_c">'+allLines[p][1][4]+'</div>\n';
	T+='</div>\n';
			
	T+='<div class="pr_h" onmouseover="plOver('+p+',7)" onmouseout="plOut('+p+',7)">\n';
	T+='	<div class="pr_h_a"><img name="pr'+p+'l7" src="_gfx/roff.gif" width=14 height=12></div>\n';
	if (theLanguage=="DE") {
		T+='	<div class="pr_h_b">ZUSAMMENARBEIT:</div>\n';
	} else {
		T+='	<div class="pr_h_b">COOPERATION:</div>\n';
	}
	T+='<div class="pr_h_c">'+allLines[p][1][5]+'</div>\n';
	T+='</div>\n';

	T+='<div class="pr_i"></div>\n';
			
	T+='<div class="pr_j" onmouseover="plOver('+p+',8)" onmouseout="plOut('+p+',8)">\n';
	T+='	<div class="pr_j_a"><img name="pr'+p+'l8" src="_gfx/roff.gif" width=14 height=12></div>\n';
	T+='	<div class="pr_j_b">TEXT:</div>\n';
	T+='	<div class="pr_j_c">'+allLines[p][1][6]+'</div>\n';
	T+='</div>\n';
				
	T+='<div class="pr_k"></div>\n';
		
	//	PAGES		
	T+='<div style="z-index:21" class="pr_l" onmouseover="plOver('+p+',9)" onmouseout="plOut('+p+',9)">\n';

	//	DIE NACHSTEN STYLES DYNAMISCH ERRECHNEN, JE NACH ANZAHL DER PAGES
	
	tL=(macIE) ? 14:28;
	tT=(macIE) ? -1:2;

	T+='<div style="position:relative; left:'+tL+'px; top:'+tT+'px; width:178px; background-color:#D6D6D6; height:16px; overflow:hidden ; margin-top:1px; padding:0px">\n';
	T+='	<div style="position:relative; left:7px; top:2px; padding:0px"><img name="pr'+p+'l9" src="_gfx/roff.gif" width=14 height=12></div>\n';
	T+='	<div style="position:relative; left:24px; top:-10px; padding:0px"><span class="pr_design">DESIGN:</span></div>\n';
	T+='</div>\n';
	
	tL=(macIE) ? 193:207; // diff 14
	tT=(macIE) ? -16:-14; // diff 2

	T+='<div onclick="ppShow('+p+',1)" onmouseover="ppOver('+p+',1)" onmouseout="ppOut('+p+',1)" style="position:relative; left:'+tL+'px; top:'+tT+'px; width:104px; background-color:#D6D6D6; height:16px; overflow:hidden; padding:0px;cursor:pointer">\n';
	if (theLanguage=="DE") {
		T+='	<div style="position:relative; left:7px; top:2px; padding:0px"><span class="pr_pages">SEITE</span></div>\n';
	} else {
		T+='	<div style="position:relative; left:7px; top:2px; padding:0px"><span class="pr_pages">PAGE</span></div>\n';
	}
	pT=(safari) ? -12:-10;
	T+='		<div style="position:relative; left:60px; top:'+pT+'px; padding:0px"><img name="pr'+p+'p1" src="_gfx/ron.gif" width=14 height=12></div>\n';

	pT=(safari) ? -24:-22;
	T+='		<div style="position:relative; left:78px; top:'+pT+'px; padding:0px"><span class="pr_nummer">01</span></div>\n';
	T+='	</div>\n';
	
	tTop=(macIE) ? -16:-30;
	tLeft=(macIE) ? 298:312;

	if (allLines[p][1][7]>1) {
	

		for (i=2; i<=allLines[p][1][7]; i++) {
				tNum=(p<10) ? '0'+i:i;
				T+='<div onclick="ppShow('+p+','+i+')" onmouseover="ppOver('+p+','+i+')" onmouseout="ppOut('+p+','+i+')" style="position:relative; left:'+tLeft+'px; top:'+tTop+'px; width:50px; background-color:#D6D6D6; height:16px; overflow:hidden; padding:0px;cursor:pointer;">\n';
				T+='	<div style="position:relative; left:7px; top:2px; padding:0px"><img name="pr'+p+'p'+i+'" src="_gfx/roff.gif" width=14 height=12></div>\n';
				T+='	<div style="position:relative; left:26px; top:-10px; padding:0px"><span class="pr_nummer">'+tNum+'</span></div>\n';
				T+='</div>\n';
		
		tTop=(macIE) ? tTop:tTop-16;
		tLeft+=51;
		}
	}
	
	tM=(macIE) ? 14:0;
	T+='	<div style="position:relative; left:'+tLeft+'px; top:'+tTop+'px; width:'+(898-tLeft-tM)+'px; background-color:#D6D6D6; height:16px; overflow:hidden; padding:0px"></div>\n';
			
	T+='</div>\n';
	
	// checken ob project flash content enthaelt
	hasFlash=0;
	if (allLines[p][0]==1) {
		for (fl=0; fl<allLines[p][1][8].length; fl++) {
			if (allLines[p][1][8][fl][3].indexOf(".flv") != -1) {
				hasFlash=1;
			}
		}
	}
	T+='	<div id="pr'+p+'fla" style="position:relative; visibility:hidden; left:247px; top:19px; height:'+flashHeight+'px; width:840px; padding:0px; z-index:999">';
	if (hasFlash) {
		// flash player schreiben
		var flSerial='pr'+p+'flaID'+serialTimestamp
		flashPlayerIDs[flashPlayerIDs.length]=flSerial;
		var sample = new FlashTag("swf/mustervideoplayer05.swf", 640, 500, "7,0,0,0");
		sample.setFlashvars("lcId=" + flSerial);
		T+='<img src="_gfx/no.gif" width=1 height=10 border=0><br> '+sample;

	}
	T+='	</div>\n';
	


	T+='<div style="position:relative; left:28px; top:-'+(flashHeight-1)+'px; width:870px; background-color:#D6D6D6; height:16px; overflow:hidden;  padding:0px"></div>\n';	
	//T+='<div class="pr_m"></div>\n';
		
	// SAMPLES dynamisch errechnen, hoehe von bild einbeziehen !!!

	// [8] array mit [filename kleines bild, width kleines bild, height kleines bild, filename grosses bild, width grosses bild, height grosses bild]
	tKleinFN1=allLines[p][1][8][0][0]
	tKleinW1=allLines[p][1][8][0][1]
	tKleinH1=allLines[p][1][8][0][2]
	tBigFN1=allLines[p][1][8][0][3]
	tBigW1=allLines[p][1][8][0][4]
	tBigH1=allLines[p][1][8][0][5]
	
	if (allLines[p][1][8].length>1) {
		tKleinFN2=allLines[p][1][8][1][0]
		tKleinW2=allLines[p][1][8][1][1]
		tKleinH2=allLines[p][1][8][1][2]
		tBigFN2=allLines[p][1][8][1][3]
		tBigW2=allLines[p][1][8][1][4]
		tBigH2=allLines[p][1][8][1][5]
		tH=Math.max(tKleinH1, tKleinH2);
		onlyOne=0;
	} else {
		tH=tKleinH1;
		onlyOne=1; // nur ein bild
	}

	
	// layer 8px hoeher als groesstes bild
	tH+=8;
	
	tL=(macIE) ? -14:0;
	tT=-flashHeight; // !changed

	T+='<div id="pr'+p+'pp" style="position:relative; left:'+tL+'px; top:'+tT+'px; width:910px; height:'+(tH+3)+'px; overflow:hidden" onmouseover="plOver('+p+',10)" onmouseout="plOut('+p+',10)">\n';
	
	// pfeil der beim grossen bild erscheint
	T+='	<div id="pr'+p+'pf" style="position:relative; visibility:hidden; left:-2px; top:2px; height:22px; width:29px; padding:0px"><img src="_gfx/bpa.gif" width=29 height=22></div>\n';
	
	// schatten der beim grossen bild erscheint
	T+='	<div id="pr'+p+'sh" style="position:relative; visibility:hidden; left:28px; top:-20px; height:7px; width:840px; padding:0px; z-index:1000"><img src="_gfx/shw.gif" width=840 height=7></div>\n';

	// erster block
	tTop=-27;
	T+='<div id="pr'+p+'pp_a" style="position:relative; left:28px; top:'+tTop+'px; height:'+tH+'px; width:178px; background-color:#D6D6D6; padding:0px;">\n';
	T+='	<div id="pr'+p+'pb" style="position:relative; left:7px; top:2px; padding:0px"><img name="pr'+p+'l10" src="_gfx/roff.gif" width=14 height=12></div>\n';
	T+='</div>\n';
			
	// BILD 1
	tLeft=207;

	tTop=tTop-tH; 

	tCur=(tBigFN1=='') ? '':'cursor:pointer; ';
	tMargTop=(docAll) ? 'margin-top:0px; ':''; // stupid IE

	
	T+='<div onclick="bPic('+p+', 1)" id="pr'+p+'pp_b" style="'+tMargTop+'position:relative; left:'+tLeft+'px; top:'+tTop+'px;'+tCur+'background-color:#D6D6D6; height:'+tH+'px; width:'+(tKleinW1+6)+'px; padding:0px">\n';
	// PIC 1
	//T+='	<img name="pr'+p+'i1" src="_projects/'+allLines[p][1][9]+'/'+tKleinFN1+'" width='+tKleinW1+' height='+tKleinH1+' vspace=3 hspace=3>\n';
	T+='	<img name="pr'+p+'i1" src="_gfx/no.gif" width='+tKleinW1+' height='+tKleinH1+' vspace=2 hspace=3>\n';
	T+='</div>\n';

	if (!onlyOne) {
		//	2 BILDER

		tTop=(macIE) ? tTop-tH+27+16:tTop-tH;
		tLeft+=1+tKleinW1+6;
		
		//  TRENNER 
		T+='<div id="pr'+p+'pp_c" style="position:relative; left:'+tLeft+'px; top:'+tTop+'px; background-color:#D6D6D6; height:'+tH+'px; width:20px; padding:0px"></div>\n';
				
		// BILD 2
		tRestW=870-178-(tKleinW1+6)-3-20
		tLeft+=20+1;
		tTop=(macIE) ? tTop:tTop-tH;
		tCur=(tBigFN2=='') ? '':'cursor:pointer; ';

		T+='	<div onclick="bPic('+p+', 2)" id="pr'+p+'pp_d" style="position:relative; left:'+tLeft+'px; top:'+tTop+'px;'+tCur+' background-color:#D6D6D6; height:'+tH+'px; width:'+tRestW+'px; padding:0px">\n';
		// PIC 2
		//T+='		<img name="pr'+p+'i2" src="_projects/'+allLines[p][1][9]+'/'+tKleinFN2+'" width='+tKleinW2+' height='+tKleinH2+' vspace=3 hspace=3>\n';
		T+='		<img name="pr'+p+'i2" src="_gfx/no.gif" width='+tKleinW2+' height='+tKleinH2+' vspace=2 hspace=3>\n';
		
		T+='	</div>\n';
		T+='</div>\n';
	
	} else {
		// 1 bild -> trenner langziehen und bild2 flaeche unsichtbar
		
		// trenner neu positionieren
		tTop-=tH;
		tLeft+=1+tKleinW1+6;
		tRestW=870-178-(tKleinW1+6)-3+1

		//  TRENNER 
		T+='<div id="pr'+p+'pp_c" style="position:relative; left:'+tLeft+'px; top:'+tTop+'px; background-color:#D6D6D6; height:'+tH+'px; width:'+tRestW+'px; padding:0px"></div>\n';
				
		// BILD 2 .. nur dummy
		tLeft-=100;
		tTop-=tH;

		T+='	<div id="pr'+p+'pp_d" style="position:relative; visibility:hidden; left:'+tLeft+'px; top:'+tTop+'px; background-color:#D6D6D6; height:'+tH+'px; width:20px; padding:0px">\n';
		T+='		<img name="pr'+p+'i2" src="_gfx/no.gif" width=1 height=1 vspace=3 hspace=3>\n';
		T+='	</div>\n';
		T+='</div>\n';
		
		

	}
	
	//T+='<div class="pr_n" onmouseover="plOver('+p+',11)" onmouseout="plOut('+p+',11)">\n'; // !changed
	T+='<div style="position:relative; left:28px; top:-'+flashHeight+'px; width:870px; background-color:#D6D6D6; height:16px; overflow:hidden; padding:0px" onmouseover="plOver('+p+',11)" onmouseout="plOut('+p+',11)">\n';
	T+='	<div class="pr_n_a"><img name="pr'+p+'l11" src="_gfx/roff.gif" width=14 height=12></div>\n';

	tTxt=getClickText(tBigFN1, tBigFN2);

	T+='	<div class="pr_n_b"><span id="pr'+p+'cl" class="pr_clickon">'+tTxt+'</span></div>\n';
	T+='</div>\n';
	
	tempMMM=(docAll) ? "0":"1";
	T+='<div style="margin-bottom:'+tempMMM+'px; top:-'+(flashHeight-1)+'px" class="pr_o"></div>\n';
	
	
	T+='<div style="margin-bottom:-'+(flashHeight)+'px; top:-'+(flashHeight-2)+'px" class="pr_p" onclick="scrollBackToLine('+p+'); showP('+p+')" onmouseover="plOver('+p+',12)" onmouseout="plOut('+p+',12)">\n';
	T+='	<div class="pr_p_a" style="position:relative; left:7px; top:2px; padding:0px"><img name="pr'+p+'l12" src="_gfx/roff.gif" width=14 height=12></div>\n';
	if (theLanguage=="DE") {
		T+='	<div class="pr_p_b">PROJEKT SCHLIE&szlig;EN</div>\n';
	} else {
		T+='	<div class="pr_p_b">CLOSE PROJECT</div>\n';
	}
	T+='</div>\n';

	obj=getObj('p'+p);
	obj.innerHTML=T;

	activatePage(p,1)


}

function scrollBackToLine(p) {
	// scrollen zur zeile
	tY=findPosY(getObj('l'+p));
	
	window.scrollTo(0, tY-10); 
	/*cypos = getTheYPos();
	desty=tY-10;
	ss_stepsize = parseInt((desty - cypos) / 10);
	ss_INTERVAL = setInterval('ss_scrollWindow(' + ss_stepsize + ', ' + desty +' )', 10)*/

}

function writeGateways() {
	for (i=0; i<flashPlayerIDs.length; i++) {
		flashGateways[i] = new FlashProxy(flashPlayerIDs[i], "swf/JavaScriptFlashGateway.swf");
	}
}