// JavaScript Document


function init(){
	var thumbnails = document.getElementById("thumbnails");
	var thumbString = "";
	for (x=1;x<=totalProjects;x++){
		if (x<10){x="0"+String(x);}
		//thumbString = thumbString +"<a href='#' onClick='projectNum=\""+String(x)+"\";setImageNav(proj"+String(x)+"_imgNum);changeImage(1);' onMouseOver=\"MM_swapImage('thumb01','','gfx/art/mc/thumbs/thumb_mc01_hi.jpg',1)\" onMouseOut='MM_swapImgRestore()'><img src='gfx/art/mc/thumbs/thumb_mc"+String(x)+".jpg' border='0' width='63' height='63' name='thumb01' /></a>";
		//thumbString = thumbString +"<a href='#' onClick='projectNum=\""+String(x)+"\";setImageNav(proj"+String(x)+"_imgNum);changeImage(1);'><img src='gfx/art/mc/thumbs/thumb_mc"+String(x)+".jpg' border='0' width='63' height='63' name='thumb"+String(x)+"'/></a>";	
		thumbString = thumbString +"<a href='#' onClick='projectNum=\""+String(x)+"\";setImageNav(proj"+String(x)+"_imgNum);changeImage(1);currentImgNum=1;return(false);' onMouseOver=\"MM_swapImage('thumb"+x+"','','gfx/art/"+imageSection+"/thumbs/thumb_"+imageSection+String(x)+"_hi.jpg',1)\" onMouseOut='MM_swapImgRestore()'><img name='thumb"+x+"' id='thumb"+x+"' src='gfx/art/"+imageSection+"/thumbs/thumb_"+imageSection+String(x)+".jpg' border='0' width='63' height='63' /></a>";
	}

	thumbnails.innerHTML=thumbString;
	setImageNav(proj01_imgNum);
	changeImage(1);
	changeText("01");
}

function testSwapImage(imageId){
	var imageId = document.getElementById(imageId);
	imageId.src = "gfx/art/"+imageSection+"/thumbs/thumb_"+imageSection+"01_hi.jpg";
}


function setImageNav(numOfImgs){
	var imageNumbers=document.getElementById("imageNumbers");
	var navItemString ="";
	for(x=1;x<=numOfImgs;x++){
		navItemString = navItemString+"<a href='#' onClick='currentImgNum="+x+";changeImage("+x+");return(false);'><div id='imgNum"+x+"'>"+x+"</div></a>";
	}
	imageNumbers.innerHTML=navItemString;
	var firstNum = document.getElementById("imgNum1");
	firstNum.className="sel";
}

function changeImage(imgNumber){

	if(imgNumber<10){imgNumber="0"+String(imgNumber);}
	var mainImg=document.getElementById("mainImageContainer");

	eval("var imgPath = 'gfx/art/"+imageSection+"/"+imageSection+"-"+projectNum+"-"+imgNumber+"_main.jpg'");
	mainImg.firstChild.src=imgPath;
	
	// Check to see if there is a detail image
	var imgDet1Txt = eval("proj"+projectNum+"_detailA"+imgNumber);
	// If there isn't a detail image, hide the detail imgage div
	if(imgDet1Txt=="noimage"){
		document.getElementById("imageDetailColumn").style.display="none";
		}
	else {
		document.getElementById("imageDetailColumn").style.display="";
		var detImg1=document.getElementById("imageDetail1");
		eval("detImg1.firstChild.src='gfx/art/"+imageSection+"/"+imageSection+"-"+projectNum+"-"+imgNumber+"-01_det.jpg'");
	}
	
	var detImg2=document.getElementById("imageDetail2");
	eval("detImg2.firstChild.src='gfx/art/"+imageSection+"/"+imageSection+"-"+projectNum+"-"+imgNumber+"-02_det.jpg'");
	//if (detImg2.firstChild.width==1){detImg2.firstChild.style.border=0;}
	//else {detImg2.firstChild.style.border=1;detImg2.firstChild.style.borderColor=000000;}

	var selectedNumID=String("imgNum"+String(Number(imgNumber)));
	var selectedNum=document.getElementById(selectedNumID);
	
	var imageNumbers=document.getElementById("imageNumbers");
	var eachNum = imageNumbers.getElementsByTagName("div");
	for(x=0;x<eachNum.length;x++){
		eval("eachNum["+x+"].className=''");
	}
	selectedNum.className="sel";
	
	var firstNum = document.getElementById("imgNum1");
	var leftArrow = document.getElementById("leftImgArrow");
	if(firstNum.className=="sel"){
		leftArrow.innerHTML="<img src='gfx/arrow_left_disabled.gif' border='0' name='arrow_lt'/>";
	}
	else{
		leftArrow.innerHTML="<a href='#' onMouseOver='MM_swapImage(\"arrow_lt\",\"\",\"gfx/arrow_left_ro.gif\",1)' onMouseOut='MM_swapImgRestore()' onClick='arrowNav(\"goback\");return(false);'><img src='gfx/arrow_left.gif' border='0' name='arrow_lt' /></a>";
	}
	
	eval("var lastNum = document.getElementById('imgNum"+eachNum.length+"')");
	var rightArrow = document.getElementById("rightImgArrow");
	if(lastNum.className=="sel"){
		rightArrow.innerHTML="<img src='gfx/arrow_right_disabled.gif' border='0' name='arrow_rt'/>";
	}
	else{
		rightArrow.innerHTML="<a href='#' onMouseOver='MM_swapImage(\"arrow_rt\",\"\",\"gfx/arrow_right_ro.gif\",1)' onMouseOut='MM_swapImgRestore()' onClick='arrowNav(\"advance\");return(false);'><img src='gfx/arrow_right.gif' border='0' name='arrow_rt' /></a>";
	}
	//changeWidth(mainImg);
	changeText(imgNumber);
}

function changeWidth(mainImg){
	if (mainImg.firstChild.width<265){
		mainImg.style.width=255;
	}
	else {mainImg.style.width=402;}
}

function changeText(imgNumber){
	var title = document.getElementById("title");
	title.innerHTML=eval("proj"+projectNum+"_title"+imgNumber);
	
	var date = document.getElementById("date");
	date.innerHTML=eval("proj"+projectNum+"_date"+imgNumber);
	
	var imageDetail1Txt = document.getElementById("imageDetail1Txt");
	imageDetail1Txt.innerHTML=eval("proj"+projectNum+"_detailA"+imgNumber);
	
	var imageDetail2Txt = document.getElementById("imageDetail2Txt");
	imageDetail2Txt.innerHTML=eval("proj"+projectNum+"_detailB"+imgNumber);	

	var description = document.getElementById("description");
	description.innerHTML=eval("proj"+projectNum+"_desc"+imgNumber);	
}

function arrowNav(whichDir){
	if (whichDir=="goback"){
		currentImgNum = currentImgNum-1;
		changeImage(currentImgNum);
	}
	else {
		currentImgNum = currentImgNum+1;
		changeImage(currentImgNum);
	}
	
	
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}