var index_slides = new Array();
var slideIndex = 0;

index_slides[slideIndex] = "images/Models/Female1.jpg";
slideIndex = slideIndex + 1;
index_slides[slideIndex] = "images/Models/standard1.jpg";
slideIndex = slideIndex + 1;
index_slides[slideIndex] = "images/Models/custom1.jpg";
slideIndex = slideIndex + 1;
index_slides[slideIndex] = "images/Models/Merida246.jpg";
slideIndex = slideIndex + 1;
index_slides[slideIndex] = "images/Models/Female2.jpg";
slideIndex = slideIndex + 1;
index_slides[slideIndex] = "images/Models/custom2.jpg";
slideIndex = slideIndex + 1;
index_slides[slideIndex] = "images/Models/Male2.jpg";
slideIndex = slideIndex + 1;
index_slides[slideIndex] = "images/Models/custom3.jpg";
slideIndex = slideIndex + 1;
index_slides[slideIndex] = "images/Models/Merida253.jpg";
slideIndex = slideIndex + 1;
index_slides[slideIndex] = "images/Models/custom4.jpg";


var currentImg = 0;
  var fadeSteps = 25;
  var fadeTime = 25;
  var fadeWait = 4000;
  var thisStep = 0;
  var parentWidth = 200;
  var timePeriod = (fadeTime/fadeSteps);
  var mainCont = '';
  var imgCont = '';
  
  function runSlideshow(mainContID, imgContID) {
  
  //debugger;
	mainCont = document.getElementById(mainContID);
	imgCont = document.getElementById(imgContID);
	currentImg++;
	if (currentImg > (index_slides.length-1)) {
	  currentImg = 0;
	}
	mainCont.style.backgroundImage = imgCont.style.backgroundImage;
	imgCont.style.width = 0;
	imgCont.style.backgroundImage = 'url('+index_slides[currentImg]+')';
	thisStep = 0;
	setTimeout("fadeSlideshow('" + mainContID + "','" + imgContID + "')", timePeriod);
  }

  function fadeSlideshow(mainContID, imgContID) {
  
  //debugger;
    var fadeLevel = (thisStep/fadeSteps);
    setOpacity(fadeLevel*100, imgCont.id);
	imgCont.style.width = (fadeLevel * parentWidth)+'px';
	thisStep++;
	if (thisStep <= fadeSteps) {
		setTimeout("fadeSlideshow('" + mainContID + "','" + imgContID + "')", timePeriod);
	} else {
		setTimeout("runSlideshow('" + mainContID + "','" + imgContID + "')", fadeWait);
	}
  }
  function setOpacity(opacity, id) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
  }