var buttMarkFlag=1
		var startFlag=false
		var projFlag=0
		var projects=new Array()
		
		projects[0]=new projItem("Airest - Haubenverleihung","proj_airest","2002","","",1)
		projects[1]=new projItem("Austria Tabak","proj_at","2001","","",1)
		projects[2]=new projItem("Bank Austria","proj_ba","1999","","",1)
		projects[3]=new projItem("Billa","proj_billa","2001","","http://www.billa.at",1)
		projects[4]=new projItem("CAIBON","proj_caibon","2000","","",1)
		projects[5]=new projItem("Casinos","proj_casinos","2002","","http://www.casinos.at",1)
		projects[6]=new projItem("Deutsche Bank","proj_db","1999","","",1)
		projects[7]=new projItem("Deutsche Krebsgesellschaft","proj_dkg","2001","","http://www.krebsgesellschaft.de",1)
		projects[8]=new projItem("Earn-e","proj_earne","2001","","http://www.earne.at",1)
		projects[9]=new projItem("Ecoplus","proj_ecoplus","1998","","http://www.ecolpus.co.at",1)
		projects[10]=new projItem("Ergee","proj_ergee","2001","","http://www.ergee.at",1)
		projects[11]=new projItem("EVN","proj_evn","1997","","http://www.evn.at",1)
		projects[12]=new projItem("Hanro","proj_hanro","2000","","http://www.hanro.com",1)
		projects[13]=new projItem("Jet2Web","proj_j2w","2001","","http://www.aon.at",1)
		projects[14]=new projItem("Jet / Conoco","proj_jet","2002","","",1)
		projects[15]=new projItem("Kleine Zeitung","proj_klzeitung","2002","","http://www.kleinezeitung.at",1)
		projects[16]=new projItem("Memphis Airbase","proj_memphis","2001","","http://www.memphis-airbase.at",1)
		projects[17]=new projItem("Nofrontiere 2003","proj_nofro","2003","","http://www.nofrontiere.com",1)
		projects[18]=new projItem("Novartis","proj_novartis","2003","","",1)
		projects[19]=new projItem("OMV","proj_omv","2000","","http://www.omv.at",1)
		projects[20]=new projItem("Die Presse","proj_presse","2001","","http://www.diepresse.at",1)
		projects[21]=new projItem("Prisma","proj_prisma","2002","","",1)
		projects[22]=new projItem("Salzburg 2010","proj_salzburg2010","2002","","http://www.salzburg-2010.at",1)
		projects[23]=new projItem("Spängler Bank","proj_spaengler","2001","","http://www.spaengler.co.at",1)
		projects[24]=new projItem("Supermag","proj_supermag","2003","","http://www.supermag.at",1)
		projects[25]=new projItem("Swarovki Kristallwelten","proj_swarovski","1999","","http://www.kristallwelten.com/",1)
		projects[26]=new projItem("Thiel Logistik","proj_thiel","2002","","http://www.thiel-logistik.com",1)
		projects[27]=new projItem("T-Mobile","proj_tmobile","2002","","",1)
		projects[28]=new projItem("Technisches Museum Wien","proj_tmw","2003","","http://www.tmw.at",1)
		projects[29]=new projItem("Unisys Austria","proj_unisys","1999","","http://www.unisys.co.at",1)
		
		projects[30]=new projItem("Brand Logic","proj_brand","2002","input: asp, html, css","http://www.institute-brandlogic.com",2)
		projects[31]=new projItem("Checkpoint Dispatching","proj_check","2003","input: asp, html, css, design","http://3point.check-point.at",2)
		projects[32]=new projItem("Dotnetexperts","proj_dotnet","2002","input: design, html, css","http://www.dotnetexperts.at",2)
		projects[33]=new projItem("Explore","proj_explore","2002","input: asp, html, css, javascript","http://www.explore.at/",2)
		projects[34]=new projItem("INDEED!","proj_indeed","2001","input: design, asp, html, css, javascript","http://www.indeed.at",2)
		projects[35]=new projItem("Lenai & Linai","proj_lenai","2001","input: asp, html, css, javascript","http://www.lenai-linai.com",2)
		projects[36]=new projItem("Mayr & Fessler","proj_mar","2003","input: asp, html, css, javascript","http://www.mayr-fessler.at",2)
		projects[37]=new projItem("Vino Web","proj_vino","2000","input: asp, html, css, javascript","http://www.vino-web.com",2)
		projects[38]=new projItem("Wien Web","proj_ww","2002","input: html, css, javascript","http://www.wienweb.at",2)
		projects[39]=new projItem("Liber Novus","proj_liber","2003","input: design, asp, html, css, javascript","http://www.libernovus.at",2)
		projects[40]=new projItem("Musterhauspark Eugendorf","proj_muster","1998","input: design, html, css, javascript","scs(\"muster\")",2)
		projects[41]=new projItem("OEVP Wien","proj_oevp","2003","input: design, html, css, javascript, streaming video","scs(\"oevp\")",2)
		projects[42]=new projItem("Techtalk","proj_tt","2001","input: html, css, javascript","http://www.techtalk.at",2)
		projects[43]=new projItem("AUVA - LunchNet","proj_auva","2002","input: design, html, css, javascript","scs(\"lunch\")",2)
		projects[44]=new projItem("Newjob.de","proj_newjob","1998","input: php, html, javascript","",2)
		projects[45]=new projItem("WienwebPlus","proj_wienwebplus","2000","input: html, css, javascript","http://www.wienwebplus.at",2)
		projects[46]=new projItem("Die gesundheitspraxis","proj_gp","2003","under development<br>input: design, html, css, javascript","",2)
		
		
		
		projects[47]=new projItem("Opel","proj_opel","2004","input: design, asp, html, css, java","",3)
		projects[48]=new projItem("Oeglb","proj_oeglb","2004","input: design, asp, html, css","http://www.gehoerlosenbund.at",3)
		projects[49]=new projItem("ActiveAd","proj_aa","2004","input: design, asp, html, css, sql","",3)
		projects[50]=new projItem("AuryGolf","proj_ag","2004","input: konzeptstudie","",3)
		projects[51]=new projItem("Gerald Preinfalk","proj_prein","2004","input: asp, html, css","http://www.gerald-preinfalk.at",3)
		projects[52]=new projItem("Kohlenhandel Rothauer","proj_roth","2004","input: design, asp, html, css","http://www.kohlenhandel.at",3)
		projects[53]=new projItem("Thales","proj_thales","2004","input: design","",3)
		projects[54]=new projItem("TTA-Group","proj_tta","2004","input: html, css","",3)
		projects[55]=new projItem("TTControl","proj_ttc","2004","input: html, css","",3)
		projects[56]=new projItem("YoungPROs","proj_yp","2004","input: asp,html, css","",3)
		projects[57]=new projItem("ART for ART HOUSE","proj_a4a","2005","input: design, asp, xhtml, css","http://www.artforarthouse.at",3)
		projects[58]=new projItem("Attensam","proj_att","2005","input: xhtml, css","http://www.attensam.com",3)
		projects[59]=new projItem("Bluedanube Media","proj_bdm","2005","input: desig, asp, xhtml, css","http://www.bluedanubemedia.com",3)
		projects[60]=new projItem("EAK Austria","proj_eak","2005","input: design, asp, xhtml, css","http://www.eak-austria.at",3)
		projects[61]=new projItem("Exact International","proj_exact","2005","input: website bewertung","",3)
		projects[62]=new projItem("MAZDA Hahn","proj_hahn","2005","input: design","",3)
		projects[63]=new projItem("Servicezentrum OEGS Barrierefrei","proj_oegs","2005","input: flash, asp, xhtml, css","http://www.oegsbarrierefrei.at",3)
		projects[64]=new projItem("One Night for Asia","proj_onfa","2005","input: design, asp, xhtml, css","http://onenightforasia.indeed.at",3)
		projects[65]=new projItem("Verband Freiberufliche Physiotherapeuten Salzburg","proj_physs","2005","input: design, produktion","",3)
		projects[66]=new projItem("SAAB","proj_saab","2005","input: design, asp, xhtml, css","",3)
		projects[67]=new projItem("Spirit Of Ski","proj_sos","2005","input: asp, xhtml, css","http://www.spiritofski.com",3)
		projects[68]=new projItem("UCM-Verlag","proj_ucm","2005","input: design, asp, xhtml, css","http://www.ucm-verlag.at",3)
		projects[68]=new projItem("Atmosys","proj_atmos","2005","input: design, asp, xhtml, css","",3)
		
		projects[69]=new projItem("Susanna & Stephan","proj_susste","2005","input: design, html, css, javascript","http://www.bachwinkel.at/yes",2)
		function projItem(argName,argPic,argYear,argDescr,argUrl,argStatus){
			this.argName=argName
			this.argPic=argPic
			this.argYear=argYear
			this.argDescr=argDescr
			this.argUrl=argUrl
			this.argStatus=argStatus
		}
		
		function buttOver(aktPic){
			document.getElementById('pic' + aktPic).style.left='6px'
			document.getElementById('pic' + aktPic).style.top='6px'
			document.getElementById('projName').innerHTML="&mdash;&gt;&nbsp;" + projects[aktPic-1].argName
		}
	
		function buttOut(aktPic){
			if (aktPic==buttMarkFlag && startFlag) return
			document.getElementById('pic' + aktPic).style.left='0px'
			document.getElementById('pic' + aktPic).style.top='0px'
		}
		
		function buttMark(aktPic){
			startFlag=true
			if (buttMarkFlag!=0){
			document.getElementById('pic' + buttMarkFlag).style.left='0px'
			document.getElementById('pic' + buttMarkFlag).style.top='0px'
			}
			document.getElementById('pic' + aktPic).style.left='6px'
			document.getElementById('pic' + aktPic).style.top='6px'
			buttMarkFlag=aktPic
			document.getElementById('pic' + aktPic).parentNode.blur()
			dStr= "<div id='projDescr'><b>" + projects[aktPic-1].argName + "</b>"
			dStr=dStr + "<br>" + projects[aktPic-1].argDescr + "<br>"
			dStr=dStr + projects[aktPic-1].argYear + "<br>"
			if (projects[aktPic-1].argUrl.indexOf("scs")==-1) dStr= dStr +  "<a href='" + projects[aktPic-1].argUrl + "' target='_blank'>" + projects[aktPic-1].argUrl + "</a>"
			else dStr=dStr +"<a href='javascript:" + projects[aktPic-1].argUrl + "'>screenshots</a>"
			dStr=dStr + "</div>"
			document.getElementById('projDescrContainer').innerHTML=dStr
		}
		
		
		function scs(proj){theWindow=window.open('detail.asp?proj='+proj,'detail', 'width=360, height=400, scrollbars=yes, topmargin=0')}
		function compareYearDesc(a,b) { return  b.argYear - a.argYear}
		function compareYearAsc(a,b) { return  a.argYear -b.argYear}
		function compareNameAsc(a,b) {if(a.argName > b.argName) {return 1 }; 	if(a.argName < b.argName) {return -1 };return 0 ;}
		function compareNameDesc(a,b) { if(a.argName > b.argName){ return -1 }; if(a.argName < b.argName){ return 1 }; return 0 ;}

		projects.sort(compareNameAsc);

		function writeProjects(projFlag){
			startFlag=false
			buttMarkFlag=0
			projStr='<table border="0" cellpadding="0" cellspacing="10" style="float:left;">'
			myCount=0;
			for(i=0;i<projects.length;i++){
				if(projects[i].argStatus==projFlag){
					if (myCount==0)projStr+="<tr>"
					
					projStr+='<td class="projtd"><a href="#" onmouseover="buttOver(' + (i+1) + ')"  onmouseout="buttOut(' + (i+1) + ')" onclick="buttMark(' + (i+1) + ')"><img src="' + projects[i].argPic + '.gif" width="60" height="60" alt="" border="0" id="pic' + (i+1) + '" class="proj"></td>'
					myCount++
					if (myCount==5){ projStr+="</tr>";myCount=0}
				}
			}
			projStr+='</table>'
			document.getElementById('projContainer').innerHTML=projStr
		}