var perms = '';
var set = {};
var datesHTML;
$(document).ready(function(){
	datesHTML = $("<div>");				   
	if($('#attend').lenght){
		var eventid = $('#attend').attr('class').match(/event-([0-9]+)/)[1];
		set.event = eventid;										   
		 
		 
		$.post('/sites/events/includes/calendar_event.php',{'event' : eventid, 'action' : "request",proxy_url:"ajax/calendar_event.php"}, function(data){
					
			perms=data;
			
				//add all the dates
				
				$.each(data.alldates, function(i,item){
				 	$(datesHTML).append('<a id="showOption-'+item.id+'" class="coming-dates" >on '+item.date+'</a>');
				 });
				
				//each date theyre coming, make it green with a tick box
				$.each(data.dates, function(i,item){	
						$('#attend').html('<img src="http://scrapbook.susu.org/icons/more/tick_box_tick.png"> I\'m Coming');
						$('#showOption-'+item.id,datesHTML).addClass("coming");
						$('#showOption-'+item.id,datesHTML).html('<img src="http://scrapbook.susu.org/icons/more/tick_box_tick.png"> on '+item.date);
						
				});
			
			$('#attend').unbind('click').bind('click', comingClick);
		if(perms.attendingSeries=="null"){
			alert("null error");
		}
			if(perms.attendingSeries != ''){
				$(datesHTML).append('<div id="notcoming"><strong style="color:#000">I\'m not coming...</strong><a onclick="removeAttendingFrom(\'series\');return false;">to any '+perms.seriesName+' events</a></div>');
			}else{
				$(datesHTML).append('<div id="notcoming"><a id="atendSeries" onclick="showOptions(\'series\');return false;">to all '+perms.seriesName+' events</a></div>');
			}
			
	$('#atendingOptions').html($(datesHTML).html());
		},'json');
		
		
		
	}
	
	return false;
});

function comingClick(){
	
	$('.coming-dates').each(function(i,item){
		$(item).unbind("click").bind("click",function(){showOptions($(item).attr('id').split("-")[1]);return false;});		   
	});
	$('.coming').each(function(i,item){
		$(item).unbind("click").bind("click",function(){removeAttendingFrom($(item).attr('id').split("-")[1]);return false;});		   
	});
	$('#atendingOptions').slideToggle();
	return false;
}
/*
function wanttoAttend(){
	var attendSeries = '';
	if(perms.attendingSeries != ''){
		attendSeries = '<strong>I\'m not coming...</strong><a onclick="removeAttendingFrom(\'series\');return false;">to any '+perms.seriesName+' events</a>');		
	}
	if(perms.seriesName != ''){
		$('#atendingOptions').html(datesHTML+'<a onclick="showOptions(\'series\');return false;">to all '+perms.seriesName+' events</a>'+attendSeries);
	} 
	$('#atendingOptions').slideToggle();
	return false;
}*/

function showOptions(type){
	if(type=='event' || type=='series'){
		set.type = type;
	}else{
		set.type = 'event';
		set.event = type;
	}
	$('#atendingOptions').html('<strong>display on my page:</strong><a onclick="setPerms(\'2\');return false;">to everyone</a><a onclick="setPerms(\'1\');return false;">to friends only</a><a onclick="setPerms(\'0\');return false;">to nobody</a>');
	return false;
}

function setPerms(level){
	set.level=level;
	set.action = 'setperms';
	set.proxy_url="ajax/calendar_event.php";
	$('#atendingOptions').slideToggle(function(){
											   $.post('/sites/events/includes/calendar_event.php',set, function(r){
			$('#attend').html('<img src="http://scrapbook.susu.org/icons/more/tick_box_tick.png"> I\'m Coming');
			if(set.type == 'series'){
				perms.attendingSeries = level;
				$('.coming-dates',datesHTML).each(function(i,item){
					$(item).unbind("click").bind("click",function(){removeAttending($(item).attr('id').split("-")[1]);return false;});
					var tmphtml = $(item).html()
				tmphtml = tmphtml.replace(/<img src=\"http:\/\/scrapbook.susu.org\/icons\/more\/tick_box_tick.png\"> /g,"");
					$(item).html(tmphtml);
					$(item).prepend('<img src="http://scrapbook.susu.org/icons/more/tick_box_tick.png"> ');
					$(item).addClass("coming");
					$(item).unbind("click").bind("click",removeAttending);	
				});
				$("#notcoming",datesHTML).html('<strong style="color:#000">I\'m not coming...</strong><a onclick="removeAttendingFrom(\'series\');return false;">to any '+perms.seriesName+' events</a>');
			}else{
				set = { 'event' : set.event };
				var tmphtml = $('#showOption-'+set.event,datesHTML).html()
				tmphtml = tmphtml.replace(/<img src=\"http:\/\/scrapbook.susu.org\/icons\/more\/tick_box_tick.png\"> /g,"");
				$('#showOption-'+set.event,datesHTML).html(tmphtml);
				$('#showOption-'+set.event,datesHTML).prepend('<img src="http://scrapbook.susu.org/icons/more/tick_box_tick.png"> ');
				$('#showOption-'+set.event,datesHTML).addClass("coming");
			}
				
			$('#atendingOptions').html($(datesHTML).html());
			$('.coming').each(function(i,item){
		$(item).unbind("click").bind("click",function(){removeAttendingFrom($(item).attr('id').split("-")[1]);return false;});		   
	});
	});	
											   });
	
	
	
	
	return false;
}

/*function removeAttending(){
	alert("un");
	if(perms.attendingSeries != ''){
		$('#atendingOptions').html('<strong>I\'m not coming...</strong><a onclick="removeAttendingFrom(\'event\');return false;">to this event</a><a onclick="removeAttendingFrom(\'series\');return false;">to any '+perms.seriesName+' events</a>');
	} else{
		$('#atendingOptions').html('<strong>I\'m not coming...</strong><a onclick="removeAttendingFrom(\'event\');return false;">to this event</a>');
	}
	$('#atendingOptions').slideToggle();
	return false;
}*/
function removeAttending(){
	
}
function removeAttendingFrom(type){
	if(type=="series"){
		set.remove = type;
	}else{
		set.remove = "event";
		set.event = type;
	}
	set.action = 'remove';
	set.proxy_url="ajax/calendar_event.php";
	$('#atendingOptions').slideToggle();
	$.post('/sites/events/includes/calendar_event.php',set,function(r){
			$('#attend').html('<img src="http://scrapbook.susu.org/icons/more/tick_box.png"> I\'m Coming');														
			if(type=="series"){
				
				$('.coming',datesHTML).each(function(i,item){
													 var tmphtml = $(item).html()
				tmphtml = tmphtml.replace(/<img src=\"http:\/\/scrapbook.susu.org\/icons\/more\/tick_box_tick.png\"> /,"");
				$(item).html(tmphtml);
					$(item).removeClass("coming").unbind("click").bind("click",function(){showOptions($(item).attr('id').split("-")[1]);return false;});		
				});
				$("#notcoming",datesHTML).html('<a id="atendSeries" onclick="showOptions(\'series\');return false;">to all '+perms.seriesName+' events</a>');
			}else{
				var tmphtml = $('#showOption-'+set.event,datesHTML).html()
				tmphtml = tmphtml.replace(/<img src=\"http:\/\/scrapbook.susu.org\/icons\/more\/tick_box_tick.png\"> /,"");
				$('#showOption-'+set.event,datesHTML).html(tmphtml);
				
				$('#showOption-'+set.event,datesHTML).removeClass("coming").unbind("click").bind("click",function(){removeAttending($(item).attr('id').split("-")[1]);return false;});	
				$('.coming',datesHTML).each(function(i,item){
					$('#attend').html('<img src="http://scrapbook.susu.org/icons/more/tick_box_tick.png"> I\'m Coming');		
				});
			}
			$('#atendingOptions').html($(datesHTML).html());
	});	
	
	return false;
	
}


