// Array met afbeeldingen

//var current_image_left = 0;
//var current_image_right = 1;

//change the opacity for different browsers 
function changeOpac(opacity, id) 
{ 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}

function blendimage(divid_left, imageid_left, ipos, millisec) 
{ 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 
    var imagefile_left = afbeeldingen_left[current_image_left[ipos]];
    //alert(imagefile_left + " | " + current_image_left[ipos]);
    //var imagefile_right = afbeeldingen_right[current_image_right];
            
    if(current_image_left[ipos] == afbeeldingen_left.length - 1)
    {
    	current_image_left[ipos] = 0;
    }
    else
    {
    	current_image_left[ipos]++;    
    }
    
    //if(current_image_right == afbeeldingen_right.length - 1)
    //{
    //	current_image_right = 0;
    //}
    //else
    //{
    //	current_image_right++;    
    //}
    
    //set the current image as background 
    //alert(imageid_left + "_" + ipos);
    document.getElementById(divid_left + "_" + ipos).style.backgroundImage = "url(" + document.getElementById(imageid_left + "_" + ipos).src + ")"; 
    //document.getElementById(divid_right).style.backgroundImage = "url(" + document.getElementById(imageid_right).src + ")"; 
     
    //make image transparent 
    changeOpac(0, imageid_left + "_" + ipos); 
    //changeOpac(0, imageid_right); 
     
    //make new image 
    document.getElementById(imageid_left + "_" + ipos).src = imagefile_left; 
    //document.getElementById(imageid_right).src = imagefile_right; 

    //fade in image 
    for(i = 0; i <= 99; i++) { 
        setTimeout("changeOpac(" + i + ",'" + imageid_left + "_" + ipos + "')", (timer * speed)); 
        //setTimeout("changeOpac(" + i + ",'" + imageid_right + "')",(timer * speed)); 
        timer++; 
    }
    
    setTimeout("blendimage('div_trans_left','img_trans_left'," + ipos + ", " + millisec + ");", 10000);	 
}