$(document).ready(function() {

var abbruch = 0;

    function punkt1(){
	$('a.punkt_img').html('<img src="fileadmin/slideshow/images/punkt-p.gif" border="0" />');
	$('a.punkt_img1').html('<img src="fileadmin/slideshow/images/punkt-a.gif" border="0" />');
	
	$('#animation_grafik').append('<div id="animation_grafik1_1" class="animation_grafik"><img src="fileadmin/slideshow/images/1_1.jpg"/></a></div>'); $('#animation_grafik1_1').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
	$('#animation_grafik').append('<div id="animation_grafik1_1" class="animation_grafik"><img src="fileadmin/slideshow/images/1_1.jpg"/></a></div>'); $('#animation_grafik1_1').css("opacity","0").animate({ opacity: 1 }, 2000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik1_2" class="animation_grafik"><img src="fileadmin/slideshow/images/1_2.jpg"/></a></div>'); $('#animation_grafik1_2').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik1_3" class="animation_grafik"><img src="fileadmin/slideshow/images/1_3.jpg"/></a></div>'); $('#animation_grafik1_3').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
         return punkt2();
        }); }); }); });
    }

    function punkt2(){
	$('a.punkt_img').html('<img src="fileadmin/slideshow/images/punkt-p.gif" border="0" />');
	$('a.punkt_img2').html('<img src="fileadmin/slideshow/images/punkt-a.gif" border="0" />');
	
	$('#animation_grafik').append('<div id="animation_grafik2_1" class="animation_grafik"><img src="fileadmin/slideshow/images/2_1.jpg"/></a></div>'); $('#animation_grafik2_1').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
	$('#animation_grafik').append('<div id="animation_grafik2_1" class="animation_grafik"><img src="fileadmin/slideshow/images/2_1.jpg"/></a></div>'); $('#animation_grafik2_1').css("opacity","0").animate({ opacity: 1 }, 2000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik2_2" class="animation_grafik"><img src="fileadmin/slideshow/images/2_2.jpg"/></a></div>'); $('#animation_grafik2_2').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik2_3" class="animation_grafik"><img src="fileadmin/slideshow/images/2_3.jpg"/></a></div>'); $('#animation_grafik2_3').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
         return punkt3();
        }); }); }); });
    }

    function punkt3(){
	$('a.punkt_img').html('<img src="fileadmin/slideshow/images/punkt-p.gif" border="0" />');
	$('a.punkt_img3').html('<img src="fileadmin/slideshow/images/punkt-a.gif" border="0" />');
	
	$('#animation_grafik').append('<div id="animation_grafik3_1" class="animation_grafik"><a href="http://www.con4com.net/projekte/messe-ausstellung/inland/bta/"><img src="fileadmin/slideshow/images/3_1.jpg"/></a></div>'); $('#animation_grafik3_1').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
	$('#animation_grafik').append('<div id="animation_grafik3_1" class="animation_grafik"><a href="http://www.con4com.net/projekte/messe-ausstellung/inland/bta/"><img src="fileadmin/slideshow/images/3_1.jpg"/></a></div>'); $('#animation_grafik3_1').css("opacity","0").animate({ opacity: 1 }, 2000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik3_2" class="animation_grafik"><a href="http://www.con4com.net/projekte/messe-ausstellung/inland/bta/"><img src="fileadmin/slideshow/images/3_2.jpg"/></a></div>'); $('#animation_grafik3_2').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik3_3" class="animation_grafik"><a href="http://www.con4com.net/projekte/messe-ausstellung/inland/bta/"><img src="fileadmin/slideshow/images/3_3.jpg"/></a></div>'); $('#animation_grafik3_3').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
         return punkt4();
        }); }); }); });
    }

    function punkt4(){
	$('a.punkt_img').html('<img src="fileadmin/slideshow/images/punkt-p.gif" border="0" />');
	$('a.punkt_img4').html('<img src="fileadmin/slideshow/images/punkt-a.gif" border="0" />');
	
	$('#animation_grafik').append('<div id="animation_grafik4_1" class="animation_grafik"><img src="fileadmin/slideshow/images/4_1.jpg"/></a></div>'); $('#animation_grafik4_1').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
	$('#animation_grafik').append('<div id="animation_grafik4_1" class="animation_grafik"><img src="fileadmin/slideshow/images/4_1.jpg"/></a></div>'); $('#animation_grafik4_1').css("opacity","0").animate({ opacity: 1 }, 2000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik4_2" class="animation_grafik"><img src="fileadmin/slideshow/images/4_2.jpg"/></a></div>'); $('#animation_grafik4_2').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik4_3" class="animation_grafik"><img src="fileadmin/slideshow/images/4_3.jpg"/></a></div>'); $('#animation_grafik4_3').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
         return punkt5();
        }); }); }); });
    }

    function punkt5(){
	$('a.punkt_img').html('<img src="fileadmin/slideshow/images/punkt-p.gif" border="0" />');
	$('a.punkt_img5').html('<img src="fileadmin/slideshow/images/punkt-a.gif" border="0" />');
	
	$('#animation_grafik').append('<div id="animation_grafik5_1" class="animation_grafik"><a href="http://www.con4com.net/projekte/grafik-design/naturpark-altmuehltahl/"><img src="fileadmin/slideshow/images/5_1.jpg"/></div>'); $('#animation_grafik5_1').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
	$('#animation_grafik').append('<div id="animation_grafik5_1" class="animation_grafik"><a href="http://www.con4com.net/projekte/grafik-design/naturpark-altmuehltahl/"><img src="fileadmin/slideshow/images/5_1.jpg"/></div>'); $('#animation_grafik5_1').css("opacity","0").animate({ opacity: 1 }, 2000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik5_2" class="animation_grafik"><a href="http://www.con4com.net/projekte/grafik-design/naturpark-altmuehltahl/"><img src="fileadmin/slideshow/images/5_2.jpg"/></div>'); $('#animation_grafik5_2').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
        $('#animation_grafik').append('<div id="animation_grafik5_3" class="animation_grafik"><a href="http://www.con4com.net/projekte/grafik-design/naturpark-altmuehltahl/"><img src="fileadmin/slideshow/images/5_3.jpg"/></div>'); $('#animation_grafik5_3').css("opacity","0").animate({ opacity: 1 }, 3000, function() { $('.animation_grafik').first().remove(); if(abbruch==1){ abbruch=0; return true;}
         return punkt1();
        }); }); }); });
    }

        
    $('.punkt_img1').click(function() { abbruch=1; return punkt1(); });
    $('.punkt_img2').click(function() { abbruch=1; return punkt2(); });
    $('.punkt_img3').click(function() { abbruch=1; return punkt3(); });
    $('.punkt_img4').click(function() { abbruch=1; return punkt4(); });
    $('.punkt_img5').click(function() { abbruch=1; return punkt5(); });
        
    return punkt1();
});