var currentSlide = 1;	
var heightLimit = 0;
var slideIndex = 0;
var slideWidth = 0;
var fullWidth = 0;
var slideLimit = 0;

function initScroll(){
	
	$kuj("#clickscroll").css("visibility", "visible");
	$kuj("#clickScrollControl").css("visibility", "visible");

	$kuj(".slide").each(function (i) {
		slideLimit += 1;
	});
	
	var slides = document.getElementsByName("slide");
	
	slideWidth = $kuj("#clickscroll").attr("offsetWidth");

	fullWidth = slideLimit * slideWidth;

	$kuj("#scrolldiv").css("width", fullWidth + "px");
	
    $kuj(".slide").each(function (i) {
		this.style.width = slideWidth + "px";
		this.style.left = (slideWidth*slideIndex) + "px";
		this.style.top = "0px";

		if ($kuj(this).attr("offsetHeight") > heightLimit){heightLimit = $kuj(this).attr("offsetHeight");}
		slideIndex += 1;
	  });
	$kuj("#clickscroll").css("height", heightLimit + "px");	

	$kuj("#prevButton").click(function (){
		scrollLeft(slideWidth, slideLimit);});

	$kuj("#nextButton").click(function (){
		scrollRight(slideWidth, slideLimit);});
	
}

function scrollLeft(x, y){
	
	if ( $kuj.browser.msie ){
		if ( $kuj.browser.version == "6.0"){
			alert("Not Compatible with IE6");
			return;
		}
	}

	if(currentSlide > 1){
		currentSlide -= 1;
		$kuj("#scrolldiv").animate({"left": "+=" + x + "px"}, 500);
	}
	else{
		currentSlide = y;
		$kuj("#scrolldiv").animate({"left": "-" + ((y * x) - x) + "px"}, 500);
	}
}

function scrollRight(x,y){
	if ( $kuj.browser.msie ){
		if ( $kuj.browser.version == "6.0"){
			alert("Not Compatible with IE6");
			return;
		}
	}

	if(currentSlide < y){
		currentSlide +=1;
		$kuj("#scrolldiv").animate({"left": "-=" + x + "px"}, 500);
	}
	else{
		currentSlide = 1;
		$kuj("#scrolldiv").animate({"left": "0px"}, 500);
	}

}