var logoImagePrefix = "/templates/logos/";
var logoImageCarrier = document.getElementById("logoimagecarrier");
var logoImages = new Array ("gsm01.jpg", "gsm02.jpg", "gsm03.jpg", "gsm04.jpg", "gsm05.jpg", "gsm06.jpg", "gsm07.jpg");
for (i in logoImages){
	var logoPreload = document.createElement("img");
	logoPreload.src = logoImagePrefix + logoImages[logoNow];
};
var logoNow = parseInt(Math.random()*logoImages.length);
var logoImage = document.createElement("img");
logoImage.width="200";
logoImage.height="150";
logoImage.src = logoImagePrefix + logoImages[logoNow];
logoImage.opacity = 1;
logoImageCarrier.appendChild(logoImage);
function logoImageOpacity(val){
	if (typeof(logoImage.style.filter)!="undefined") logoImage.style.filter = "alpha(opacity=" + parseInt(val*100) + ")";
	if (typeof(logoImage.style.opacity)!="undefined") logoImage.style.opacity = val;
	logoImage.opacity = val;
};
function logoImageFadeIn(){
	if (logoImage.opacity<1){
		logoImage.opacity += .05;
		logoImageOpacity(logoImage.opacity);
	} else {
		if (logoImage.intervalId){
			clearInterval(logoImage.intervalId);
			logoImage.intervalId;
		};
	};
};
function logoImageToggle(){
	logoImageCarrier.style.backgroundImage = "url(" + logoImagePrefix + logoImages[logoNow] + ")";
	logoNow = (logoNow + 1)%logoImages.length;
	logoImage.src = logoImagePrefix + logoImages[logoNow];
	logoImageOpacity(0);
	logoImage.intervalId = setInterval(logoImageFadeIn, 100);
};
setInterval(logoImageToggle, 7000);
