// JavaScript Document
var numberOfRefs;
var loopnumber = 0;

var refImageArray = new Array();
refImageArray[0] = "htv.png";
//refImageArray[1] = "styreguiden.png";
refImageArray[1] = "sotraturn.png";
refImageArray[2] = "awiico.jpg";
refImageArray[3] = "sbc.jpg";
refImageArray[4] = "karmoyved.jpg";
//refImageArray[6] = "concepta.jpg";
refImageArray[5] = "vkf.jpg";
//refImageArray[8] = "vitalt.png";

var refImageUrls = new Array();
refImageUrls[0] = "www.helsetjenestervest.no";
//refImageUrls[1] = "www.styreguiden.no";
refImageUrls[1] = "www.sotraturn.no";
refImageUrls[2] = "www.awiico.no";
refImageUrls[3] = "www.sotra-badminton.no";
refImageUrls[4] = "www.karmoyved.no";
//refImageUrls[6] = "www.conceptapartner.no";
refImageUrls[5] = "www.vestkystfestivalen.no";
//refImageUrls[8] = "www.vitalt.no";

function initReferenceBanners(layout){
	if(layout == 1){
		numberOfRefs = 3;
	} else {
		numberOfRefs = 5;	
	}
	
	renderRefs(loopnumber);
}

function renderRefs(number){
	//alert(refImageUrls[number]);
	var refImageStartingPoint = (loopnumber * (number)) / numberOfRefs;
	//alert(refImageStartingPoint);
	var endOfLoop = false;
	var currentRefBlockArray = new Array();
	for(var i = 0;i<numberOfRefs;i++){
		currentRefBlockArray[i] = refImageArray[refImageStartingPoint];
		if(currentRefBlockArray[i] == null){
			endOfLoop = true;
			
			break;
		}
		refImageStartingPoint++;
	}
	if(currentRefBlockArray[0] == null){
		//alert("Start over");	
		loopnumber = 0;
		renderRefs(loopnumber);
		return;
	}
	
	//
	//alert(currentRefBlockArray.length);
	for(var i = 0;i<numberOfRefs;i++){
		if(document.getElementById("referencelogosContainer").hasChildNodes()){
			document.getElementById("referencelogosContainer").innerHTML = "";
			/*for(i = 0;i<document.getElementById("referencelogosContainer").childNodes.length;i++){
				
				document.getElementById("referencelogosContainer").removeChild(document.getElementById("referencelogosContainer").childNodes[i]);	
			}*/
		}
		for(i = 0;i<numberOfRefs;i++){
			if(refImageUrls[parseInt(number + i)]){
				var customerLink = document.createElement("a");
				customerLink.href = "http://" + refImageUrls[parseInt(number + i)];
			
				var customerImage = document.createElement("img");
				customerImage.style.border = "1px solid #84a09d";
				customerImage.src = "customerlogos/" + refImageArray[parseInt(number + i)];
			
				customerLink.appendChild(customerImage);
				document.getElementById("referencelogosContainer").appendChild(customerLink);
			}
		}
	
		
		/*if(currentRefBlockArray[i]){
			document.getElementById("customerlogo" + i).href = "http://" + refImageUrls[i];
			document.getElementById("customerlogo" + i).style.visibility = "visible";
				
			
			document.getElementById("customerlogo" + i).getElementsByTagName("img")[0].src = "customerlogos/" + currentRefBlockArray[i];
			
		} else {
			document.getElementById("customerlogo" + i).href = "";
			document.getElementById("customerlogo" + i).style.visibility = "hidden";
		}*/
		
		
		
	}
	
	if(endOfLoop){
		loopnumber = 0;
		number = 0;
	} else {
		loopnumber++;
		number++;
	}
	setTimeout("renderRefs(" + refImageStartingPoint + ")", 5000);
}

