// identify the images to be used
var image1 = new Image();
image1.src = "../images/leftContent_photos/bw/vp01bw.JPG";
var image2 = new Image();
image2.src = "../images/leftContent_photos/bw/vp02bw.JPG";
var image3 = new Image();
image3.src = "../images/leftContent_photos/bw/vp03bw.JPG";
var image4 = new Image();
image4.src = "../images/leftContent_photos/bw/vp04bw.JPG";
var image5 = new Image();
image5.src = "../images/leftContent_photos/bw/vp05bw.JPG";
var image6 = new Image();
image6.src = "../images/leftContent_photos/bw/vp06bw.JPG";
var image7 = new Image();
image7.src = "../images/leftContent_photos/bw/vp07bw.JPG";
var image8 = new Image();
image8.src = "../images/leftContent_photos/bw/vp08bw.JPG";
var image9 = new Image();
image9.src = "../images/leftContent_photos/bw/vp09bw.JPG";
var image10 = new Image();
image10.src = "../images/leftContent_photos/bw/vp10bw.JPG";
var image11 = new Image();
image11.src = "../images/leftContent_photos/bw/vp11bw.JPG";
var image12 = new Image();
image12.src = "../images/leftContent_photos/bw/vp12bw.JPG";
var image13 = new Image();
image13.src = "../images/leftContent_photos/bw/vp13bw.JPG";
var image14 = new Image();
image14.src = "../images/leftContent_photos/bw/vp14bw.JPG";
var image15 = new Image();
image15.src = "../images/leftContent_photos/bw/vp15bw.JPG";
var image16 = new Image();
image16.src = "../images/leftContent_photos/bw/vp16bw.JPG";
var image17 = new Image();
image17.src = "../images/leftContent_photos/bw/vp17bw.JPG";
var image18 = new Image();
image18.src = "../images/leftContent_photos/bw/vp18bw.JPG";
var image19 = new Image();
image19.src = "../images/leftContent_photos/bw/vp19bw.JPG";
var image20 = new Image();
image20.src = "../images/leftContent_photos/bw/vp20bw.JPG";
var image21 = new Image();
image21.src = "../images/leftContent_photos/bw/vp21bw.JPG";
var image22 = new Image();
image22.src = "../images/leftContent_photos/bw/vp22bw.JPG";
var image23 = new Image();
image23.src = "../images/leftContent_photos/bw/vp23bw.JPG";
var image24 = new Image();
image24.src = "../images/leftContent_photos/bw/vp24bw.JPG";
var image25 = new Image();
image25.src = "../images/leftContent_photos/bw/vp25bw.JPG";
var image26 = new Image();
image26.src = "../images/leftContent_photos/bw/vp26bw.JPG";
var image27 = new Image();
image27.src = "../images/leftContent_photos/bw/vp27bw.JPG";
var image28 = new Image();
image28.src = "../images/leftContent_photos/bw/vp28bw.JPG";
var image29 = new Image();
image29.src = "../images/leftContent_photos/bw/vp29bw.JPG";
var image30 = new Image();
image30.src = "../images/leftContent_photos/bw/vp30bw.JPG";
var image31 = new Image();
image31.src = "../images/leftContent_photos/bw/vp31bw.JPG";
var image32 = new Image();
image32.src = "../images/leftContent_photos/bw/vp32bw.JPG";
var image33 = new Image();
image33.src = "../images/leftContent_photos/bw/vp33bw.JPG";
var image34 = new Image();
image34.src = "../images/leftContent_photos/bw/vp34bw.JPG";
var image35 = new Image();
image35.src = "../images/leftContent_photos/bw/vp35bw.JPG";
var image36 = new Image();
image36.src = "../images/leftContent_photos/bw/vp36bw.JPG";
var image37 = new Image();
image37.src = "../images/leftContent_photos/bw/vp37bw.JPG";
var image38 = new Image();
image38.src = "../images/leftContent_photos/bw/vp38bw.JPG";
var image39 = new Image();
image39.src = "../images/leftContent_photos/bw/vp39bw.JPG";

// and now we hide everything so they can fade in nice like
document.write("<style type='text/css'>#vp01 {visibility:hidden;} #vp02 {visibility:hidden;} #vp03 {visibility:hidden;} #vp04 {visibility:hidden;} #vp05 {visibility:hidden;} #vp06 {visibility:hidden;} #RightHead {visibility:hidden;}</style>");

// first function, the one whereupon we bring everything in nice and easy....
window.onload = function() {
				initImage();
				initImage2();
				initImage3();
				initImage4();
				initImage5();
				initImage6();
				initImageRightHead();
				rando();
				}

// a mouseover function to change indiv. images if someone mouses over them, just to give it a nifty look, you know?
	function tl_change() {
		tl();
		initImage(); }
	function tc_change() {
		tc();
		initImage2(); }
	function tr_change() {
		tr();
		initImage3(); }
	function bl_change() {
		bl();
		initImage4(); }
	function bc_change() {
		bc();
		initImage5(); }
	function br_change() {
		br();
		initImage6(); }

// this is a piece of the above (onload) function, it's the actual individual fading script.
function initImage() {
  imageId = 'vp01';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  }
  
function initImage2() {
  imageId = 'vp02';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn2(imageId,0);
  }
  
function initImage3() {
  imageId = 'vp03';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn3(imageId,0);
  }
  
function initImage4() {
  imageId = 'vp04';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  }
  
function initImage5() {
  imageId = 'vp05';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  }
  
function initImage6() {
  imageId = 'vp06';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  }
  
 function initImageRightHead() {
  imageId = 'RightHead';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  } 
    
  
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}  

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 25);
    }
  }
}

function fadeIn2(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 95);
    }
  }
}
function fadeIn3(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 150);
    }
  }
}

function fadeIn4(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 150);
    }
  }
}

function fadeIn5(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 90);
    }
  }
}
function fadeIn6(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 25);
    }
  }
}

//the rando section; selects random images from my little bank.

function ir(ref){
	var ref = '../images/leftContent_photos/bw/vp' + ref + 'bw.jpg';	
	return ref;
	}


function tl()
{
var img_name = new Array;
for(i=1; i<=6; i++){
	if(i < 10){
		i = '0' + i;
		}
	img_name.push("../images/leftContent_photos/bw/vp" + i + "bw.jpg");
	}
	
var l = img_name.length;

var rnd_no = Math.round((l-1)*Math.random());

var rando1 = document.getElementById('vp01');

rando1.src = img_name[rnd_no];
}


function tc()
{
var img_name = new Array;
for(i=7; i<=13; i++){
	if(i < 10){
		i = '0' + i;
		}
	img_name.push("../images/leftContent_photos/bw/vp" + i + "bw.jpg");
	}
	
var l = img_name.length;

var rnd_no = Math.round((l-1)*Math.random());

var rando2 = document.getElementById('vp02');

rando2.src = img_name[rnd_no];
}

function tr()
{
var img_name = new Array;
for(i=14; i<=20; i++){
	if(i < 10){
		i = '0' + i;
		}
	img_name.push("../images/leftContent_photos/bw/vp" + i + "bw.jpg");
	}
	
var l = img_name.length;

var rnd_no = Math.round((l-1)*Math.random());

var rando3 = document.getElementById('vp03');

rando3.src = img_name[rnd_no];
}

function bl()
{
var img_name = new Array;
for(i=21; i<=27; i++){
	if(i < 10){
		i = '0' + i;
		}
	img_name.push("../images/leftContent_photos/bw/vp" + i + "bw.jpg");
	}
	
var l = img_name.length;

var rnd_no = Math.round((l-1)*Math.random());

var rando4 = document.getElementById('vp04');

rando4.src = img_name[rnd_no];
}


function bc()
{
var img_name = new Array;
for(i=28; i<=34; i++){
	if(i < 10){
		i = '0' + i;
		}
	img_name.push("../images/leftContent_photos/bw/vp" + i + "bw.jpg");
	}
	
var l = img_name.length;

var rnd_no = Math.round((l-1)*Math.random());

var rando5 = document.getElementById('vp05');

rando5.src = img_name[rnd_no];
}

function br()
{
var img_name = new Array;
for(i=35; i<=39; i++){
	if(i < 10){
		i = '0' + i;
		}
	img_name.push("../images/leftContent_photos/bw/vp" + i + "bw.jpg");
	}
	
var l = img_name.length;

var rnd_no = Math.round((l-1)*Math.random());

var rando6 = document.getElementById('vp06');

rando6.src = img_name[rnd_no];
}

//combines all the individual randoms.
function rando() {
tl();
tc();
tr();
bl();
bc();
br();
}