window.addEventListener?window.addEventListener("load",initGridShow,false):window.attachEvent("onload",initGridShow);
var d=document, slds = new Array(), spans = new Array(), zInterval = null, crnt=0, pause=false;

function changeGridPicture(s) {
	var i = document.getElementById('GridPreviewImg');
	i.src=s;
	return false;
}

function initGridShow() {
	if(!d.getElementById || !d.createElement) return;
	divh = d.getElementById("hider");
	if(divh) {
		slds = d.getElementById("hider").getElementsByTagName("img");
		slds[0].xOpacity = 0.0;
		setOpacity(slds[crnt]); 
		slds[0].style.display = "block";
		divh.style.display = "block";
		for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
			if(a.getAttribute("href").indexOf("screen.css") != -1) { 
				setTimeout(doGrid,500);  break;
			}
		}
	}
}

function doGrid() {
	var op = slds[crnt].xOpacity;
	op+=.05; 
	slds[crnt].xOpacity = op;
	setOpacity(slds[crnt]); 
	if(op<1) {
		setTimeout(doGrid,25); 
	}
}

function setOpacity(obj) {
	if(obj.xOpacity>.99) {
		obj.xOpacity = .99; return;
	}
	obj.style.opacity = obj.xOpacity;
	obj.style.MozOpacity = obj.xOpacity;
	obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}