var mouseX=0;
var mouseY=0;
// detect mouse moves:
var IE=document.all?true:false
if (!IE)document.captureEvents(Event.MOUSEMOVE)
document.onmousemove = getMouseXY;
// Main function to retrieve mouse x-y pos.s
function getMouseXY(e) {
	if (IE) { // grab the x-y pos.s if browser is IE
		mouseX=event.clientX+document.body.scrollLeft;
		mouseY=event.clientY+document.body.scrollTop;
	} else {  // grab the x-y pos.s if browser is NS
		mouseX=e.pageX;
		mouseY=e.pageY;
	}  
	// catch possible negative values in NS4
	if (mouseX<0){mouseX=0}
	if (mouseY<0){mouseY=0}
}
var d=document;
var itemWidth=350;
var sitesLeft=0;
var sitesStep=40;
var intervalRoll=0;
var divSites=null;
var divSitesFrame=null;
var sitesTop=0;
var rightPadding=0;
function rollingCatalog(){
	if(mouseY<sitesTop||mouseY>(sitesTop+divSites.offsetHeight))return;
	if(screenWidth<divSites.offsetWidth){
		var s=divSitesFrame.offsetWidth*.3;
		if(mouseX<s)var o=((s-mouseX)/s)*sitesStep;
		else if(mouseX>divSitesFrame.offsetWidth-s)var o=-((mouseX-(divSitesFrame.offsetWidth-s))/s)*sitesStep;
		else return;
		sitesLeft+=o;
		if(sitesLeft<(divSitesFrame.offsetWidth-divSites.offsetWidth))sitesLeft=divSitesFrame.offsetWidth-divSites.offsetWidth;
		else if(sitesLeft>0)sitesLeft=0;
	}
	else sitesLeft=(divSitesFrame.offsetWidth-divSites.offsetWidth);//(Math.round(screenWidth/2)-divSites.offsetWidth/2);
	divSites.style.left=sitesLeft+"px";
}
function onScreenResize(){
	getScreenSize();
	var divNewSite=d.getElementById("newSite");
	rightPadding=screenWidth-divNewSite.offsetLeft + 16;
	screenWidth-=rightPadding;
	divSitesFrame.style.width=screenWidth+"px";
	sitesLeft=(screenWidth-divSites.offsetWidth);//(Math.round(screenWidth/2)-divSites.offsetWidth/2);
	divSites.style.left=sitesLeft+"px";
	
}
function initHomePage(){
	divSitesFrame=d.getElementById("sitesFrame");
	sitesTop=divSitesFrame.offsetTop;
	// create table:
	var t0=d.createElement("table");
	t0.setAttribute("id","sites");
	var tbody=d.createElement("tbody");
	var tr=d.createElement("tr");
	t0.appendChild(tbody);
	tbody.appendChild(tr);
	var lastTD=null;
	for(var i=0;i<sites.length;i++){
		var site=sites[i];
		var td=d.createElement("td");
		var a=d.createElement("a");
		a.setAttribute("title",site.name);
		a.setAttribute("href",site.url);
		var img=d.createElement("img");
		img.setAttribute("src",site.img);
		a.appendChild(img);

		var div=d.createElement("div");
		div.innerHTML="<a href='"+site.url+"' title='"+site.name+"'>"+site.name+"</a>";
		td.appendChild(a);
		td.appendChild(div);
		if(lastTD) tr.insertBefore(td,lastTD);
		else tr.appendChild(td);
		lastTD=td;
	}

	divSitesFrame.appendChild(t0);

	divSites=t0;//d.getElementById("sites");
	setTimeout("start()",50);
	//alert(divSites.offsetWidth);
}
function start(){
	divSitesFrame.style.visibility="visible";

	onEvent(window,"resize",onScreenResize);
	onScreenResize();
	intervalRoll=setInterval("rollingCatalog()",50);
}
onReadys.push(initHomePage);