/* Code for the slidine window of the main page. */
var setPos = 0;
var winWidth = 455;
var curX = 0;
var curSetX = 0;
var setLength = 4;
var playpause = 0;
var setArray = Array('nav_articles', 'nav_photos', 'nav_calendar', 'nav_books', 'nav_designschools', 'nav_discussions');
var ppInt;

function rolloverSlide(pos) { 
		setslideElements(pos);
		clearInterval(ppInt);
		}

function setslideElements(pos) { 
		//for(var j=0; j<setArray.length; j++){ document.getElementById(setArray[j]).className = "navinactive"; }
		//document.getElementById(setArray[pos]).className = "navactive";
		setPos = -1*pos*winWidth;
		}

function slideElements() {
		if (document.getElementById) {
			var elementstrip = document.getElementById('elementstrip');
			curX += Math.round((setPos-curX)/4);
			elementstrip.style.left = curX+'px';
	
			if( Math.abs(curX-setPos) <= 3 ){ elementstrip.style.left = setPos + 'px'; }
		}
		window.setTimeout("slideElements()", 75);
	}

function setSlideRollOver() {
	window.setTimeout("slideElements()", 75);
	ppInt = setInterval ( "playpauseElements()", 6000 );
	}

function playpauseElements(){
	curSetX++;
	if(curSetX == setLength){ curSetX=0; }
	setslideElements(curSetX);
	}