//SETUP PHOTO GALLERIES AND CROSS FADING FUNCTIONS
//Initialize instance arrays and variables
var cImageArray = new Array("casual1.jpg","casual2.jpg","casual3.jpg","chicks.jpg");
var curr_c = cImageArray.length -2;
var oImageArray = new Array("sports1.jpg","sports2.jpg","sports3.jpg","sports4.jpg","chicks.jpg");
var curr_o = oImageArray.length -2;
var pImageArray = new Array("poster1.jpg","poster2.jpg","poster3.jpg","chicks.jpg");
var curr_p = pImageArray.length -2;
var dImageArray = new Array("decor1.jpg","decor2.jpg","decor3.jpg","decor4.jpg","chicks.jpg");
var curr_d = dImageArray.length -2;
var FADE_INTERVAL = 75;
var MAX_OPACITY = 400;
var op1=400;op2=420;op3=420;op4=440;
function initPhotos() {
//Setup inner HTML of photo galleries
//OBR photo image gallery
 mHTML = "Oviedo Babe Ruth<br/>";
 for(i=0;i<oImageArray.length;i++){mHTML+='<img id="oimage'+i+'" src="images/' + oImageArray[i] +'" alt="...">';}
 dom_obj = document.getElementById("OBR");
 dom_obj.innerHTML = mHTML;
//Casual photo image gallery
 mHTML="Casual Candid Photo Sessions<br/>";
 for(i=0;i<cImageArray.length;i++){mHTML+='<img id="cimage'+i+'" src="images/' + cImageArray[i] +'" alt="..." >'; }
 dom_obj = document.getElementById("Casual");
 dom_obj.innerHTML = mHTML;
//Poster photo image gallery
 mHTML="Custom Posters & Photobooks<br/>";
 for(i=0;i<cImageArray.length;i++){mHTML+='<img id="pimage'+i+'" src="images/' + pImageArray[i] +'" alt="..." >'; }
 dom_obj = document.getElementById("Poster");
 dom_obj.innerHTML = mHTML;
//Decor photo image gallery
 mHTML="Prints for Home Decor<br/>";
 for(i=0;i<dImageArray.length;i++){mHTML+='<img id="dimage'+i+'" src="images/' + dImageArray[i] +'" alt="..." >'; }
 dom_obj = document.getElementById("Decor");
 dom_obj.innerHTML = mHTML;
//Set the opacity of the last picture to 0 to hide it, but it will still be the picture somebody
//copies if they right click
 set_opacity(0,document.getElementById("oimage"+(oImageArray.length-1)));
 set_opacity(0,document.getElementById("cimage"+(cImageArray.length-1)));
 set_opacity(0,document.getElementById("pimage"+(pImageArray.length-1)));
 set_opacity(0,document.getElementById("dimage"+(dImageArray.length-1)));
//Start the timer to cross fade every FADE_INTERVAL milliseconds
 mInterval = setInterval("fadeGallery()",FADE_INTERVAL);
}
function fadeGallery(){
//Iterates through image galleries and invokes cross fade for each
a=fadeImage(curr_o,op1,"oimage",oImageArray);
curr_o=a[0],op1=a[1];
a=fadeImage(curr_c,op2,"cimage",cImageArray);
curr_c=a[0],op2=a[1];
a=fadeImage(curr_p,op3,"pimage",pImageArray);
curr_p=a[0],op3=a[1];
a=fadeImage(curr_d,op4,"dimage",dImageArray);
curr_d=a[0],op4=a[1];
}
function fadeImage(curr_img,curr_opcty,sImage,aImage){
//Fades current image while making prior image more opaque
//get current and prior images
 elc = document.getElementById(sImage+curr_img); 
 elp = document.getElementById(sImage+get_prior_img(curr_img,aImage));
//Set opacities, constraining opacity to be between 0 and 100
 o = Math.max(0.0,Math.min(curr_opcty,100));
 set_opacity(o,elc);
 set_opacity(100-o,elp);
//Change opacity
 curr_opcty -= 7.0;
//if fully faded, change current image to prior image
 if (curr_opcty<0.0){
	curr_img = get_prior_img(curr_img,aImage);
        curr_opcty = MAX_OPACITY;
 }
return [curr_img,curr_opcty];
}
function set_opacity(op,el){
//sets opacity of image in cross-browser supported way
 if (document.all) {
	el.style.filter='alpha(opacity='+op+')';
 } else {
	el.style.opacity=op/100.0;
 }
}
function get_prior_img(i,aImage){
//Gets prior image in array; wraps to end of array.
//This enables iterating through images from last to first and repeating
 i -= 1;
 if(i<0) {i=aImage.length -2;}
 return i;
}
