//Set the array of big images using on site
//['good03.jpg','good01.jpg','good02.jpg']

var bimgs = [[],['testimg1.jpg','testimg4.jpg','testimg7.jpg'],
		['testimg2.jpg','testimg5.jpg','testimg8.jpg'],
		['testimg3.jpg','testimg6.jpg','testimg9.jpg']
		];

var pointer = [,0,0,0];

var millisec = 1000;
var timeout = 5000;

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 autoScrolling(bid) {	// bid = blockid
	
	var speed = Math.round(millisec / 100);
    var timer = 0;
    
    //set the current image as background
    document.getElementById('blenddiv'+bid).style.backgroundImage = "url(" + document.getElementById('blendimage'+bid).src + ")";
    
    //make image transparent
    changeOpac(0, 'blendimage'+bid);
    
  	pointer[bid]++;
  	if (pointer[bid] > (bimgs[bid].length - 1) ) pointer[bid] = 0;
    
    //make new image
    document.getElementById('blendimage'+bid).src = '/public/img/'+bimgs[bid][pointer[bid]];

    //fade in image
    for(i = 0; i <= 100; i++) {
        setTimeout("changeOpac(" + i + ",'blendimage"+bid+"')",(timer * speed));
        timer++;
    }
    
    window.setTimeout('autoScrolling('+bid+')', timeout);
}