$(document).ready(function() {

	
	$('#slideshow').cycle({ delay: 1000, speed: 2000 });
	scroller();
	
	var taal = $('#taal').val();
	
	var dataString = "p=1,kalender_language=" + taal;
	$.ajax({ 
		type: "GET",
		url: "/ajax/today.dhtml",
		data: dataString,
		async: false,
		success: function(html) {
			$("#todayItems").html(html);
		}
	});
	
	var dataString = "p2=1,kalender_language=" + taal;
	$.ajax({ 
		type: "GET",
		url: "/ajax/comingsoon.dhtml",
		data: dataString,
		async: false,
		success: function(html) {
			$("#commingItems").html(html);
		}
	});
	
	var dataString = "";
	$.ajax({ 
		type: "GET",
		url: "/ajax/paginastoday.dhtml",
		data: dataString,
		async: false,
		success: function(html) {
			$(".paginastoday").html(html);
		}
	});
	
	var dataString = "";
	$.ajax({ 
		type: "GET",
		url: "/ajax/paginassoon.dhtml",
		data: dataString,
		async: false,
		success: function(html) {
			$(".paginassoon").html(html);
		}
	});
	
	
	 $(".pageNumber1").live("click", function () { 
		var number = $(this).attr("id");
		var dataString1 = "p=" + number;
		$.ajax({ 
			type: "GET",
			url: "/ajax/paginastoday.dhtml",
			data: dataString1,
			async: false,
			success: function(html) {
				$(".paginastoday").html(html);
			}
		});
		var dataString2 = "p=" + number + ",kalender_language=" + taal;
		$.ajax({ 
			type: "GET",
			url: "/ajax/today.dhtml",
			data: dataString2,
			async: false,
			success: function(html) {
				$("#todayItems").html(html);
			}
		});
	});
	
	$(".pageNumber1next").live("click", function () { 
		var klasse = $(this).attr("class");
		var number = klasse.substring(20);
		var dataString1 = "p=" + number;
		$.ajax({ 
			type: "GET",
			url: "/ajax/paginastoday.dhtml",
			data: dataString1,
			async: false,
			success: function(html) {
				$(".paginastoday").html(html);
			}
		});
		var dataString2 = "p=" + number + ",kalender_language=" + taal;
		$.ajax({ 
			type: "GET",
			url: "/ajax/today.dhtml",
			data: dataString2,
			async: false,
			success: function(html) {
				$("#todayItems").html(html);
			}
		});
	});
	
	$(".pageNumber1prev").live("click", function () { 
		var klasse = $(this).attr("class");
		var number = klasse.substring(20);
		var dataString1 = "p=" + number;
		$.ajax({ 
			type: "GET",
			url: "/ajax/paginastoday.dhtml",
			data: dataString1,
			async: false,
			success: function(html) {
				$(".paginastoday").html(html);
			}
		});
		var dataString2 = "p=" + number + ",kalender_language=" + taal;
		$.ajax({ 
			type: "GET",
			url: "/ajax/today.dhtml",
			data: dataString2,
			async: false,
			success: function(html) {
				$("#todayItems").html(html);
			}
		});
	});
	
	$(".pageNumber2").live("click", function () { 
		var number = $(this).attr("id");
		var dataString1 = "p2=" + number;
		$.ajax({ 
			type: "GET",
			url: "/ajax/paginassoon.dhtml",
			data: dataString1,
			async: false,
			success: function(html) {
				$(".paginassoon").html(html);
			}
		});
		var dataString2 = "p2=" + number + ",kalender_language=" + taal;
		$.ajax({ 
			type: "GET",
			url: "/ajax/comingsoon.dhtml",
			data: dataString2,
			async: false,
			success: function(html) {
				$("#commingItems").html(html);
			}
		});
	});
	
	$(".pageNumber2next").live("click", function () { 
		var klasse = $(this).attr("class");
		var number = klasse.substring(20);
		var dataString1 = "p2=" + number;
		$.ajax({ 
			type: "GET",
			url: "/ajax/paginassoon.dhtml",
			data: dataString1,
			async: false,
			success: function(html) {
				$(".paginassoon").html(html);
			}
		});
		var dataString2 = "p2=" + number + ",kalender_language=" + taal;
		$.ajax({ 
			type: "GET",
			url: "/ajax/comingsoon.dhtml",
			data: dataString2,
			async: false,
			success: function(html) {
				$("#commingItems").html(html);
			}
		});
	});
	
	$(".pageNumber2prev").live("click", function () { 
		var klasse = $(this).attr("class");
		var number = klasse.substring(20);
		var dataString1 = "p2=" + number;
		$.ajax({ 
			type: "GET",
			url: "/ajax/paginassoon.dhtml",
			data: dataString1,
			async: false,
			success: function(html) {
				$(".paginassoon").html(html);
			}
		});
		var dataString2 = "p2=" + number + ",kalender_language=" + taal;
		$.ajax({ 
			type: "GET",
			url: "/ajax/comingsoon.dhtml",
			data: dataString2,
			async: false,
			success: function(html) {
				$("#commingItems").html(html);
			}
		});
	});
	

		
});

function scroller() {
	if (document.getElementById("scrollerWrapper") && document.getElementById("scroller1")) {
		height = parseInt($("#scroller1").css("height"));
		pos1 = $("#scroller1").position().top;
		pos2 = $("#scroller2").position().top;
		scrollInt=setInterval("doScroll()",60)
	
		$("#scrollingHotSpotTop").mouseover(function() {
			scrollingSpeed = 9;//9
		});
		
		$("#scrollingHotSpotTop").mouseout(function() {
			scrollingSpeed = 0;//3
		});
		
		$("#scrollingHotSpotBottom").mouseover(function() {
			scrollingSpeed = -9;//-9
		});
		
		$("#scrollingHotSpotBottom").mouseout(function() {
			scrollingSpeed = 0;//-3
		});
		
		$("div#makeMeScrollable .sliderCase").mouseover(function() {
			scrollingSpeed = 0;//0
		});
		$("div#makeMeScrollable .sliderCase").mouseout(function() {
			if(!scrollPopup) {
				scrollingSpeed = 0;//-3
			}	
		});
	}
}

var scrollingSpeed = 0;//-3
var scrollPopup = false;
var pos1, pos2, height;
function doScroll() {
	pos1 = pos1 + scrollingSpeed;
	pos2 = pos2 + scrollingSpeed;
	$("#scroller1").css( { "top": pos1 + "px" } );
	$("#scroller2").css( { "top": pos2 + "px" } );
	
	if (pos1 < (height * -1)) {
		pos1 = pos2 + height;
		$("#scroller1").css( { "top": pos1 + "px" } );
	}
	if (pos2 < (height * -1)) {
		pos2 = pos1 + height;
		$("#scroller2").css( { "top": pos2 + "px" } );
	}
	if (pos1 > height) {
		pos1 = pos2 - height;
		$("#scroller1").css( { "top": pos1 + "px" } );
	}
	if (pos2 > height) {
		pos2 = pos1 - height;
		$("#scroller2").css( { "top": pos2 + "px" } );
	}
}