// JavaScript Document


// START : GUIDE 
	var guide_height = 0;
	var upTimer = '';
	var downTimer = '';
	var selectedDay = 4;
	var numberOfItems = new Array();
	
	function createNumberOfItems()
	{
		numberOfItems[0] = $("#guide_slide ul:eq(0) li").length;
		numberOfItems[1] = $("#guide_slide ul:eq(1) li").length;
		numberOfItems[2] = $("#guide_slide ul:eq(2) li").length;
		numberOfItems[3] = $("#guide_slide ul:eq(3) li").length;
		numberOfItems[4] = $("#guide_slide ul:eq(4) li").length;
		numberOfItems[5] = $("#guide_slide ul:eq(5) li").length;
		numberOfItems[6] = $("#guide_slide ul:eq(6) li").length;
		
		getSelectedDay();
		getSelectedHour();
	}
	
	function getSelectedDay()
	{
		var day = new Date();
		var currentDay = day.getDay();
		var days = new Array();
		
		days[0] = "#zo";
		days[1] = "#ma";
		days[2] = "#di";
		days[3] = "#wo";
		days[4] = "#do";
		days[5] = "#vr";
		days[6] = "#za";
		
		var left = new Array();
		
		left[0] = "-1800px";
		left[1] = "0px";
		left[2] = "-300px";
		left[3] = "-600px";
		left[4] = "-900px";
		left[5] = "-1200px";
		left[6] = "-1500px";
		
		if (currentDay == 0) {
		
			selectedDay = 6;
		}
		else {
		
			selectedDay = currentDay - 1;
		}
		
		$(days[currentDay]).toggleClass("selected");
		$("#guide_slide").animate( { left: left[currentDay]}, 1000 );
	}
	
	function getSelectedHour()
	{
		var currentTime = new Date();
		var hours = currentTime.getHours();
		var minutes = currentTime.getMinutes();
		var counter = 0;

		currentTime = hours + '' + minutes;
		currentTime = Number(currentTime);

		var guideContainer = document.getElementById('guide_container');
		var root = guideContainer.getElementsByTagName('ul')[selectedDay];
		var node = null;

		var log = '';

		for (i=0;i<root.childNodes.length;i++) {
			
			var li = root.childNodes[i];
			
			for (j=0;j<li.childNodes.length;j++) {
				
				a = li.childNodes[j];
				
				for (x=0;x<a.childNodes.length;x++) {

					span = a.childNodes[x];
				
					attribute = span.attributes;

					for (y=0;y<span.attributes.length;y++) {
					
						if (span.attributes[y].nodeName == 'class') {
						
							if (span.attributes[y].nodeValue == 'uur') {
								
								hour = span.childNodes[0].nodeValue;
								hour = hour.replace('.', '');
								hourInt = Number(hour);

								if (hourInt < currentTime && hourInt > 500) {
						
									log = log  + hourInt + '/' + currentTime + '/';
									counter = i;
								}	
							}
						}
					}	
				}
			}
		}
		
		guide_height = counter * -35;
		
		$("#guide_slide").animate( { top: guide_height+"px"}, 300 );
	}
	
	function slideUp()
	{
		if (guide_height < 0) {		
			guide_height = guide_height+35;
			$("#guide_slide").animate( { top: guide_height+"px"}, 300 );
			upTimer = setTimeout(slideUp, 500);
		}
		else {		
			clearTimeout(upTimer);
		}
	}
	
	function slideDown()
	{
		var max = (numberOfItems[selectedDay]-4) * -35;
		
		if (guide_height > max) {	
			guide_height = guide_height-35;
			$("#guide_slide").animate( { top:guide_height+"px"}, 300 );
			downTimer = setTimeout(slideDown, 500);
		}
		else {	
		
			clearTimeout(downTimer);
		}
	}
	
	$(document).ready(function(){
	
		numberOfItems[0] = $("#guide_slide ul:eq(0) li").length;
		numberOfItems[1] = $("#guide_slide ul:eq(1) li").length;
		numberOfItems[2] = $("#guide_slide ul:eq(2) li").length;
		numberOfItems[3] = $("#guide_slide ul:eq(3) li").length;
		numberOfItems[4] = $("#guide_slide ul:eq(4) li").length;
		numberOfItems[5] = $("#guide_slide ul:eq(5) li").length;
		numberOfItems[6] = $("#guide_slide ul:eq(6) li").length;
		
		$("#ma").click(function(){
			$("#guide_slide").animate( { left:"0px"}, 1000 );
			$("#guide_slide").animate( { top:"0px"}, 800 );
			$("#guide ol a").removeClass("selected");					
			$("#ma").toggleClass("selected");
			guide_height = 0;
			selectedDay = 0;
		});
		$("#di").click(function(){
			$("#guide_slide").animate( { left:"-300px"}, 1000 );
			$("#guide_slide").animate( { top:"0px"}, 800 );
			$("#guide ol a").removeClass("selected");					
			$("#di").toggleClass("selected");
			guide_height = 0;
			selectedDay = 1;
		});
		$("#wo").click(function(){
			$("#guide_slide").animate( { left:"-600px"}, 1000 );
			$("#guide_slide").animate( { top:"0px"}, 800 );
			$("#guide ol a").removeClass("selected");					
			$("#wo").toggleClass("selected");
			guide_height = 0;
			selectedDay = 2;
		});
		$("#do").click(function(){
			$("#guide_slide").animate( { left:"-900px"}, 1000 );
			$("#guide_slide").animate( { top:"0px"}, 800 );
			$("#guide ol a").removeClass("selected");					
			$("#do").toggleClass("selected");
			guide_height = 0;
			selectedDay = 3;
		});
		$("#vr").click(function(){
			$("#guide_slide").animate( { left:"-1200px"}, 1000 );
			$("#guide_slide").animate( { top:"0px"}, 800 );
			$("#guide ol a").removeClass("selected");					
			$("#vr").toggleClass("selected");
			guide_height = 0;
			selectedDay = 4;
		});
		$("#za").click(function(){
			$("#guide_slide").animate( { left:"-1500px"}, 1000 );
			$("#guide_slide").animate( { top:"0px"}, 800 );
			$("#guide ol a").removeClass("selected");					
			$("#za").toggleClass("selected");
			guide_height = 0;
			selectedDay = 5;
		});
		$("#zo").click(function(){
			$("#guide_slide").animate( { left:"-1800px"}, 1000 );
			$("#guide_slide").animate( { top:"0px"}, 800 );
			$("#guide ol a").removeClass("selected");					
			$("#zo").toggleClass("selected");
			guide_height = 0;
			selectedDay = 6;
		});
		
		$("#up").mouseover(function(){
			slideUp();
		});
		
		$("#up").mouseout(function(){
			clearTimeout(upTimer);
		});
		
		$("#down").mouseover(function(){
			slideDown();
		});
		
		$("#down").mouseout(function(){
			clearTimeout(downTimer);
		});
// STOP : GUIDE
	
	
// START : MENU
		$("#menu ul li a").mouseover(function(){
			$(".rollover").hide();	
			$("#menu ul li a").removeClass("selected");				
		});				
		$(".close_all").mouseover(function(){
			$(".rollover").hide();	
			$("#menu ul li a").removeClass("selected");				
		});
		$("#nav_optv").mouseover(function(){
			$("#optv").show();								
			$("#nav_optv").addClass("selected");
		});	
		$("#nav_nieuws").mouseover(function(){
			$("#nieuws").show();								
			$("#nav_nieuws").addClass("selected");
		});
		$("#nav_meedoen").mouseover(function(){
			$("#meedoen").show();								
			$("#nav_meedoen").addClass("selected");
		});	
		$("#nav_service").mouseover(function(){
			$("#service").show();								
			$("#nav_service").addClass("selected");
		});
// STOP : MENU

// START : TABS 	
		$("#tab_het_nieuws").click(function(){
			$("#tabs_slide").animate( { left:"0px"}, 1000 );
			$("#tabs ol a").removeClass("selected");					
			$("#tab_het_nieuws").toggleClass("selected");
		});
		$("#tab_sport").click(function(){
			$("#tabs_slide").animate( { left:"-350px"}, 1000 );
			$("#tabs ol a").removeClass("selected");					
			$("#tab_sport").toggleClass("selected");
		});
		$("#tab_weer").click(function(){
			$("#tabs_slide").animate( { left:"-700px"}, 1000 );
			$("#tabs ol a").removeClass("selected");					
			$("#tab_weer").toggleClass("selected");
		});
// STOP : TABS
	
	
// START : TOPPERS 	
		$("#toppers_left").click(function(){							    
			$("#toppers_slide").animate( { left:"+=162px"}, 600 );
		});
		$("#toppers_right").click(function(){							     
			$("#toppers_slide").animate( { left:"-=162px"}, 600 );
		});
// STOP : TOPPERS

	});