// JavaScript Document

var infos=new Array(
'Mehrzweckschuppen 3x5m<br>in 9 frei w&auml;hlbaren Farben<br>mit einem Schwingtor<br>999&euro; Zzgl. Transportkosten<br> Die werden nach der PLZ Berechnet (Bitte Angeben) <p align="center"><img src="images/angebote/angebote1.jpg" id="img_angebote"><br><a href="mechrzweckschuppen3x5FarbemitSchwingtor.php" id="angebote_link">zeigen</a></p>'
 ,
 'Mehrzweckschuppen 3x5m<br> verzinkt mit einem Schwingtor<br>899&euro; Zzgl Transportkosten<br>Die werden nach der PLZ Berechnet (Bitte Angeben) <p align="center"><img src="images/angebote/angebote2.jpg" id="img_angebote"><br><a href="mehrzweckschuppen3x5verzinktmitSchwingtor.php" id="angebote_link">zeigen</a></p>'
 );
var index_val=0;
var opacity_val=0;

var place=null;
var inter=null;

function setAngebote(){
		try{
		place=document.getElementById('angebote_place');	
		index_val++;
		
		if(index_val>infos.length-1)index_val=0;
	    place.innerHTML=infos[index_val];
		}catch(err){}
}


slide();


function slide(){
		inter=setInterval(hide,10);
		
}

function hide(){
	if(opacity_val>0){opacity_val--;
		setOpacity();
	}else {
		clearInterval(inter);
		setAngebote();
		inter=setInterval(show,10);
	}
}
function show(){
	if(opacity_val<100){opacity_val++;
		setOpacity();
	}else {
		clearInterval(inter);
		setTimeout(slide,3000);
	}
}


function setOpacity(){
	try{
	place.style.opacity=opacity_val/100;
	place.style.filter="alpha(opacity="+opacity_val+")";
	}catch(err){}
}