//These scripts rely on HTML 4.01 doctype for dom and parsing info. The scripts will break when you try to use XHTML Traqnsitional! - DigiP
//Custom slideshow script with proper resize aspect ratio by DigiP . Use of opacity fader from - http://clagnut.com/sandbox/imagefades.php/
var x = 0;

var myImages = new Array(); 
myImages[0] = "site1.jpg";
myImages[1] = "site2.jpg";
myImages[2] = "site3.jpg";
myImages[3] = "site4.jpg";
myImages[4] = "site5.jpg";


var p = myImages.length;
var preLoad = new Array()
for (i = 0; i < p; i++){
   preLoad[i] = new Image()
   preLoad[i].src = myImages[i]
   preLoad.src = "./loading.gif"
}

function initImage() {
  imageId = 'slide';
  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 += 20;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}



function nextSlide(){
	if (x <= 3) 
	{
	x++
	document.getElementById("slide1").getElementsByTagName("img")[0].src = myImages[x];
	initImage();
	}
	else 
	{
	x = 0;
	document.getElementById("slide1").getElementsByTagName("img")[0].src = myImages[x];
	initImage();
	}
	
}

function prevSlide(){
	if (x >= 1) 
	{
	x--
	document.getElementById("slide1").getElementsByTagName("img")[0].src = myImages[x];
	initImage();
	}
	else 
	{
	x = 4;
	document.getElementById("slide1").getElementsByTagName("img")[0].src = myImages[x];
	initImage();
	}
	
}