document.write('<link rel="stylesheet" href="tl_files/styles/slider.css" type="text/css" />'); 

window.addEvent('domready', function() {
		
		setTimeout("dostart()",5)		
					 
	});

function dostart()
{
//variables for making things more simple below
		var itemsHolder = $('items_container');
		//var numNavHolder = $('num_nav').getElement('ul');
		var myItems = $$('.slide_item');
		var thePlayBtn = $('pause_btn');
		var thePrevBtn = $('prev_btn');
		var theNextBtn = $('next_btn');
		
		
		//create an instance of the slider, and start it up
		var mySlider = new SL_Slider({
			slideTimer: 8000,
			isPaused: false,
			container: itemsHolder,
			items: myItems,
			/*numNavActive: true,
			numNavHolder: numNavHolder,*/
			playBtn: thePlayBtn,
			prevBtn: thePrevBtn,
			nextBtn: theNextBtn
		});
		mySlider.start();
		
		document.addEvent('keydown', function(event)
		{
			if(event.key=='left')
			{
				if(mySlider.isSliding == 0){
					if(mySlider.options.isPaused == false){
						$clear(mySlider.timer);
						mySlider.timer = mySlider.slideIt.periodical(mySlider.options.slideTimer, self, null);
					}
					mySlider.direction = 0;
					mySlider.slideIt();
					mySlider.direction = 1;
				}	
			}
			if(event.key=='right')
			{
				if(mySlider.isSliding == 0){
						if(mySlider.options.isPaused == false){
							$clear(mySlider.timer);
							mySlider.timer = mySlider.slideIt.periodical(mySlider.options.slideTimer, mySlider, null);
						}
						mySlider.direction = 1;
						mySlider.slideIt();
				}
			}
		});
}