$(document).ready(function() {

	$("#bericht").live("click", function () {
		$('#bericht').wysiwyg();
	});

	$('table.tblKleur tbody tr:odd').addClass('odd');
	$('table.tblKleur tbody tr:even').addClass('even');

	$('a.test').zoomimage({
	border: 10,
	centered: true,
	hideSource: true

	});
	
	$("div.Go").click( function () {
		location = this.title;
	});
	
	$("a.alink").click(function(){
		var waar = $(this).attr("rel")
		$(waar).hide();
		$.ajax({
		  url: this.href,
		  cache: false,
		  success: function(html){
		    $(waar).empty();
		    $(waar).append(html);
		    $(waar).fadeIn(2000);
		  }
		});
		
		return false;
	});
	
	$("a.editshow").live("click", function(){
		$("#showcontainer").load("gegevensaanpassen.asp?e=nul");
	});
	
	    $('#submitgegevens').live("click", function(){
	
			var options = { 
        target:        '#done',
        beforeSubmit:  showRequest1,
        success:       showResponse1,
        clearForm: false,
        resetForm: false
        // $.ajax options can be used here too, for example: 
        //timeout:   3000 
    	}; 
    	
		$('#gegevensform').ajaxForm(options);
		
		// pre-submit callback 
		function showRequest1(formData, jqForm, options) { 
		    var QSVoornaam = $('#voornaam').attr('value');
		    var QSNaam = $('#naam').attr('value');
		    var QSFoto = $('#fotourl').attr('value');
		    if (QSVoornaam=="")
			{
			    alert("Gelieve uw voornaam in te voeren!");
			    return false; 
			}
			else if (QSNaam=="")
			{
			    alert("Gelieve uw naam in te voeren!");
			    return false; 
			}
			else if (QSFoto=="")
			{
			    alert("Gelieve een url of 'standaard' als foto in te voeren!");
			    return false; 
			}
			else
			{
				return true;
			}
		} 
		 
		// post-submit callback 
		function showResponse1(responseText, statusText)  { 
		 $('#done').show("highlight", {}, 1500, function(){
		 $('#done').fadeOut(2000);
		 });
		}  
});
	
	$("a.meerInfo").live("click", function(){
		var breedte=parseInt($(this).attr("rel"));
		
		$("#dialog").html("<img src='images/loading.gif' alt='Loading'/>");
		
		$.ajax({
		  url: this.href,
		  cache: false,
		  success: function(html){
		    $("#dialog").empty();
		    $("#dialog").append(html);
		  }
		});
		
			$(function() {
		$.ui.dialog.defaults.bgiframe = true;
		$.ui.dialog.defaults.width = breedte;

				$("#dialog").dialog( { minWidth: 500, position: 'top', modal: false } );
				$("#dialog").dialog('open');
			});
		return false;
	});


	$("a.external").live("click", function() {
	    window.open(this.href);
	    return false;
  	});

	
		$(".submit,.hover").hover(
			function(){ 
				$(this).addClass("ui-state-hover"); 
			},
			function(){ 
				$(this).removeClass("ui-state-hover"); 
			}
		);
	
    $("#menudialog").live("click", function() {
    	$("#login").dialog({ draggable: true, position: ['left','top'], resizable: false, width:300, title: 'Inloggen'});
    	$("#login").dialog('open');
    	return false;
    });
    
    
    $("#KWhover").mouseenter(function(){
    		$("#KW").dialog({ modal: false, title: 'Komende Wedstrijden', draggable:false, resizable: false, minWidth: 600 });
    		$("#KW").dialog('open');
    	}).mouseleave(function(){
    		$("#KW").dialog('close');
    });
    
	           $('#slide').cycle({
			    fx:     'shuffle',
			    timeout: 5000,
			    cleartypeNoBg:  true,
			    pause:	1
			  });

  	$("a.reageer").live("click",function(){
		var link = $(this).attr("href");
		var htm = "<iframe id='reactFrame' src ='"+link+"' width='500px' height='300px' frameborder='0' style='border:1px solid #ccc;display:block'>";
		$("#reactFrame").remove();
		$(".reageer").show();
		$(this).hide();
		$(this).parent(".reactie").append(htm);
		$(this).parent(".reactie").append("<p id='verberg'>Sluit Reactie</p>");
		return false;
	});
	
	$("#verberg").live("click", function(){
		$("#reactFrame").remove();
		$(".reageer").show();
		$(this).remove();
	});

	$("a.leesverslag").live("click", function(){
		$(".leesverslag").show();
		$("div.inhoud").hide();
		$(this).next('div').fadeIn(2000);
		$(this).hide();
		return false;
	});

		$("#blogFeed").html("<img src='images/loading.gif' alt='Loading'/>");

		$.getJSON("http://volleyclubloppem.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=100&callback=?",
		        function(data){
		        	var aantal = data.feed.openSearch$totalResults.$t;
		        	var html = '';
		          var value = $('#zoek').val();

		          $.each(data.feed.entry, function(id, item){
		            var title = item.title.$t;
		            var summary = item.content.$t;
		            var dag = item.published.$t.substr(8,2);
		            var maand = item.published.$t.substr(5,2);
		 		           var cat = ''
		   		           $.each(item.category, function(){
		 		           	cat += ""+this.term+", ";
		 		           });
		 		           	cat = cat.replace(/\, $/,'');

		            switch (maand)
					{
					case "01":
					  maand = "Jan";
					  break;
					case "02":
					  maand = "Feb";
					  break;
					case "03":
					  maand = "Maa";
					  break;
					case "04":
					  maand = "Apr";
					  break;
					case "05":
					  maand = "Mei";
					  break;
					case "06":
					  maand = "Jun";
					  break;
					case "07":
					  maand = "Jul";
					  break;
					case "08":
					  maand = "Aug";
					  break;
					case "09":
					  maand = "Sep";
					  break;
					case "10":
					  maand = "Okt";
					  break;
					case "11":
					  maand = "Nov";
					  break;
					case "12":
					  maand = "Dec";
					  break;
					}
		
	            var link = item.link[0].href;
	            var reactieT = item.link[1].title;
	            var reactieL = item.link[1].href;
	            var share = item.link[4].href;

		         
		         if ( cat.toLowerCase().match(value.toLowerCase()) != null ) {
	           		html += "<div class='itemWrap'><div class='item'><h3>"+title+"</h3>";
	            	html += "<p class='date'>"+maand+"<b>"+dag+"</b></p>";
	            	if ( value == "nieuws" ) {
	            		html += "<div class='inhoud'>"+summary;
	            	}
	            	else { 
	            		html += "<a href='"+link+"' class='leesverslag'>Lees meer...</a><div class='inhoud' style='display:none'>"+summary;
	            	}
	            	html += "<p class='reactie'><a href='"+reactieL+"' class='reageer'>"+reactieT+"</a> &hearts; <a href='http://www.facebook.com/share.php?u="+share+"' class='external'>Deel op facebook</a></p></div>";
	            	html += "</div></div>"
		         };
		            if ( id == aantal-1 ) {
		            	
		              $("#blogFeed").empty();
		              $("#blogFeed").append(html);
		              return false;
		            }
		         
		          });
		        });
		
		$("#ActShow").click(function() {
		
		$("#showcontainer").empty();
		$("#showcontainer").html("<img src='images/loading.gif' alt='Loading'/>");

		$.getJSON("http://volleyclubloppem.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=100&callback=?",
		        function(data){
		        	var aantal = data.feed.openSearch$totalResults.$t;
		        	var html = '';
		          var value = 'activiteit';
		          $.each(data.feed.entry, function(id, item){
		            var title = item.title.$t;
		            var summary = item.content.$t;
		            var dag = item.published.$t.substr(8,2);
		            var maand = item.published.$t.substr(5,2);
		 		           var cat = ''
		   		           $.each(item.category, function(){
		 		           	cat += ""+this.term+", ";
		 		           });
		 		           	cat = cat.replace(/\, $/,'');

		            switch (maand)
					{
					case "01":
					  maand = "Jan";
					  break;
					case "02":
					  maand = "Feb";
					  break;
					case "03":
					  maand = "Maa";
					  break;
					case "04":
					  maand = "Apr";
					  break;
					case "05":
					  maand = "Mei";
					  break;
					case "06":
					  maand = "Jun";
					  break;
					case "07":
					  maand = "Jul";
					  break;
					case "08":
					  maand = "Aug";
					  break;
					case "09":
					  maand = "Sep";
					  break;
					case "10":
					  maand = "Okt";
					  break;
					case "11":
					  maand = "Nov";
					  break;
					case "12":
					  maand = "Dec";
					  break;
					}
		
	            var link = item.link[0].href;
	            var reactieT = item.link[1].title;
	            var reactieL = item.link[1].href;
				var share = item.link[4].href;
		         
		         if ( cat.toLowerCase().match(value.toLowerCase()) != null ) {
		            
	           		html += "<div class='itemWrap'><div class='item'><h3><a href='"+link+"' class='external'>"+title+"</a></h3>"
	            	html += "<p class='date'>"+maand+"<b>"+dag+"</b></p>"
	            	html += "<a href='"+link+"' class='leesverslag'>Lees meer...</a><div class='inhoud' style='display:none'>"+summary;
	            	html += "<p class='reactie'><a href='"+reactieL+"' class='reageer'>"+reactieT+"</a> &hearts; <a href='http://www.facebook.com/share.php?u="+share+"' class='external'>Deel op facebook</a></p></div>";
	            	html += "</div></div>"
		         };
		            if ( id == aantal-1 ) {
		            	
		              $("#showcontainer").empty();
		              $("#showcontainer").append(html);
		              return false;
		            }
		         
		          });
		        });

		});

});