SIV.addHandlers({	

	getTimetable : function(success, data) {
		$('#timetableLoader').hide();
		$('#showTimetable').removeClass('disabled');
		if(success){
			$('#timetablePlaceholder').html(data.html);
			if(data.message){
				$('#alterationNotice').html(data.message);
			}else{
				$('#alterationNotice').text("");
			}
			
		}else{
			$('#siv-form-submit').removeClass('disabled-button');
			$('.sivform-loading').hide();
			$('.sivform-error').html(data.error);
			$('.sivform-error').show();
			$('input[name=' + data.input + ']').addClass('error').focus();
		}
	}
})



$(function(){
	
	
	$('.checkboxContainer input').click(function(){
			checkTicks();
	})
	
	$('#showTimetable').click(function(){
		if($(this).hasClass('disabled')) return false;
		$(this).addClass('disabled');
		$('#timetableLoader').show();
		$('#timetablePlaceholder').html("");
		SIV.ajaxCall({
			url: '/timetables/ajax/getTimetable',
			form: 'timetableSelect',
			handler: 'getTimetable'
		}); 
		
		return false;
		
	})
	
	/*$('.day-link').live('click',function(){
		if($(this).hasClass('disabled')) return false;
		$(this).toggleClass('active');
		id = $(this).getId();
		console.log(id);
		if($(this).hasClass('active')){
			$('#timetable-' + id).show();
		}else{
			$('#timetable-' + id).hide();
		}
		
		return false;
	})*/
	
	$('.day-link').live('click',function(){
		
		id = $(this).getId();
		$.scrollTo( '#timetable-' + id , 800, {easing:'swing', axis:'y'} );
		return false;

	})
	
	$('.backToTop').live('click',function(){
		
		$.scrollTo( '#timetableContainer' , 800, {easing:'swing', axis:'y'} );
		return false;
	})

	$('.info-click').live('click',function(){
		id = $(this).getId();
		classId = $(this).parent('.class').getId()
		if($('#extra-' + id).html() == ""){
			$('#extra-' + id).html(DataBridge.classes[classId])
		}
		$('#extra-' + id).slideToggle();
		return false;
	}) 
	$('.alteration-click').live('click',function(){
		id = $(this).getId();
			
		$('#alteration-' + id).slideToggle();
		return false;
	}) 
	
	$('.bookButton').live('click',function(){
		$.colorbox({
			width: "710px",
			inline: true,
			href: "#leaveNotice",
			overlayClose: false,
			onComplete : function(){
				javascript_countdown.init(10, 'countdownTimer');
			},
			onClosed : function(){
				javascript_countdown.stop();
			}
		});
		
		return false;
	})
	
	$('.bookInfo').live('click',function(){
		id = $(this).getId();
		
		$('#bookInfoHtml').html(DataBridge.bookingInfo[id]['bookingInformation']);
		$.colorbox({
			width: "710px",
			inline: true,
			href: "#bookInformation",
			overlayClose: false
		});
		
		return false;
		
		
	})
	
	$('#takeMeThere').live('click',function(){
			window.open('http://www.sivonline.com/','SIV Online') ;
			javascript_countdown.stop();
			$.colorbox.close();
			
			
			return false;
		})
	
	populateClasses(true);
	
	$('#typeSelect').change(function(){
		
		populateClasses(true);
	})
	
});

function populateClasses(showSelected){
		
		classes = DataBridge.selectClasses[$('#typeSelect').val()];
		
		$('#classSelect option').remove();
		$('#classSelect').append($('<option>', { value : 0 }).text("All Classes / Sessions")); 
		for (i=0;i<classes.length;i++){
			
			$('#classSelect').append($('<option>', { value : classes[i]['id'] }).text(classes[i]["name"])); 
			if(showSelected){
				
				if(classes[i]['id'] == DataBridge.chosenClass){
					
					$('#classSelect option[value="'+classes[i]['id']+'"]').attr('selected',true);
				} 
			}
		}
		checkTicks();
}

function checkTicks(){
	if($('.checkboxContainer input:checked').length < 1){
			$('#showTimetable').addClass('disabled');
		}else{
			$('#showTimetable').removeClass('disabled');
		}
}