/*
var jtk = new JoookToolkit();
*/
var stepDivisor = 4;
var frameDelay = 25;


var sliderWindow;
var sliderCells = new Array();
var currentCell = 0;
var sliderWidth;
var sliderHeight;
var currentSlideX;
var targetSlideX;

var prevBtn;
var nextBtn;

/*
// Autoslider options and variables
var pauseDelay = 4;
var slideTimer = null;

if(window.location.href.indexOf("debug") > 0){
	jtk.addEvent(window, "load", function(){
		jtk.addEvent(jtk.select("#slide_left_btn")[0], "click", function(){clearTimeout(slideTimer);});
		jtk.addEvent(jtk.select("#slide_right_btn")[0], "click", function(){clearTimeout(slideTimer);});
		
		slideTimer = setTimeout(autoSlide, pauseDelay * 1000);
	});
}

function autoSlide(){
	if(currentCell + 1 < sliderCells.length){
		nextSlide();
	}
	else{
		targetSlideX = 0;
		slideContent();
	}
	
	setTimeout(autoSlide, pauseDelay * 1000);
}
*/

function initSlider(winId, width, height){
	prevBtn = document.getElementById("slide_left_btn");
	nextBtn = document.getElementById("slide_right_btn");
	
	sliderWindow = document.getElementById(winId);
	sliderWidth = width;
	sliderHeight = height;
	
	sliderWindow.style.width = width + "px";
	sliderWindow.style.height = height + "px";
	sliderWindow.style.overflow = "hidden";

	var contentCells = sliderWindow.getElementsByTagName("TD");
	
	for(var i = 0; i < contentCells.length; i++){
		if(contentCells[i].className.indexOf('sliderCell') >= 0){
			sliderCells.push(contentCells[i]);
			var cellHtml = contentCells[i].innerHTML;
			contentCells[i].innerHTML = cellHtml + "<div style=\"width: " + width + "px; height: 2px;\"></div>";
			contentCells[i].style.width = width + "px";
			contentCells[i].style.height = height + "px";
			//contentCells[i].style.backgroundColor = "#f00";
			contentCells[i].style.overflow = "hidden";
		}
	}
	
	disablePrevBtn();
	sliderWindow.style.display = "block";
}

function nextSlide(){
	if(currentCell + 1 < sliderCells.length){
		enablePrevBtn();
		currentSlideX = currentCell * sliderWidth;
		currentCell++;
		targetSlideX = currentCell * sliderWidth;
		
		slideContent();
	}
	
	if(currentCell + 1 >= sliderCells.length){
		disableNextBtn();
	}
}

function prevSlide(){
	if(currentCell - 1 >= 0){
		enableNextBtn();
		currentSlideX = currentCell * sliderWidth;
		currentCell--;
		targetSlideX = currentCell * sliderWidth;
		
		slideContent();
	}
	
	if(currentCell - 1 < 0){
		disablePrevBtn();
	}
}



function slideContent(){
	
	// Calculate new content position
	if(targetSlideX > currentSlideX){
		currentSlideX = Math.ceil(currentSlideX + ((targetSlideX - currentSlideX) / stepDivisor));
	}
	else{
		currentSlideX = Math.floor(currentSlideX - ((currentSlideX - targetSlideX) / stepDivisor));
	}
	
	sliderWindow.scrollLeft = currentSlideX;
	
	if(currentSlideX != targetSlideX){
		var bt = setTimeout("slideContent()", frameDelay);
	}
}


function disablePrevBtn(){
	prevBtn.style.backgroundPosition = "0 -54px";
}

function disableNextBtn(){
	nextBtn.style.backgroundPosition = "0 -54px";
}

function enablePrevBtn(){
	prevBtn.style.backgroundPosition = "0 0";
}

function enableNextBtn(){
	nextBtn.style.backgroundPosition = "0 0";
}