var idx;
var captionNote = "sdf";
var imgCaptions2 = new Array("SIGGRAPH 2008 | Slow Art Juried Exhibition, Los Angeles, USA", 
							  "SIGGRAPH 2008 | Slow Art Juried Exhibition, Los Angeles, USA", 
							  "SIGGRAPH 2008 | Slow Art Juried Exhibition, Los Angeles, USA",
							  "Ars Electronica Center, Permanent exhibition, 2009 Linz, Austria",
							  "Ars Electronica Center, Permanent exhibition, 2009 Linz, Austria",
							  "Ars Electronica Center, Permanent exhibition, 2009 Linz, Austria",
							  "Ars Electronica Center, Permanent exhibition, 2009 Linz, Austria",
							  "Ars Electronica Center, Permanent exhibition, 2009 Linz, Austria",
							  "Ars Electronica Center, Permanent exhibition, 2009 Linz, Austria",
							  "Japan Media Arts Festival Juried Exhibition, 2009 Tokyo, Japan",
							  "Japan Media Arts Festival Juried Exhibition, 2009 Tokyo, Japan",
							  "Japan Media Arts Festival Juried Exhibition, 2009 Tokyo, Japan",
							  "Japan Media Arts Festival Juried Exhibition, 2009 Tokyo, Japan"
							  );
var imgCaptions1 = new Array("Oasis I - sand, UCLA Broad Art Center, Los Angeles, USA",
							  "Oasis I - sand, UCLA Broad Art Center, Los Angeles, USA",
							  "Oasis I - sand, UCLA Broad Art Center, Los Angeles, USA",
							  "Demo of OASIS software structure",
							  "Oasis I - water, UCLA Broad Art Center, Los Angeles, USA",
							  "Oasis I - water, UCLA Broad Art Center, Los Angeles, USA",
							  "Oasis I - water, UCLA Broad Art Center, Los Angeles, USA",
							  "Oasis I - water, UCLA Broad Art Center, Los Angeles, USA"
							   );

function changeImg(element, id) 
{
	idx = 'imgs/'+element+'_'+id+'.jpg';
	document.getElementById("img"+element).src = idx;
	document.getElementById("imgCaption"+element).innerHTML= eval("imgCaptions"+element+"[id-1]");
	if(element == 2){
		for(i=1; i< 14; i++){
			document.getElementById("num2_"+i).style.fontWeight ='normal';
			document.getElementById("num2_"+i).style.fontSize ='12px';
			document.getElementById("num2_"+i).style.color ='#666666';
			
		}
		document.getElementById("num2_"+id).style.fontWeight ='bold';
		document.getElementById("num2_"+id).style.color ='red';
	}
	
	else{
		for(i=1; i< 9; i++){
			document.getElementById("num1_"+i).style.fontWeight ='normal';
			document.getElementById("num1_"+i).style.fontSize ='12px';
			document.getElementById("num1_"+i).style.color ='#666666';
		}
		document.getElementById("num1_"+id).style.fontWeight ='bold';
		document.getElementById("num1_"+id).style.color ='red';
	}
}