var root = '';

$(document).ready(function(){

	$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	
	$('a[rel="tabsclick"]').click(function(){
		window.location.href = $(this).attr('url');
	});

	$(".btn-slide").click(function(){
		$("#panel").slideToggle("slow");
		if($(this).attr('class')=='btn-slide active'){			
			 $('form[name="inlog_form"]').submit();
		}
		$(this).toggleClass("active"); return false;
	});
	
	
	$('select[rel="event_invite"]').change(function(){
		var eventid = $(this).attr('eventid');
		var eventresponse = $(this).attr('value');
		
		$.ajax({
			type: "POST",
			url: root+"/ajax/site/event_invite",
			data: { 
				eventid: eventid,
				eventresponse: eventresponse
			},
			success: function(msg){
				alert(msg),
				window.location.reload();
			}
		})
	}); 
	
	$("ul.styled li").hover(function() {
			$(this).find("div").fadeIn('10000') 
			$(this).find("ul").fadeIn('1000').slideDown('10000')
			
	} , function() {
		$(this).find("div").slideUp('1000').fadeOut('1000');
		$(this).find("div").remove();
		$(this).find("ul").fadeOut('1000');
		
	});
	
	if($('#wlk').length>0){
		$('#wlk').html('<input type="submit" class="button" value="Verstuur" />');
	}
	
	if($('#showleden').length>0){
		getMembers('cont-2', '', '0', 'lastname', 'asc');  
		$(".button").each(function(){
			$(this).click(function(){
				tabeId = $(this).attr('id');
				$(".button").removeClass("activeLink");
				$(this).addClass("activeLink");
				$(".tabcontent").addClass("hide");
				$("#"+tabeId+"-1").removeClass("hide")   
				getMembers(tabeId, '', '0', 'lastname', 'asc');  
			});
		});  
		
		$('#search_member').keyup(function() {
			var keyword = $(this).val();
			var tabeId = $('#searchvalue').html();
			getMembers(tabeId, keyword, '0', 'lastname', 'asc');  
		});
		
		
	}; 
	
	var ajaxcall;
	function getMembers(tabeId, keyword,start, sortkey, srt){
		$('#searchvalue').html(tabeId);
		var result = $('#showleden');		
		
		if(ajaxcall && ajaxcall.readystate != 4){
            ajaxcall.abort();
        }
		
		ajaxcall = $.ajax({
			type: "POST",
			url: root+"/ajax/site/ajax_leden",
			targetDiv: result, 
			data: { 
				tabeId: tabeId,
				keyword: keyword,
				start: start,
				sortkey: sortkey,
				srt: srt
			},
			success: function(msg){
				$(this.targetDiv)
					.html(msg),
					paging(tabeId, keyword, sortkey, srt),						
					sort(tabeId, keyword, sortkey, srt),
					
					/*$('li[rel="member"]').hover(
					  function () {
						memberPopup($(this).attr('memid'));
					  }, 
					  function () {
						$('#memberpopbox').html('');
					  }
					)*/

					
					$('li[rel="member"]').click(function(){
						memberPopup($(this).attr('memid'));
						
					})
			}
		});	
	}
	
	function sort(tabeId, keyword){
		$('a[rel="sort"]').click(function(){
			getMembers(tabeId, keyword,'0', $(this).attr('sortkey'), $(this).attr('srt'));
		});	
	}
	
	function paging(tabeId, keyword, sortkey, srt){
		$('a[rel="paging"]').click(function(){
			getMembers(tabeId, keyword,$(this).attr('start'), sortkey, srt);
		});	
	}
	
	function memberPopup(memberid){
		var result = $('#memberpopbox');		
		$.ajax({
			type: "POST",
			url: root+"/ajax/site/ajax_ledenpop",
			targetDiv: result, 
			data: { 
				memberid: memberid
			},
			success: function(msg){
				$(this.targetDiv)
					.html(msg),
					$('img[rel="closepopup"]').click(function(){
						$('#memberpopbox').html('');
					});							
			}
		});	
	}
	
});