var pictureIndex = 1

function changeWhite(image) {
	//alert("we are here")
	image.style.borderColor="white"
	//alert(pictureIndex)
}

function changeBlack(image) {
	//alert("we are here")
	image.style.borderColor="black"
	//alert(pictureIndex)
}

function changeWeddingImage(image) {
	//alert(image.name)
	document.pageImage.src = "images/wedding/" + image.name + ".jpg"
	//pictureIndex = parseInt(image.name)
	pictureIndex = image.indexOf()
	//alert(document.pageImage.src.toString()
}

function changePortraitImage(image) {
	//alert(image.name)
	document.pageImage.src = "images/" + image.name + ".jpg"
	//alert(document.pageImage.src.toString())
}

function changeJournalismImage(image) {
	//alert(image.name)
	document.pageImage.src = "images/journalism/" + image.name + ".jpg"
	//alert(document.pageImage.src.toString())
}

function plusImage() {

	if (pictureIndex == (ImgArray.length-1)) {
		alert("Sorry, there are no more pictures in this direction.  Please try going backward.")
	} else {
		pictureIndex = pictureIndex + 1
		document.pageImage.src = ImgArray[pictureIndex].src
	}	
}
		
function minusImage() {

	if (pictureIndex == 1) {
		alert("Sorry, there are no more pictures in this direction.  Please try going forward.")
	} else {
		pictureIndex = pictureIndex - 1
		document.pageImage.src = ImgArray[pictureIndex].src
	}
}


// scripts for utilizing layered pop-up window - - see test_popup.html for usage
function hideLayer(obj){

	//added by Jeff to show select boxes if pop up is over a form
   if(!this.sel){
      this.sel=document.getElementsByTagName("SELECT")
		  this.sel.level=0
    }
    var sel=this.sel
    for(i=0;i<sel.length;i++){
		sel[i].style.visibility="visible"
	}
	document.getElementById(obj).className = (document.getElementById(obj).className=='hide') ? 'show' : 'hide';
}

function showLayer(obj, w, h, x, y){
	document.getElementById(obj).className = 'show';
	document.getElementById(obj).style.width = w
	document.getElementById(obj).style.height = h
	document.getElementById(obj).style.top = x
	document.getElementById(obj).style.left = y	
	//added by Jeff to hide select boxes if pop up is over a form
	x = 0;//document.getElementById(obj).top;
	y = 0;//document.getElementById(obj).left;
	l = 1;
	pm = document.getElementById(obj);
	
   if(!this.sel){
      this.sel=document.getElementsByTagName("SELECT")
		  this.sel.level=0
    }
    var sel=this.sel
    for(i=0;i<sel.length;i++){
			selx=0; sely=0; var selp;
			if(sel[i].offsetParent) {
			   selp=sel[i]; 
			   while(selp.offsetParent) {
			     selp=selp.offsetParent; selx+=selp.offsetLeft; sely+=selp.offsetTop;
			    }
			}
			
			selx+=sel[i].offsetLeft; sely+=sel[i].offsetTop
			selw=sel[i].offsetWidth; selh=sel[i].offsetHeight		
				
			if(selx+selw>x && selx<x+w && sely+selh>y && sely<y+h){
				if(sel[i].style.visibility!="hidden"){
				   sel[i].level=l; sel[i].style.visibility="hidden"; 
				     if(pm) { 
					    if(!pm.mout) pm.mout=""; pm.mout+=this.name+".sel["+i+"].style.visibility='visible';"
						}
				}
      }
	}

}