$(document).ready(function() { 

  $('#slider1').bxSlider({
    mode: 'fade',
    speed: '1000',
    controls: 'false',
    randomStart: 'true',
    auto: 'true',
    pause: '4000',
    prevText: '',
    nextText: '',
    displaySlideQty: '3'
  });
  $('#slider2').bxSlider({
    mode: 'fade',
    speed: '500',
    controls: 'false',
    randomStart: 'true',
    auto: 'true',
    pause: '3000',
    prevText: '',
    nextText: '',
    displaySlideQty: '3'
  });
  $('#slider3').bxSlider({
    mode: 'fade',
    speed: '500',
    controls: 'false',
    randomStart: 'true',
    auto: 'true',
    pause: '3000',
    prevText: '',
    nextText: '',
    displaySlideQty: '3'
  });
  $('#slider4').bxSlider({
    mode: 'fade',
    speed: '500',
    controls: 'false',
    randomStart: 'true',
    auto: 'true',
    pause: '3000',
    prevText: '',
    nextText: '',
    displaySlideQty: '3'
  });

	$('.kalender > tbody >tr').hide();
	// kolom van speeldag verbergen
	$('.kalender > tbody >tr >td:first-child').hide()
	$('.kalender_speeldag').hide();
				$('.kalender_vorige').hide();

	tetonen=parseInt($('.kalender_speeldag').text());
	$('.kalender > tbody >tr >td:first-child:contains("'+tetonen+'")').parents('tr').show();

	$('.kalender >tbody >tr >td').click(function()
	{
		ploeg = "";
		if($(this).index() == 2 || $(this).index() == 3)
		{
			ploeg = $(this).text();
		}
		if($(this).index() == 3)
		{
			ploeg = $(this).text();
		}
		if(ploeg != "")
		{
			$('table.kalender tr').hide();
			$('table.kalender tr:contains("' + ploeg + '")').show();
		}

	});

	$('.kalender_vorige').click(function()
	{
		$('.kalender_volgende').show();
		huidigzichtbaar = parseInt($('.kalender_speeldag').text());
		tetonen = huidigzichtbaar - 1;
		$('.kalender_speeldag').text(tetonen);
		$('.kalender > tbody >tr:visible').hide();
		$('.kalender > tbody >tr >td:first-child:contains("'+tetonen+'")').parents('tr').show();
		if(parseInt($('.kalender > tbody >tr:visible >td:first').text()) == 11 )
			{
				$('.kalender_vorige').hide();
			}
	});
	
	$('.kalender_volgende').click(function()
	{
		$('.kalender_vorige').show();
		huidigzichtbaar = parseInt($('.kalender_speeldag').text());
		tetonen = huidigzichtbaar + 1;
		$('.kalender_speeldag').text(tetonen);
		laatstespeeldag = parseInt($('.kalender > tbody >tr:last >td:first').text());
		$('.kalender > tbody >tr:visible').hide();
		$('.kalender > tbody >tr >td:first-child:contains("'+tetonen+'")').parents('tr').show();

		if(parseInt($('.kalender > tbody >tr:visible >td:first').text()) == laatstespeeldag )
			{
				$('.kalender_volgende').hide();
			}
	});


		for(i=1;i<4;i++)    
		{     
			$('.bvb tr td:nth-child('+i+')').hide();    
		}
		if($('.bvb tr td:nth-child(4):visible').index() == -1 )
		{
			$('.bvb_vorige').hide();
		}
		
			$('.bvb tr td:nth-child(1)').hide();    

	$('.bvb_volgende').click(function()
	{
		// welk is eerst zichtbare kolom ?
		var eersteZichtbareKolom = 0;
		for(i=1;i<7;i++)    
		{
			if($('.bvb tr td:nth-child('+ i +'):visible').index() !== -1 )
			{
//				alert('eersteZichtbareKolom ' + i);
				eersteZichtbareKolom = i;
				i=7; // exit for

			}
		}
		var teTonenKolom = eersteZichtbareKolom + 3;
		$('.bvb tr td:nth-child('+eersteZichtbareKolom+')').hide();    
		$('.bvb tr td:nth-child('+teTonenKolom +')').fadeIn('slow');    
		
		if(eersteZichtbareKolom > 0 )
		{
			$('.bvb_vorige').show();
		}
		else
		{
			$('.bvb_vorige').hide();
		}
		

		if(eersteZichtbareKolom < 4 )
		{
			$('.bvb_volgende').show();
		}
		else
		{
			$('.bvb_volgende').hide();
		}

	});

	$('.bvb_vorige').click(function()
	{
		// welk is eerst zichtbare kolom ?
		var eersteZichtbareKolom = 1;
		for(i=1;i<7;i++)    
		{
			if($('.bvb tr td:nth-child('+ i +'):visible').index() !== -1 )
			{
//				alert('eersteZichtbareKolom ' + i);
				eersteZichtbareKolom = i;
				i=7; // exit for

			}
		}
		var teTonenKolom = eersteZichtbareKolom -1;
		var teVerbergenKolom = eersteZichtbareKolom+2;
		$('.bvb tr td:nth-child('+teVerbergenKolom+')').hide();    
		$('.bvb tr td:nth-child('+teTonenKolom +')').fadeIn('slow');    
		
		if(eersteZichtbareKolom > 2 )
		{
			$('.bvb_vorige').show();
		}
		else
		{
			$('.bvb_vorige').hide();
		}
		

		if(eersteZichtbareKolom < 6 )
		{
			$('.bvb_volgende').show();
		}
		else
		{
			$('.bvb_volgende').hide();
		}

	});


	var fotos = [];


	// BEGIN IMGHOVER
	//      tonen gelinkte IMG bij hoveren
	//
	$("a.imghover").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='imghover'><img src='"+ this.href +"'>"+ c +"</p>");
		if (e.pageY + $('p#imghover img').height() > $(window).height() + $(window).scrollTop())
		{
			posTop = $(window).height() - $('p#imghover img').height() - 10 + $(window).scrollTop();
		}
		else
		{
			posTop = e.pageY - 5;
		}
		
		$("#imghover")
			.css("top",(posTop) + "px")
			.css("left",(e.pageX + 10) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#imghover").remove();
    });	
	$("a.imghover").mousemove(function(e){
		if (e.pageY + $('p#imghover img').height() > $(window).height() + $(window).scrollTop())
		{
			posTop = $(window).height() - $('p#imghover img').height() - 10 + $(window).scrollTop();
		}
		else
		{
			posTop = e.pageY - 5;
		}
		$("#imghover")
			.css("top",(posTop) + "px")
			.css("left",(e.pageX + 10) + "px");
	});			
	$("a.imghover").click(function(e){
		return false;
	});			

	//
	// EINDE IMGHOVER
	//

/* ----- BEGIN  IMGZOOMER (sponsors) ------*/
$("ul.thumb li").hover(function() {
	$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
	$(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '-110px',
			top: '50%',
			left: '50%',
			width: '240px', /* Set new width */
			height: '160px', /* Set new height */
			padding: '5px'
		}, 200); /* this value of "200" is the speed of how fast/slow this hover animates */

	} , function() {
	$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	$(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '150px', /* Set width back to default */
			height: '100px', /* Set height back to default */
			padding: '5px'
		}, 400);
});
/* ----- EIND  IMGZOOMER (sponsors) ------*/

	//  LIGHTBOX
	// pijltjestoetsen en Esc
	$(document).keydown( function(event) {
		//		alert('toets '+ event.keyCode);
		if (event.keyCode == '27') { $('IMG#lightbox_sluiten').click(); }
		if (event.keyCode == '37') { $('IMG#lightbox_vorige').click(); }
		if (event.keyCode == '39') { $('IMG#lightbox_volgende').click(); }
	});

	$('.imgbox').click( function() {

		//				alert('imgbox');
		// de HREF van de link bevat de link van de te tonen foto's
		fotos=fotos.slice(0,0);
		fotos[0] = $(this).attr('href');
		lightbox(fotos);

		return false;
	});


	$('.lightbox').click( function() {

		//				alert('ajax');
		// de HREF van de link bevat de directory van de te tonen foto's
		var fotodir = $(this).attr('href');
		var laatsteslash = fotodir.lastIndexOf('/');
		fotodir = fotodir.substr(0, laatsteslash);

		$.ajax({
			type:"POST",
			url: "/fotoalbum/lightbox.asp",
			dataType: "application/x-www-form-urlencoded",
//			data: "Action=hello&map=/userfiles/image/fa/vresse/chalet/",
			data: "Action=hello&map=" + fotodir,
			async: false,
//			success: function(msg){ $("body").append(msg);}
			success: function(msg){ afhandelen(msg);}
		});
		return false;
	});

	function afhandelen(msg) {
		//alert('msg ' + msg);
		// eerste komma weglaten
		msg = msg.slice(1);
		// string in array steken
		fotos = msg.split(',');

		//		fotos[0] = 'http://www.demowebsite.be/UserFiles/image/auto/300td1.jpeg';
		//		fotos[1] = '/UserFiles/image/auto/911a.jpeg';
		//		fotos[2] = '/UserFiles/image/auto/911b.jpeg';
		//		fotos[3] = 'http://www.demowebsite.be/UserFiles/image/auto/911v.jpeg';
		//		fotos[4] = 'http://www.demowebsite.be/UserFiles/image/auto/geld.jpeg';

		lightbox(fotos);

	};

	function lightbox(fotos) {
		/*
			toevoegen DIV als achtergrond volledige window
		*/
		//alert('in lightbox');
		$('body').append('<DIV ID="lightbox_bg"></DIV>');
		$('body').append('<DIV ID="lightbox_kader" align="center"><img ID="lightbox_vorige" src="/Userfiles/image/LAYOUT/lightbox/vorige.png"> <img ID="lightbox_sluiten" src="/Userfiles/image/LAYOUT/lightbox/stop.png"> <img ID="lightbox_volgende" src="/Userfiles/image/LAYOUT/lightbox/volgende.png"><img ID="lightbox_foto" style="display:none;"> <img ID="ajax_loader" src="/UserFiles/image/layout/lightbox/ajax-loader.gif"></DIV>');

		// dit ook nog in css proberen te steken
		$('DIV#lightbox_bg')
			.css('width', $(document).width())
			.css('height', $(document).height())
			;

		/*
			toevoegen DIV waarin foto wordt getoond
			met de navigatiebuttons en sluitknop
		*/
		//alert('bg toegevoegd');
		/*
			we tonen de eerste foto
			via attr fotonr houden we bij welke foto getoond wordt
		*/

		var fotonr = parseInt($('IMG#lightbox_foto').attr('fotonr'));
		var img = new Image();
		$('IMG#lightbox_foto').fadeOut('slow');
		fotonr = 0;

		img = $(new Image()).load(function() {
			$('IMG#lightbox_foto').attr('src', fotos[fotonr]);
			$('IMG#lightbox_foto').attr('fotonr', fotonr);
			fotosize(img);  
			$('IMG#lightbox_foto').fadeIn('slow');
		}).attr('src',fotos[fotonr] + '?' + (new Date().getTime()));

	};

	/*
		klikken op achtergrond : verwijderen boxen
	*/
	$('body').delegate('DIV#lightbox_bg', 'click', function(e) {
		$(this).remove();
		$('DIV#lightbox_kader').remove();
	});

	/*
		sluit-knop : verwijderen 
	*/
	$('body').delegate('IMG#lightbox_sluiten', 'click', function(e) {
		$('DIV#lightbox_bg').remove();
		$('DIV#lightbox_kader').remove();
	});
	
	/*
		vorige afbeelding 
	*/
	$('body').delegate('IMG#lightbox_vorige', 'click', function(e) {
		var fotonr = parseInt($('IMG#lightbox_foto').attr('fotonr'));
		var img = new Image();
		$('IMG#lightbox_foto').fadeOut('slow');
		fotonr = fotonr - 1;
		if (fotonr < 0) { fotonr = 0 };
		img = $(new Image()).load(function() {
			$('IMG#lightbox_foto').attr('src', fotos[fotonr]);
			$('IMG#lightbox_foto').attr('fotonr', fotonr);
			fotosize(img);  
			$('IMG#lightbox_foto').fadeIn('slow');
		}).attr('src',fotos[fotonr] + '?' + (new Date().getTime()));
	
	});

	/*
		volgende afbeelding 
	*/
	$('body').delegate('IMG#lightbox_volgende', 'click', function(e) {
//		alert('volgende' + $(window).scrollTop());
		var fotonr = parseInt($('IMG#lightbox_foto').attr('fotonr'));
		var img = new Image();
		$('IMG#lightbox_foto').fadeOut('slow');
		fotonr = fotonr + 1;
		if (fotonr > fotos.length - 1) { fotonr = fotonr - 1 };
		img = $(new Image()).load(function() {
			$('IMG#lightbox_foto').attr('src', fotos[fotonr]);
			$('IMG#lightbox_foto').attr('fotonr', fotonr);
			   fotosize(img);  
			$('IMG#lightbox_foto').fadeIn('slow');
		}).attr('src',fotos[fotonr] + '?' + (new Date().getTime()));

	});

	function fotosize(img)
	{
	//alert('fotosize2 - W=' + $(img).attr('width') + ' - H=' + $(img).attr('height'));
	//		alert('functie FOTOSIZE2');
		var fotonr = parseInt($('IMG#lightbox_foto').attr('fotonr'));

		var window_height = $(window).height();
		var window_width = $(window).width();

		var kader_height = 600;
		var kader_width = 800;
		var kader_top= 100;
		var kader_left = 100;
		
		var factor_height = 1;
		var factor_width = 1;
		var factor = 1;

		kader_height = $(img).attr('height');
		kader_width = $(img).attr('width');

		if (kader_height > window_height) { factor_height = window_height / kader_height; }
		if (kader_width > window_width) { factor_width = window_width / kader_width; }
				
		if (factor_height < factor_width) 
		{
			factor = factor_height;
		}
		else
		{
			factor = factor_width;
		}
		if (factor > 1) 
		{
			factor = 1;
		}

		kader_height = kader_height * factor;
		kader_width = kader_width * factor;

		kader_top = ((window_height - kader_height) / 2) + $(window).scrollTop();
		kader_left = ((window_width - kader_width) / 2) + $(window).scrollLeft();

		$('DIV#lightbox_kader').animate({
			top: kader_top + 'px',
			left: kader_left + 'px',
			height: kader_height + 20 + 'px',
			width: kader_width + 20 + 'px'
			}, 300, function() {
				// Animation complete.
			});

		$('IMG#lightbox_foto').css('height', kader_height + 'px');
		$('IMG#lightbox_foto').css('top', '0px');
		$('IMG#lightbox_foto').css('width', kader_width + 'px');
		$('IMG#lightbox_foto').css('left', '0px');
		
//		alert('aantal fotos' + fotos.length);

		if (parseInt($('IMG#lightbox_foto').attr('fotonr')) === fotos.length - 1)
		{
			$('IMG#lightbox_volgende').hide();
		}
		else
		{
			$('IMG#lightbox_volgende').show();
		}


		if (parseInt($('IMG#lightbox_foto').attr('fotonr')) === 0)
		{
			$('IMG#lightbox_vorige').hide();
		}
		else
		{
			$('IMG#lightbox_vorige').show();
		}
	
	};
   
	$('table#speeldag tr:gt(2)').hide();

	$('table#speeldag').click(function() {
			alert('klik');
		var spldg = parseInt($('table#speeldag').attr('speeldag'));
		spldg = spldg + 1;

		$('table#speeldag tr:eq(0)').append(spldg);

		$('table#speeldag tr:nth-child(spldg)').show();

			$('table#speeldag').attr('speeldag', spldg);

	});


	$('table.stand').each(function() {
		var $table = $(this);
          var rows = $table.find('tbody > tr').get();
          rows.sort(function(a, b) {
            var keyA = parseFloat($(a).children('td').eq(7).text());
            var keyB = parseFloat($(b).children('td').eq(7).text());
            if (keyA < keyB) return 1;
            if (keyA > keyB) return -1;
            return 0;
          });
          $.each(rows, function(index, row) {
            $table.children('tbody').append(row);
          });
	});

	$('table.standklein').each(function() {
		var $table = $(this);
          var rows = $table.find('tbody > tr').get();
          rows.sort(function(a, b) {
            var keyA = parseFloat($(a).children('td').eq(2).text());
            var keyB = parseFloat($(b).children('td').eq(2).text());
            if (keyA < keyB) return 1;
            if (keyA > keyB) return -1;
            return 0;
          });
          $.each(rows, function(index, row) {
            $table.children('tbody').append(row);
          });
	});

	$('table.scoorders').each(function() {
		var $table = $(this);
          var rows = $table.find('tbody > tr').get();
          rows.sort(function(a, b) {
            var keyA = parseFloat($(a).children('td').eq(3).text());
            var keyB = parseFloat($(b).children('td').eq(3).text());
            if (keyA < keyB) return 1;
            if (keyA > keyB) return -1;
            return 0;
          });
          $.each(rows, function(index, row) {
            $table.children('tbody').append(row);
          });
	});


	$(".zebra tr:even").css("background-color", "#DDD"); 
	$(".zebra tr:odd").css("background-color", "#CCC"); 

	$(".stand tr:contains('KK Malle')").css("background-color", "#C4D1F2"); 
	$(".stand tr:contains('KK Malle')").css("font-weight", "bold"); 

	$(".stand td:contains('KK Malle')").css("border-bottom-color", "#000"); 
	$(".stand td:contains('KK Malle')").css("border-bottom-style", "dotted"); 
	$(".stand td:contains('KK Malle')").css("border-bottom-width", "1px"); 

	$(".stand td:contains('KK Malle')").css("border-top-color", "#000"); 
	$(".stand td:contains('KK Malle')").css("border-top-style", "dotted"); 
	$(".stand td:contains('KK Malle')").css("border-top-width", "1px"); 

	$('table.kruistabel tr td').hover(
	  function () {
		var kol = $(this).attr("cellIndex") + 1;
		var rij = $(this).parents("tr").attr("rowIndex") + 1;
		$('table.kruistabel tr td:nth-child(' + kol + ')').css("background-color", "#C4D1F2");
		$(this).parent("table tr:nth-child(" + rij + ")").css("background-color", "#C4D1F2");
		
	  }, 
	  function () {
		var kol = $(this).attr("cellIndex") + 1;
		var rij = $(this).parents("tr").attr("rowIndex") + 1;
		$('table.kruistabel tr td:nth-child(' + kol + ')').attr("style", null);
		$(this).parent("table tr:nth-child(" + rij + ")").css("background-color", "#CCCCCC");
		$(this).parent("table tr:nth-child(" + rij + ")").css("style", null);
	  }
	);


   $(".standklein tr:contains('Malle')").css("font-weight", "bold"); 
   $(".standklein tr:contains('Malle')").css("background-color", "#C4D1F2"); 

    $("#tabs").tabs();

	$("table.woning> tbody > tr:even").addClass("item");
	$("table.woning> tbody > tr:odd").hide();
	$("table.woning> tbody > tr:even").click(function() {

   $(this).next().toggle();

	});

});