// identify the images to be used

var image1 = new Image();

image1.src = "images/bw/vp01.jpg";

var image2 = new Image();

image2.src = "images/bw/vp02.jpg";

var image3 = new Image();

image3.src = "images/bw/vp03.jpg";

var image4 = new Image();

image4.src = "images/bw/vp04.jpg";

var image5 = new Image();

image5.src = "images/bw/vp05.jpg";

var image6 = new Image();

image6.src = "images/bw/vp06.jpg";

var image7 = new Image();

image7.src = "images/bw/vp07.jpg";

var image8 = new Image();

image8.src = "images/bw/vp08.jpg";

var image9 = new Image();

image9.src = "images/bw/vp09.jpg";

var image10 = new Image();

image10.src = "images/bw/vp10.jpg";

var image11 = new Image();

image11.src = "images/bw/vp11.jpg";

var image12 = new Image();

image12.src = "images/bw/vp12.jpg";

var image13 = new Image();

image13.src = "images/bw/vp13.jpg";

var image14 = new Image();

image14.src = "images/bw/vp14.jpg";

var image15 = new Image();

image15.src = "images/bw/vp15.jpg";

var image16 = new Image();

image16.src = "images/bw/vp16.jpg";

var image17 = new Image();

image17.src = "images/bw/vp17.jpg";

var image18 = new Image();

image18.src = "images/bw/vp18.jpg";

var image19 = new Image();

image19.src = "images/bw/vp19.jpg";

var image20 = new Image();

image20.src = "images/bw/vp20.jpg";

var image21 = new Image();

image21.src = "images/bw/vp21.jpg";

var image22 = new Image();

image22.src = "images/bw/vp22.jpg";

var image23 = new Image();

image23.src = "images/bw/vp23.jpg";

var image24 = new Image();

image24.src = "images/bw/vp24.jpg";

var image25 = new Image();

image25.src = "images/bw/vp25.jpg";

var image26 = new Image();

image26.src = "images/bw/vp26.jpg";

var image27 = new Image();

image27.src = "images/bw/vp27.jpg";

var image28 = new Image();

image28.src = "images/bw/vp28.jpg";

var image29 = new Image();

image29.src = "images/bw/vp29.jpg";

var image30 = new Image();

image30.src = "images/bw/vp30.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();

				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/bw/vp01.jpg", "images/bw/vp02.jpg","images/bw/vp03.jpg", "images/bw/vp04.jpg","images/bw/vp05.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/bw/vp06.jpg", "images/bw/vp07.jpg", "images/bw/vp08.jpg", "images/bw/vp09.jpg", "images/bw/vp10.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/bw/vp11.jpg", "images/bw/vp12.jpg", "images/bw/vp13.jpg","images/bw/vp14.jpg","images/bw/vp15.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/bw/vp16.jpg","images/bw/vp17.jpg","images/bw/vp18.jpg","images/bw/vp19.jpg","images/bw/vp20.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/bw/vp21.jpg","images/bw/vp22.jpg","images/bw/vp23.jpg","images/bw/vp24.jpg", "images/bw/vp25.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/bw/vp26.jpg","images/bw/vp27.jpg","images/bw/vp28.jpg","images/bw/vp29.jpg","images/bw/vp30.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();

}