//change the opacity for different browsers
function changeOpac(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 + ")";
}


  var header_fotos = new Array (
  "bilder/header-hocker.jpg",
  "bilder/header-schwimmbad.jpg",
  "bilder/header-foyer.jpg"
  ) ;


    // alert ( "check" + header_fotos [0] +  header_fotos [1] + header_fotos [2] ) ;
  var akt_pic = 0 ;
	function fade_header( ) {
		// alert ( "start " + akt_pic  );
		akt_pic ++ ;
		if ( akt_pic >= header_fotos.length ) akt_pic = 0 ;
    var speed = 15;
    var timer = 0;
    document.getElementById("headPic3").src  =    document.getElementById("headPic2").src  ;


    //make image transparent
    changeOpac(0, 'headPic2' );
    changeOpac(100, 'headPic3' );

    //make new image
       //  alert ( "check" + akt_pic + header_fotos [ akt_pic ]  ) ;

       //  alert ( "before" +   document.getElementById("headPic2").src  ) ;

     document.getElementById("headPic2").src = header_fotos[akt_pic] ;
       //  alert ( "after" +   document.getElementById("headPic2").src  ) ;
    //fade images
    for(i = 0; i <= 100; i++) {
    	  j = 100 - i ;
        setTimeout("changeOpac(" + i + ",'headPic2')",(timer * speed));
       // setTimeout("changeOpac(" + j + ",'headPic3')",(timer * speed));
        timer++;
    }

    setTimeout("fade_header()", 8000);

}

  var index_ids = new Array (
  "text1",
  "text2",
  "tier2",
  "text3"
  ) ;

  var index_delays = new Array (
  "1000",
  "1000",
  "1000",
  "1000"
  ) ;


  var index_top = new Array (
  "100px",
  "100px",
  "140px",
  "130px"
  ) ;


   function  init_sequence () {



   //make all images transparent


    changeOpac(0, 'tier1' );
    changeOpac(0, 'tier2' );
    changeOpac(0, 'text1' );
    changeOpac(0, 'text2' );


   setTimeout('index_sequence()', 1000);

  }

	function index_sequence (  ) {


		// alert ( "start " + akt_pic  );
 		// if ( akt_pic >= index_ids.length ) return ;
    //make all images transparent
   // changeOpac(0, 'tier2' );
   // changeOpac(0, 'text1' );
   // changeOpac(0, 'text2' );
   // changeOpac(0, 'text3' );


    switch (akt_pic) {
  case 0:
      fade_in ( "tier1" ) ;
      setTimeout("index_sequence()", 3500 );
   break;
  case 1:
      fade_in ( "text1" ) ;
      setTimeout("index_sequence()", 1500 );
   break;
  case 2:
      fade_in ( "text2" ) ;
      setTimeout("index_sequence()", 3000 );
   break;
  case 3:
      fade_in ( "tier2" ) ;
    break;
  default:
  alert (" !!!!!!!!!!!!! " ) ;
     return;
    break;
}






    //make new image
       //  alert ( "check" + akt_pic + header_fotos [ akt_pic ]  ) ;

       //  alert ( "before" +   document.getElementById("headPic2").src  ) ;

          // document.getElementById("text3" ).top = 140 + "px" ;

          // document.getElementById( index_ids [akt_pic] ).top = '"' + index_top[akt_pic] + '"' ;
         // alert ( "after " + index_ids [akt_pic] ) + index_top[akt_pic] ;
         // alert ( "after" +   document.getElementById( index_ids [akt_pic]  ).top  ) ;

         akt_pic ++ ;

   //  setTimeout("index_sequence()", 2000 );

}



	function fade_in (  picId ) {
		// alert ( "fade_in " + picId  );

    var speed = 15;
    var timer = 0;

    for(i = 0; i <= 100; i++) {
    	  j = 100 - i ;
        setTimeout("changeOpac(" + i + ",'"+picId+"')",(timer * speed));
        timer++;
    }
}
	function fade_out (  picId ) {
		//alert ( "fade_out " + picId  );

    var speed = 15;
    var timer = 0;

    for(i = 0; i <= 100; i++) {
    	  j = 100 - i ;
        setTimeout("changeOpac(" + j + ",'"+picId+"')",(timer * speed));
        timer++;
    }
}