$(document).ready(function() {
    var images = [{ 
            image: '/upl/image/header/home/gpc_home.jpg',
            url: '/produkte/gpc'
        },{
            image: '/upl/image/header/home/bioenergie_home.jpg',
            url: '/produkte/bioenergie1'
        },{
            image: '/upl/image/header/home/cleantech_home.jpg',
            url: '/produkte/cleantech'
        }
    ];
    
    $('div#headerpic div#cycle').empty();
    
    for (var i = 0; i < images.length; i++)
    {
        var curImg = images[i];
        $div = $('<div>')
                    .css('background', 'url(' +  curImg.image + ')')
                    .css('cursor', 'pointer');

        $('div#headerpic div#cycle').append( $div );
    }
    
    var curIdx = -1;
    $('div#headerpic div#cycle').cycle({
        fx: 'fade',
        speed: 500,
        timeout: 7000,
        after: function() {
            curIdx = (curIdx + 1) % images.length;
        }
    }).click(function() {
        window.location = images[curIdx].url;
    });
    
    /*
    var currentUrl = images[0].url;
    $('div#headerpic').click(function() {
        window.location = currentUrl;
    });
    
    var i = 0;
    function changeHeaderPic() 
    {
        var nextI = (i + 1) % images.length;
        
        preloadImage = new Image();
        preloadImage.src = images[nextI].image;
                
        $('div#headerpic')
            .hide()
            .css('background', 'url(' + images[i].image + ')')
            .css('cursor', 'pointer')
            .fadeIn(200);
        currentUrl = images[i].url;
        i = nextI;
    }
    
    changeHeaderPic();
    setInterval(changeHeaderPic, 5000);
    */
});