//http://www.itnewb.com/v/Cross-Browser-CSS-Opacity-and-the-JavaScript-Fade-Fading-Effect/page2
function setOpacity(eID, opacityLevel) {
  var eStyle = document.getElementById(eID).style;
  eStyle.opacity = opacityLevel / 100;
  eStyle.filter = 'alpha(opacity='+opacityLevel+')';
}

function fade(eID, startOpacity, stopOpacity, duration) {
  var speed = Math.round(duration / 100);
  var timer = 0;
  if (startOpacity < stopOpacity){ // fade in
	  for (var i=startOpacity; i<=stopOpacity; i++) {
		  setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
		  timer++;
	  } return;
  }
  for (var i=startOpacity; i>=stopOpacity; i--) { // fade out
	  setTimeout("setOpacity('"+eID+"',"+i+")", timer * speed);
	  timer++;
  }

}

function show(eID) {
    document.getElementById(eID).style.display='';
}

function hide(eID) {
    document.getElementById(eID).style.display='none';
}

function runSlideshow(){
	
	show('cesaret01');
	fade('cesaret01', 0, 100, 1000);
	setTimeout("fade('cesaret01', 100, 0, 1000);", 10000);
	setTimeout("hide('cesaret01')", 11000);
	setTimeout("show('cesaret02'); fade('cesaret02', 0, 100, 1000);", 11000);
	setTimeout("fade('cesaret02', 100, 0, 1000)", 21000);
	setTimeout("hide('cesaret02')", 22000);
	setTimeout("show('cesaret03'); fade('cesaret03', 0, 100, 1000);", 22000);
	setTimeout("fade('cesaret03', 100, 0, 1000)", 32000);
	setTimeout("hide('cesaret03')", 33000);
	setTimeout("show('cesaret04'); fade('cesaret04', 0, 100, 1000);", 33000);
	setTimeout("fade('cesaret04', 100, 0, 1000)", 43000);
	setTimeout("hide('cesaret04')", 44000);
	
	//do it again !!!
	setTimeout("runSlideshow()", 44000);

}