var _ks_mouseDuration = 600;
var _ks_autoDuration = 4000;
var _ks_slideDistance = 36; //How many pixels of a slide should show when it is retracted
var _ks_showHeight = 81; //How many pixels of a slide should show when it is extended
var _ks_numberOfSlides = 5;
var _ks_anims = {};
var _ks_currentIndex = Array();
var _ks_rollIndex = 1;
var _ks_intervalN = null;
var slideContainer = "";

function setSlides()
{
	_ks_currentIndex = 1;
	document.getElementById('slideContainer').style.left = "0px";
	document.getElementById('slideContainer').style.top = "0px";
	var allEl = document.getElementsByClassName("slide");
	var curH = -(_ks_showHeight);
	_ks_numberOfSlides = allEl.length;
	var zInd = _ks_numberOfSlides + 10;
	for(var i = 1; i <= _ks_numberOfSlides; i++)
	{
		var cur = allEl[i - 1];
		cur.style.zIndex = zInd--;
		cur.style.top = curH + "px";
		_ks_anims[i] = new Animator({ transition: Animator.easeIn, duration: _ks_mouseDuration});
		//Transition from the current y to _ks_showHeight more pixels than y
		_ks_anims[i].addSubject(new NumericalStyleSubject($('slide'+i), 'top', curH , curH + _ks_showHeight , null ));
		
		//The original y of the next element should be _ks_slideDistance further down than the current one.
		curH += _ks_slideDistance;
		_ks_anims[i].seekTo(1);
	}  
}

function userIn()
{
    /*if(_ks_intervalN != null)
    {
        clearInterval(_ks_intervalN);
    }*/
}


function userOut()
{
   /* _ks_rollIndex = _ks_currentIndex;
    _ks_intervalN = setInterval(
        function(){
            _ks_rollIndex++;
            if( _ks_rollIndex > _ks_numberOfSlides)
            {
                _ks_rollIndex = 1;
            }
            seekToSlide(_ks_rollIndex);
        }, _ks_autoDuration);*/
}


function seekToSlide(n)
{    
	var titleid = "slidetitle" + n;
	var linkid = "slidelink" + n;
	document.getElementById(titleid).className = "slidetitleselected";
	document.getElementById(linkid).className = "slidelinkselected";
	for( var i = 1; i <= 5; i++ )
	{
		if( i != n )
		{
			titleid = "slidetitle" + i;
			linkid = "slidelink" + i;
			document.getElementById(titleid).className = "slidetitle";
			document.getElementById(linkid).className = "slidelink";
		}
	}
    if(n > _ks_currentIndex)
    {
        for(var i = n - 1; i >= 1; i--)
        {
            _ks_anims[i].seekTo(0);
        }
    }
    else if(n < _ks_currentIndex)
    {
        for(var i = n; i < _ks_numberOfSlides; i++)
        {
            _ks_anims[i].seekTo(1);
        }
        
    }
	
    _ks_currentIndex = n;
}