// JavaScript Document
// Fade In and Out of Front Page Images

//document.write("<style type='text/css'> #trimage {visibility:hidden;} #blimage {visibility:hidden;} </style>");

current=0;
fade = 'out';
blcurrent=0;
blfade = 'out';

pic2 = new Image(390, 267);
pic2.src = "../graphics/toprightimage2.jpg";
pic3 = new Image(390, 267);
pic3.src = "../graphics/toprightimage3.jpg";
pic4 = new Image(390, 267);
pic4.src = "../graphics/toprightimage4.jpg";
pic5 = new Image(269, 360);
pic5.src = "../graphics/bottomleftimage2.jpg";
pic6 = new Image(269, 360);
pic6.src = "../graphics/bottomleftimage3.jpg";
pic7 = new Image(269, 360);
pic7.src = "../graphics/cafepic3.jpg";

function changetrImage() {
	imageId = 'trimage';
	holderId = 'trslide';
	image = document.getElementById(imageId);
	holder = document.getElementById(holderId);
	if (fade=='out') {
		if (current==0) {
			setOpacitytr(image, 0);
			image.style.visibility = 'visible';
			fadeIntr(imageId,0);
			current=1; fade='in';
		} else 
		if (current==1) { 
			holder.innerHTML = '<img src="graphics/toprightimage2.jpg" alt="Header Marketing Image Right" style="float: right; margin: 2px; margin-top: 0px;" width="300px" height="206px" id="trimage" />'; 
			imageId = 'trimage';
			image = document.getElementById(imageId);
			setOpacitytr(image, 0);
			image.style.visibility = 'visible';
			fadeIntr(imageId,0);
			current=2; fade='in';
		} else
		if (current==2) { 
			holder.innerHTML = '<img src="graphics/toprightimage3.jpg" alt="Header Marketing Image Right" style="float: right; margin: 2px; margin-top: 0px;" width="300px" height="206px" id="trimage" />'; 
			imageId = 'trimage';
			image = document.getElementById(imageId);
			setOpacitytr(image, 0);
			image.style.visibility = 'visible';
			fadeIntr(imageId,0);
			current=3; fade='in';
		} else
		if (current==3) { 
			holder.innerHTML = '<img src="graphics/toprightimage4.jpg" alt="Header Marketing Image Right" style="float: right; margin: 2px; margin-top: 0px;" width="300px" height="206px" id="trimage" />'; 
			imageId = 'trimage';
			image = document.getElementById(imageId);
			setOpacitytr(image, 0);
			image.style.visibility = 'visible';
			fadeIntr(imageId,0);
			current=4; fade='in';
		} else
		if (current==4) { 
			holder.innerHTML = '<img src="graphics/toprightimage.jpg" alt="Header Marketing Image Right" style="float: right; margin: 2px; margin-top: 0px;" width="300px" height="206px" id="trimage" />'; 
			imageId = 'trimage';
			image = document.getElementById(imageId);
			setOpacitytr(image, 0);
			image.style.visibility = 'visible';
			fadeIntr(imageId,0);
			current=1; fade='in';
		}
		setTimeout("changetrImage()", 8000);
	} else {
		fadeOuttr(imageId, 100);
		fade='out';
		setTimeout("changetrImage()", 1500);
	}
}

function changeblImage() {
	blimageId = 'blimg';
	blholderId = 'blslide';
	blimage = document.getElementById(blimageId);
	blholder = document.getElementById(blholderId);
	if (blfade=='out') {
		if (blcurrent==0) {
			setOpacitybl(blimage, 0);
			blimage.style.visibility = 'visible';
			fadeInbl(blimageId,0);
			blcurrent=1; blfade='in';
		} else 
		if (blcurrent==1) { 
			blholder.innerHTML = '<img src="graphics/bottomleftimage2.jpg" alt="Bottom Marketing Image Left" style="float: left;" width="284px" height="380px" id="blimg" />'; 
			blimageId = 'blimg';
			blimage = document.getElementById(blimageId);
			setOpacitybl(blimage, 0);
			blimage.style.visibility = 'visible';
			fadeInbl(blimageId,0);
			blcurrent=2; blfade='in';
		} else
		if (blcurrent==2) { 
			blholder.innerHTML = '<img src="graphics/bottomleftimage3.jpg" alt="Bottom Marketing Image Left" style="float: left;" width="284px" height="380px" id="blimg" />'; 
			blimageId = 'blimg';
			blimage = document.getElementById(blimageId);
			setOpacitybl(blimage, 0);
			blimage.style.visibility = 'visible';
			fadeInbl(blimageId,0);
			blcurrent=3; blfade='in';
		} else
		if (blcurrent==3) { 
			blholder.innerHTML = '<img src="graphics/cafepic3.jpg" alt="Bottom Marketing Image Left" style="float: left;" width="284px" height="380px" id="blimg" />'; 
			blimageId = 'blimg';
			blimage = document.getElementById(blimageId);
			setOpacitybl(blimage, 0);
			blimage.style.visibility = 'visible';
			fadeInbl(blimageId,0);
			blcurrent=4; blfade='in';
		} else
		if (blcurrent==4) { 
			blholder.innerHTML = '<img src="graphics/bottomleftimage.jpg" alt="Bottom Marketing Image Left" style="float: left;" width="284px" height="380px" id="blimg" />'; 
			blimageId = 'blimg';
			blimage = document.getElementById(blimageId);
			setOpacitybl(blimage, 0);
			blimage.style.visibility = 'visible';
			fadeInbl(blimageId,0);
			blcurrent=1; blfade='in';
		}
		setTimeout("changeblImage()", 5000);
	} else {
		fadeOutbl(blimageId, 100);
		blfade='out';
		setTimeout("changeblImage()", 1500);
	}
}

/*function initImage() {
  imageId = 'image1';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}*/

function setOpacitytr(objtr, opacitytr) {
  opacitytr = (opacitytr == 100)?99.999:opacitytr;
  
  // IE/Win
  objtr.style.filter = "alpha(opacity:"+opacitytr+")";
  
  // Safari<1.2, Konqueror
  objtr.style.KHTMLOpacity = opacitytr/100;
  
  // Older Mozilla and Firefox
  objtr.style.MozOpacity = opacitytr/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  objtr.style.opacity = opacitytr/100;
}

function setOpacitybl(objbl, opacitybl) {
  opacitybl = (opacitybl == 100)?99.999:opacitybl;
  
  // IE/Win
  objbl.style.filter = "alpha(opacity:"+opacitybl+")";
  
  // Safari<1.2, Konqueror
  objbl.style.KHTMLOpacity = opacitybl/100;
  
  // Older Mozilla and Firefox
  objbl.style.MozOpacity = opacitybl/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  objbl.style.opacity = opacitybl/100;
}

function fadeIntr(objIdtr,opacitytr) {
  if (document.getElementById) {
	objtr = document.getElementById(objIdtr);
    if (opacitytr <= 100) {
      setOpacitytr(objtr, opacitytr);
      opacitytr += 10;
      window.setTimeout("fadeIntr('"+objIdtr+"',"+opacitytr+")", 50);
    }
  }
}

function fadeOuttr(objIdtr,opacitytr) {
  if (document.getElementById) {
    objtr = document.getElementById(objIdtr);
    if (opacitytr >= 0) {
      setOpacitytr(objtr, opacitytr);
      opacitytr -= 10;
      window.setTimeout("fadeOuttr('"+objIdtr+"',"+opacitytr+")", 50);
    }
  }
}


function fadeInbl(objIdbl,opacitybl) {
  if (document.getElementById) {
	objbl = document.getElementById(objIdbl);
    if (opacitybl <= 100) {
      setOpacitybl(objbl, opacitybl);
      opacitybl += 10;
      window.setTimeout("fadeInbl('"+objIdbl+"',"+opacitybl+")", 50);
    }
  }
}

function fadeOutbl(objIdbl,opacitybl) {
  if (document.getElementById) {
    objbl = document.getElementById(objIdbl);
    if (opacitybl >= 0) {
      setOpacitybl(objbl, opacitybl);
      opacitybl -= 10;
      window.setTimeout("fadeOutbl('"+objIdbl+"',"+opacitybl+")", 50);
    }
  }
}

window.onload = function() { 
	changetrImage();
	changeblImage();
}