var index = 0;
callback_counter = 0;
diaporama = Array();

diaporama[0] = new Image();
diaporama[0].src = 'http://www.smcaen.fr/actualites/photo/cs-sedan-sm-caen-0-0/photo%201.jpg/image_gal';
diaporama[1] = new Image();
diaporama[1].src = 'http://www.smcaen.fr/actualites/photo/cs-sedan-sm-caen-0-0/photo%2012.jpg/image_gal';
diaporama[2] = new Image();
diaporama[2].src = 'http://www.smcaen.fr/actualites/photo/cs-sedan-sm-caen-0-0/photo%2013.jpg/image_gal';
diaporama[3] = new Image();
diaporama[3].src = 'http://www.smcaen.fr/actualites/photo/cs-sedan-sm-caen-0-0/photo%2014.jpg/image_gal';
diaporama[4] = new Image();
diaporama[4].src = 'http://www.smcaen.fr/actualites/photo/cs-sedan-sm-caen-0-0/photo%2015.jpg/image_gal';

function searchForAttr(node,attr) {
    var regex = new RegExp('.+\\s' + attr + '="(\\S+)".+','mg');
    var match = node.innerHTML.replace(regex,'$1');
    if (match) { return match; }
    return '';
}

function changeDiaporama() {
    var wrapper = document.getElementById('diaporama-wrapper');
    if (!wrapper) {
        return;
    }
    wrapper.style.backgroundPosition = 'center center';
    wrapper.style.backgroundRepeat = 'no-repeat';
        
    if (wrapper.hasChildNodes() && wrapper.firstChild.id != 'transitionWrapper2') {
        wrapper.style.backgroundImage = 'url('+searchForAttr(wrapper,'src')+')';
        while (wrapper.hasChildNodes()) { wrapper.removeChild(wrapper.firstChild);}
        wrapper.innerHTML = '';
    }
    if (!wrapper.hasChildNodes()) {
        try { var newNode = document.createElementNS('http://www.w3.org/1999/xhtml', 'span'); }
        catch (e) { var newNode = document.createElement('span'); }
        newNode.id = 'transitionWrapper2';
        newNode.style.display = 'block';
        newNode.style.backgroundPosition = 'center center';
        newNode.style.backgroundRepeat = 'no-repeat';
        wrapper.appendChild(newNode);
    }
    wrapper_child = wrapper.firstChild;
    wrapper.style.height = '110px';
    wrapper_child.style.backgroundImage = 'url('+ diaporama[index].src +')';
    wrapper_child.style.height = '110px';

    try {
        /* ie use filter.alpha */
        wrapper_child.filters.alpha.opacity = (callback_counter*100);
    } catch (e) {
        wrapper_child.style.KhtmlOpacity = callback_counter;
        if (callback_counter >= 1) { 
            wrapper_child.style.MozOpacity = 0.9999999;
            wrapper_child.style.opacity = 0.9999999;
        } else {
            wrapper_child.style.MozOpacity = callback_counter;
            wrapper_child.style.opacity = callback_counter; }
    }

    if (callback_counter >= 1) {
        wrapper.style.backgroundImage = 'url('+diaporama[index].src+')';
        index = (index + 1) % diaporama.length;
        callback_counter = 0;
        setTimeout("changeDiaporama()",2000);
        return;
    }

    callback_counter +=.10;
    setTimeout("changeDiaporama()",100);
}

registerPloneFunction(changeDiaporama);