// JavaScript Document

var infos=new Array(
'Mehrzweckschuppen 3x6m<br>in 9 frei w&auml;hlbaren Farben<br>mit einem Schwingtor<br>1199&euro; Zzgl. Transportkosten<br> Die werden nach der PLZ Berechnet (Bitte Angeben)<br><br><img src="images/produkte/farbe_mit_schwingtor.jpg" width="220" id="img_angebote"><br><br><a href="garagen_produkte.php?id=3" id="angebote_link">zeigen</a>'
 ,
 'Mehrzweckschuppen 3x6m<br> verzinkt mit einem Schwingtor<br>1099&euro; Zzgl Transportkosten<br>Die werden nach der PLZ Berechnet (Bitte Angeben)<br><br><img src="images/produkte/verzinkt_mit_schwingtor.jpg" width="220" id="img_angebote"><br><br><a href="garagen_produkte.php?id=1" id="angebote_link">zeigen</a>'
 );
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){}
}