// set vars xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
var thisDiv = "";
var howMany = "";
var thisCaption = "";
var countThem = "";
var showFadeUpTime = 1000;
var beforeCaption = 2000;
var holdCaption = 2000;
var captionUpSpeed = 300;
var captionDownSpeed = 300;
var nextShowDelay = 3000;


// document ready xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
$(document).ready(function()
                  {

	                  // set up xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
	                  howMany = $("#slideShow  div").length;
	                  // returns base 1
	                  // thereare 1 divs not used here -  back image so
	                  howMany = howMany - 1;
	                  // alert(howMany);
	                  // set all divs to o opacity
                  $("#slideShow div").css({ opacity: 0.0 });
				  
				  //$("#captionDiv").css({ opacity: 0.3 });
                      // show first image div
					  $("#backImgDiv").css({ opacity: 1.0 });
	                  thisDiv = $("#slideShow  div").eq(0);
	                  // set counter
	                  countThem = 1; // - this means that first div is active
	                  // call createNewDiv
	                  gallery();
                  }
                 ); // end ready
// xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
				  


// createNewDiv xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
function createNewDiv()
{
	// set hold div to this div
	$("#backImgDiv").html($(thisDiv).html());
	// hide thisdiv
$(thisDiv).css({ opacity: 0.0 });
	// clock up count
	if (countThem < howMany)
	{
		countThem ++;
	}
	else
	{
		countThem =1;
	}
	thisDiv = $("#slideShow  div").eq((countThem -1)); // -1 because eq base zero
	gallery();
}
// xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx



// caption up xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
function captionUp() 
{
//$("#captionDiv").html(thisCaption);
//  $("#captionDiv").animate({
// "top": "360px"
 // }, captionUpSpeed, function() {
  //alert("done");
 //  interval = setTimeout("captionDown()",holdCaption);
//  });
captionDown();
}

// caption down xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
function captionDown() 
{
  //$("#captionDiv").animate({
 //"top": "415px"
 // }, captionDownSpeed, function() {
  //alert("done");
  // createNewDiv();
  //});
  createNewDiv();
}

// gallery xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
function gallery()
{

thisCaption = $("#slideShow  div p").eq(countThem -1).html();


  $(thisDiv).animate({
    opacity: 1.0

  }, showFadeUpTime, function() {
    interval = setTimeout("captionUp()",beforeCaption);
  });
}


window.onload = function() {
	$("#hideBits").css("display", "block");
}