function showPic1() {
    document.getElementById('pic1').style.visibility = 'visible';
    fadeInDiv('picHolder1', 0)
    setTimeout("showPic2()", 3000);
}

function showPic2() {
    document.getElementById('pic2').style.visibility = 'visible';
    fadeInDiv('picHolder2', 0)
    setTimeout("showPic3()", 3000);
}

function showPic3() {
    document.getElementById('pic3').style.visibility = 'visible';
    fadeInDiv('picHolder3', 0)
}

function showPic4() {
    document.getElementById('pic4').style.visibility = 'visible';
    fadeInDiv('picHolder4', 0)
}

function fadeInDiv(divId, opacity) {
  if (opacity <= 100) {
	setOpacity(divId, opacity);
	opacity += 5;
	window.setTimeout("fadeInDiv('"+divId+"',"+opacity+")", 100);
  }
}

function setOpacity(divId, opacity) {
  var div = document.getElementById(divId);
  div.style.visibility = 'visible';
  opacity = (opacity == 100)?99.999:opacity;
  div.style.filter = "alpha(opacity:"+opacity+")";
  div.style.KHTMLOpacity = opacity/100;
  div.style.MozOpacity = opacity/100;
  div.style.opacity = opacity/100;
}

function calculateCost() {
    totalCost = 0;
    numberOfAttendees = 0;
    if (document.getElementById('FirstName').value != '') {
       totalCost = totalCost + 125;
       numberOfAttendees = numberOfAttendees + 1;
    }
    if (document.getElementById('Attendee2Name').value != '') {
       totalCost = totalCost + 95;
       numberOfAttendees = numberOfAttendees + 1;
    }
    if (document.getElementById('Attendee3Name').value != '') {
       totalCost = totalCost + 95;
       numberOfAttendees = numberOfAttendees + 1;
    }
    if (document.getElementById('Attendee4Name').value != '') {
       totalCost = totalCost + 95;
       numberOfAttendees = numberOfAttendees + 1;
    }
    document.getElementById('NumberOfAttendees').value = numberOfAttendees;
    document.getElementById('TotalCost').value = totalCost;
}


