var pictures = new Array();

pictures[0] = new Image(), pictures[0].src = "./fotos/steinberge2.jpg";
pictures[0].alt = '"...den Pinzgauer Dolomiten, wie manchmal diese einsamen Berge benannt werden..."';

pictures[1] = new Image(), pictures[1].src = "./fotos/melkerloch.jpg"; 
pictures[1].alt='"Eine junge Sennerin im Steinberg wollte mit ihrem Hüterbuben einmal das Melkerloch sehen..."';

pictures[2] = new Image(), pictures[2].src = "./fotos/grubrennen.jpg"; 
pictures[2].alt='"...weisen hingegen in ihren oberen Teilen eine sehr günstige Neigung für das Befahren mit Ski auf..."';

pictures[3] = new Image(), pictures[3].src = "./fotos/lamprechtshoehle.jpg"; 
pictures[3].alt='"...öfter hört man das Rauschen und Tosen des Baches im Inneren des Berges..."';

pictures[4] = new Image(), pictures[4].src = "./fotos/berner_oberland.jpg"; 
pictures[4].alt='"Es ist Zweck des Vereines, das Bergsteigen, alpine Sportarten und das Wandern zu fördern und zu pflegen..."';

pictures[5] = new Image(), pictures[5].src = "./fotos/heimbau.jpg"; 
pictures[5].alt='"...bettelten das Holz für den Dachstuhl zusammen und arbeiteten es auch noch!"';

pictures[6] = new Image(), pictures[6].src = "./fotos/bergmesse_plattenkopf.jpg"; 
pictures[6].alt='"Verschiedene Formen des Gottesdienstes: Bergmesse"';

pictures[7] = new Image(), pictures[7].src = "./fotos/jugend.jpg"; 
pictures[7].alt='"Pflichten der Zweigvereine:<p> i&#41; eine Jugendgruppe zu gründen und zu betreuen, sofern keine Ausnahmebewilligung vom Präsidium erteilt wird."';

pictures[8] = new Image(), pictures[8].src = "./fotos/rath1.jpg"; 
pictures[8].alt='"F&uuml;r Sportkletterer gibt es noch viele M&ouml;glichkeiten zu Neutouren in diesem Gebiet..."';

pictures[9] = new Image(), pictures[9].src = "./fotos/dreizinth.jpg"; 
pictures[9].alt='"...au&szlig;er der allgemeinen, zweckm&auml;&szlig;igen Bergausr&uuml;stung ist das Mitnehmen von Seil, Kletterschuhen und Pickel dringend anzuraten..."';

pictures[10] = new Image(), pictures[10].src = "./fotos/feuerbrennen.jpg"; 
pictures[10].alt='"...anschlie&szlig;end klettern die wackeren Bergsteiger von Zinne zu Zinne und von Grat zu Grat, um Feuer für Feuer zu entz&uuml;nden..."';

pictures[11] = new Image(), pictures[11].src = "./fotos/franz1959.jpg"; 
pictures[11].alt='"...moralisch sehr anspruchsvolle Plattenkletterei mit wenigen Sicherungsm&ouml;glichkeiten..."';

pictures[12] = new Image(), pictures[12].src = "./fotos/glockner.jpg"; 
pictures[12].alt='"...die Kenntnisse &uuml;ber die Gebirge zu erweitern und zu verbreiten und dadurch auch die Liebe zur Heimat zu pflegen..."';

pictures[13] = new Image(), pictures[13].src = "./fotos/rath2.jpg"; 
pictures[13].alt='"...freilich, ist man einmal oben, dann entdeckt man sich eine neue Welt..."';

var loops = 0;
var isText = false;

var aktiv = window.setInterval("main1()", 12000);

//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 + ")";
} 

function opacity(id, opacStart, opacEnd, millisec) {
    //speed for each frame
    var speed = Math.round(millisec / 100);

    //determine the direction for the blending, if start and end are the same nothing happens
    for( var i = 1; i <= 100; i++ ){
	setTimeout("changeOpac(" + (opacStart + i*(opacEnd - opacStart)/100) + " ,'" + id + "')" , i * speed);
    }
}

function shiftOpacity(id, millisec) {
    //if an element is invisible, make it visible, else make it ivisible
    if(document.getElementById(id).style.opacity <= 0.05) {
        opacity(id, 0, 100, millisec);
    } else {
        opacity(id, 100, 0, millisec);
    }
} 

function blendimage(divid, imageid, imagefile, millisec) {
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
    
    //make image transparent
    changeOpac(0, imageid);
    
    //make new image
    document.getElementById(imageid).src = imagefile;

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'" + imageid + "')", timer * speed);
        timer++;
    }

    if(loops >= 4)
	window.clearInterval(aktiv)
} 

function currentOpac(id, opacEnd, millisec) {
    //standard opacity is 100
    var currentOpac = 100;
    
    //if the element has an opacity set, get it
    if(document.getElementById(id).style.opacity < 100) {
        currentOpac = document.getElementById(id).style.opacity * 100;
    }

    //call for the function that changes the opacity
    opacity(id, currentOpac, opacEnd, millisec);
}

function loadData(){
    var screenTD = document.getElementById('screen');

    if( !isText ){
	screenTD.innerHTML = "<font face='Comic Sans MS' color='#ffffff' size=5>" + 
	    pictures[loops%pictures.length].alt + 
	    "</font>";
	isText = true;
    }
    else{
	screenTD.innerHTML ="<img src=" + pictures[loops%pictures.length].src + " width='550' alt='' />";

	//	screenTD.style.backgroundImage = "url(" + pictures[loops%pictures.length].src + ")";
	isText = false;	    
	loops++;
    }
}

function main1(){

    setTimeout("opacity('screen', 100, 0, 1000)", 0);
    setTimeout("loadData()", 1500);
    setTimeout("opacity('screen', 0, 100, 1000)", 3000);
}

function main2(){
    blendimage('blenddiv', 'blendimage', pictures[loops%pictures.length].src, 1000);
    loops++;
}