// 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";

// 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....
		function set() {
				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 tl()
{
var img_name = new Array("../images/leftContent_photos/bw/vp01bw.jpg", "../images/leftContent_photos/bw/vp02bw.jpg","../images/leftContent_photos/bw/vp03bw.jpg", "../images/leftContent_photos/bw/vp04bw.jpg","../images/leftContent_photos/bw/vp05bw.jpg", "../images/leftContent_photos/bw/vp06bw.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("../images/leftContent_photos/bw/vp07bw.jpg", "../images/leftContent_photos/bw/vp08bw.jpg", "../images/leftContent_photos/bw/vp09bw.jpg", "../images/leftContent_photos/bw/vp10bw.jpg","../images/leftContent_photos/bw/vp11bw.jpg", "../images/leftContent_photos/bw/vp12bw.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("../images/leftContent_photos/bw/vp13bw.jpg","../images/leftContent_photos/bw/vp14bw.jpg","../images/leftContent_photos/bw/vp15bw.jpg","../images/leftContent_photos/bw/vp16bw.jpg","../images/leftContent_photos/bw/vp17bw.jpg","../images/leftContent_photos/bw/vp18bw.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("../images/leftContent_photos/bw/vp19bw.jpg","../images/leftContent_photos/bw/vp20bw.jpg","../images/leftContent_photos/bw/vp21bw.jpg","../images/leftContent_photos/bw/vp22bw.jpg","../images/leftContent_photos/bw/vp23bw.jpg","../images/leftContent_photos/bw/vp24bw.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("../images/leftContent_photos/bw/vp25bw.jpg","../images/leftContent_photos/bw/vp26bw.jpg","../images/leftContent_photos/bw/vp27bw.jpg","../images/leftContent_photos/bw/vp28bw.jpg","../images/leftContent_photos/bw/vp29bw.jpg","../images/leftContent_photos/bw/vp30bw.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("../images/leftContent_photos/bw/vp31bw.jpg","../images/leftContent_photos/bw/vp32bw.jpg","../images/leftContent_photos/bw/vp33bw.jpg","../images/leftContent_photos/bw/vp34bw.jpg","../images/leftContent_photos/bw/vp35bw.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();
}

