//var places = 3;
//var images = new Array();
//for (p = 0; p < places; p++) images[p] = new Array();

//images[0][images[0].length] = 'images/11.JPG';
//images[0][images[0].length] = 'images/12.JPG';
//images[1][images[1].length] = 'images/21.JPG';
//images[1][images[1].length] = 'images/22.JPG';
//images[2][images[2].length] = 'images/31.JPG';
//images[2][images[2].length] = 'images/32.JPG';

var interval = 5000;

var canvases = new Array();
for (p = 0; p < places; p++) {
    canvases[p] = new Array();
    canvases[p][canvases[p].length] = document.getElementById('ImagePlace' + (p + 1) + '1');
    canvases[p][canvases[p].length] = document.getElementById('ImagePlace' + (p + 1) + '2');
}

var currentcanvas = new Array();
for (p = 0; p < places; p++) currentcanvas[p] = 0;
var currentimage = new Array();
for (p = 0; p < places; p++) currentimage[p] = parseInt(images[p].length * Math.random());
var currentstatus = new Array();
for (p = 0; p < places; p++) currentstatus[p] = 0;

var Images = new Array();

function AnimateImages(p) {
    if (currentstatus[p] == 0) {
        canvases[p][currentcanvas[p]].style.zIndex = 0;
        currentcanvas[p]++;
        if (currentcanvas[p] >= canvases[p].length) currentcanvas[p] = 0;
        canvases[p][currentcanvas[p]].style.zIndex = 9999;

        canvases[p][currentcanvas[p]].innerHTML = '<img src="' + images[p][currentimage[p]] + '" border="0" width="100%" height="100%">';
        currentimage[p]++;
        if (currentimage[p] >= images[p].length) currentimage[p] = 0;

        if (canvases[p][currentcanvas[p]].filters)
            canvases[p][currentcanvas[p]].filters.alpha.opacity = currentstatus[p] * 10;
        else if (canvases[p][currentcanvas[p]].style.opacity)
            canvases[p][currentcanvas[p]].style.opacity = currentstatus[p] / 10;
        else if (canvases[p][currentcanvas[p]].style.MozOpacity)
            canvases[p][currentcanvas[p]].style.MozOpacity = currentstatus[p] / 10;
    } else {
        if (canvases[p][currentcanvas[p]].filters)
            canvases[p][currentcanvas[p]].filters.alpha.opacity = currentstatus[p] * 10;
        else if (canvases[p][currentcanvas[p]].style.opacity)
            canvases[p][currentcanvas[p]].style.opacity = currentstatus[p] / 10;
        else if (canvases[p][currentcanvas[p]].style.MozOpacity)
            canvases[p][currentcanvas[p]].style.MozOpacity = currentstatus[p] / 10;
    }

    currentstatus[p]++;
    if (currentstatus[p] > 10) {
        currentstatus[p] = 0;
        setTimeout('AnimateImages(' + p + ')', parseInt(interval * Math.random() + interval));
    } else {
        setTimeout('AnimateImages(' + p + ')', 50);
    }
}

function AnimatorLoaded() {
    for (p = 0; p < places; p++) {
        canvases[p][currentcanvas[p]].innerHTML = '<img src="' + images[p][currentimage[p]] + '" border="0" width="100%" height="100%">';
    }

    for (p = 0; p < places; p++) {
        Images[p] = new Array();
        for (i = 0; i < images[p].length; i++) {
            Images[p][i] = new Image();
            Images[p][i].src = images[p][i];
        }
    }

    for (p = 0; p < places; p++) AnimateImages(p);
}

if (window.addEventListener) {
    window.addEventListener("load", AnimatorLoaded, false);
}
else if (window.attachEvent) // ie
{
    window.attachEvent('onload', AnimatorLoaded);
}