var intSpeedChangeImage = 10000;
var arrImagesStartPage = new Array();

/*arrImagesStartPage.push("randomImage1.jpg");
arrImagesStartPage.push("randomImage2.jpg");
arrImagesStartPage.push("randomImage3.jpg");
arrImagesStartPage.push("randomImage4.jpg");*/

//arrImagesStartPage.push("user_files/collage/collage1.png");
//arrImagesStartPage.push("user_files/collage/collage2.png");

function initImage()
{
    arrImages = arrImagesStartPage;
    imageId = 'headerCollage';
    image = document.getElementById(imageId);
    setOpacity(image, 100);
    image.style.visibility = 'visible';
    window.setTimeout("fadeOut('"+imageId+"',100, 65, 5, true,'')", intSpeedChangeImage);   
}

function nextImage()
{
	//var intOldRandomId = 1;
    // Zufallszahl bestimmen
    var intRandomId = Math.round(Math.random() * (arrImages.length - 1));
    
    imageId = 'headerCollage';
    image = document.getElementById(imageId);
    
    //while(intOldRandomId == intRandomId)
    //   intRandomId = Math.round(Math.random() * (arrImages.length - 1));
        
    // Alte ID zwischenspeicher
    //intOldRandomId = intRandomId;
        
    // Bild ändern
    //image.src = strMainUrlHeaderObjects + arrImages[intRandomId];
    image.src = arrImages[intRandomId];
    setOpacity(image, 0);
    fadeIn(imageId,0,65,5,true,'');
}

function setOpacity(obj, opacity)
{
    opacity = (opacity == 100)?99.999:opacity;

    // IE/Win
    obj.style.filter = "alpha(opacity:"+opacity+")";

    // Safari<1.2, Konqueror
    obj.style.KHTMLOpacity = opacity/100;

    // Older Mozilla and Firefox
    obj.style.MozOpacity = opacity/100;

    // Safari 1.2, newer Firefox and Mozilla, CSS3
    obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity,intSpeed,intOpacityCount,bolNextImage)
{
    if(bolNextImage == undefined)
        bolNextImage = false;

    if (document.getElementById)
    {
        obj = document.getElementById(objId);
        if (opacity <= 100)
        {
            setOpacity(obj, opacity);
            opacity += intOpacityCount;
            window.setTimeout("fadeIn('"+objId+"',"+opacity+"," + intSpeed + "," + intOpacityCount + "," + bolNextImage.toString() + ", '')", intSpeed);
        }
        else if(bolNextImage == true)
        {
            window.setTimeout("fadeOut('"+objId+"',"+opacity+"," + intSpeed + "," + intOpacityCount + "," + bolNextImage.toString() + ", '')", intSpeedChangeImage);
        }
    }
}

function fadeOut(objId,opacity,intSpeed,intOpacityCount,bolNextImage,strNewImage)
{
    if(bolNextImage == undefined)
        bolNextImage = false;

    if (document.getElementById(objId))
    {
        obj = document.getElementById(objId);
        if (opacity >= 10 && strNewImage != "") 
        {
            setOpacity(obj, opacity);
            opacity = opacity - intOpacityCount;
            window.setTimeout("fadeOut('"+objId+"',"+opacity+"," + intSpeed + "," + intOpacityCount + "," + bolNextImage.toString() + ", '" + strNewImage + "')", intSpeed);
        }
        else if(strNewImage != undefined && strNewImage != "")
        {
            obj.src = strNewImage;
            window.setTimeout("fadeIn('"+objId+"',"+opacity+"," + intSpeed + "," + intOpacityCount + "," + bolNextImage.toString() + ", '')", intSpeed);
        }
        else if(bolNextImage == true)
        {   
            if (opacity >= 10) 
            {
                setOpacity(obj, opacity);
                opacity = opacity - intOpacityCount;
                window.setTimeout("fadeOut('"+objId+"',"+opacity+"," + intSpeed + "," + intOpacityCount + "," + bolNextImage.toString() + ", '" + strNewImage + "')", intSpeed);
            }
            else
            {
                nextImage();
            }
        }
    }
}