var slides = [];
slides[0]  = new Image(); slides[0].src  = 'images/slides/headline_low.jpg';
slides[1]  = new Image(); slides[1].src  = 'images/slides/venice.jpg';
slides[2]  = new Image(); slides[2].src  = 'images/slides/ucsb_bikes.jpg';
slides[3]  = new Image(); slides[3].src  = 'images/slides/boring.jpg';
slides[4]  = new Image(); slides[4].src  = 'images/slides/vantage_point.jpg';
slides[5]  = new Image(); slides[5].src  = 'images/slides/commuters.jpg';
slides[6]  = new Image(); slides[6].src  = 'images/slides/scooter.jpg';
slides[7]  = new Image(); slides[7].src  = 'images/slides/draculas_palace.jpg';
slides[8]  = new Image(); slides[8].src  = 'images/slides/prague_bike.jpg';
slides[9]  = new Image(); slides[9].src  = 'images/slides/dutch_bike.jpg';
slides[10] = new Image(); slides[10].src = 'images/slides/prague.jpg';
slides[11] = new Image(); slides[11].src = 'images/slides/india.jpg';
slides[12] = new Image(); slides[12].src = 'images/slides/paris.jpg';
slides[13] = new Image(); slides[13].src = 'images/slides/india_lanes.jpg';
slides[14] = new Image(); slides[14].src = 'images/slides/london.jpg';
slides[15] = new Image(); slides[15].src = 'images/slides/kyoto.jpg';
slides[16] = new Image(); slides[16].src = 'images/slides/bikes.jpg';
slides[17] = new Image(); slides[17].src = 'images/slides/kyoto_street.jpg';

var current = 0;
var headline = document.getElementById('headline_photo');
var photo = headline.firstChild;

function rotate(opacity) {
   
   set_opacity(photo,opacity);
   
   if(opacity > 0){
      opacity -= 5;
      setTimeout('rotate('+opacity+')',50);
   }
   else{
      current++;
      photo.src = slides[current%slides.length].src;
      set_opacity(photo,100);
      headline.style.backgroundImage = 'url(' + slides[(current+1)%slides.length].src + ')';
      setTimeout('rotate(100)',7000);
   }
}

function set_opacity(obj,opacity){
   
   opacity = (opacity == 100)?99.999:opacity;
   
   // IE/Win
   obj.style.filter="progid:DXImageTransform.Microsoft.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;
}

setTimeout('rotate(100)',6000);