/*var jsArray = new Array();
jsArray[0] = "http://ws11.e-vision.nl/kamsteeg2006/upload/aanbieding/Q7.jpg";
jsArray[1] = "http://ws11.e-vision.nl/kamsteeg2006/upload/aanbieding/HyundaiSantaFe.jpg.jpg";
jsArray[2] = "http://ws11.e-vision.nl/kamsteeg2006/upload/aanbieding/JettaTrendline.jpg";*/

var jsArray = new Array();

var counter = 0;
var topLayerIsVisible = true;
var topLayer, bottomLayer;
var secsInBeeld = 1250;
var secsForFade = 1750;
var stepsInFade = 50;

/*var secsInBeeld = 2500;
var secsForFade = 3500;*/


function setLayer(aLayer){
	// alert(aLayer);
	if(counter==jsArray.length) counter = 0;
	aLayer.src = jsArray[counter];
	counter++;
	setTimeout("doFade()", secsInBeeld);
}

function doFade(){
	var fadeTo = (topLayerIsVisible) ? ".01" : ".99";
	var changeLayer = (topLayerIsVisible) ? topLayer : bottomLayer;
	new Rico.Effect.FadeTo( topLayer, fadeTo, secsForFade, stepsInFade, {complete:function() {setLayer(changeLayer);}});
	topLayerIsVisible = !topLayerIsVisible;
}

function initFading(){
	getArrayImagesFromComment();
	bottomLayer = $("layer1");
	topLayer = $("layer2");
	setTimeout("doFade()", secsInBeeld);
}

function getArrayImagesFromComment(){
	var startcontainer = $("stocklease-banners");
	var containernodes = startcontainer.childNodes; 
    for (var i=0,commentValue; i < containernodes.length; i++) { 
      if (containernodes[i].nodeType == 8){ 
        // comment node found
        commentValue = containernodes[i].nodeValue.trim();
        if(/STOCKLEASE-BANNER-IMAGES/.test(commentValue)){
        	var sl_impath = commentValue.split("|")[1];
        	var sl_images = commentValue.split("|")[2].split(",");
        	for(var j=0;j<sl_images.length;j++){
        		jsArray.push(sl_impath + sl_images[j]);
        	}
        	if(jsArray.length>2){
        		counter = 2;
        	}
        	break;
        }
      }
    }
}

addEvent(window,"load",initFading);