/* ================================================================== */
/* --- GUSTAV EPPLE | Programmablauf 100 Jahre Jubiläumsseite ------- */
/* --- written by heiko groeger ©'2009 [masterofwebdesign@web.de] --- */
/* ================================================================== */



// Allgemeine Bequemlichkeitsfunktion
///////////////////////////////////////////////////
function $(elem){
return document.getElementById(elem)
}

// Programmablauf starten
///////////////////////////////////////////////////
function initAblauf(){
preload_image()
fade_image()
}

// Kleines Logo-Bild vorladen
///////////////////////////////////////////////////
function preload_image(){
document.Vorladen    = new Array()
document.Vorladen[0] = new Image()
document.Vorladen[0].src = "d/cat0/100/100-Jahre-Logo_172.jpg"
}

// Bild einblenden
///////////////////////////////////////////////////
my_zaehler = -16
my_speed   = 20
function fade_image(){
my_zaehler++
if (my_zaehler >= 0){
document.getElementById("fade_div").style.visibility = "visible"
}
if (document.all){
document.getElementById("picture").filters.alpha.opacity = my_zaehler
	if (my_zaehler < 100){
	fade_id = setTimeout("fade_image()", my_speed)
	}
	else {
	$("skip").style.visibility = "visible"
	resize_image()
	}
}
else {
document.getElementById("picture").style.MozOpacity = my_zaehler/100
	if (my_zaehler < 100){
	fade_id = setTimeout("fade_image()", my_speed)
	}
	else {
	$("skip").style.visibility = "visible"
	resize_image()
	}
}
}

// Bild verkleinern
///////////////////////////////////////////////////
pic_hoehe = 402
function resize_image(){
pic_hoehe-= 5
	if (pic_hoehe >= 172){
	document.images.picture.height = pic_hoehe
	resize_id = setTimeout("resize_image()", 10)
	}
	else {
	$("fade_div").style.margin = "0 20px 10px 0"
	$("text_100").style.visibility = "visible"
	document.images.picture.src    = document.Vorladen[0].src
	}
}