$(document).ready(function(){
    	
	
	       $(".mask").hide();
	       $(".box").hide();
	       $('input[name=day1]').attr('checked', false);
	       $('input[name=day2]').attr('checked', false);
	
	       $("#events_left").click(
		     function () {
		    	 $("#events_left").removeClass("left_unselected");
		  		 $("#events_left").addClass("left_selected");
		  		 $("#events_right").removeClass("right_selected");
		  		 $("#events_right").addClass("right_unselected");
		  		 $("#events_middle_day1").removeClass("hidden");
		  		 $("#events_middle_day1").addClass("visible");
		  		 $("#events_middle_day2").removeClass("visible");
		  		 $("#events_middle_day2").addClass("hidden");
		  		
		     });

	       $("#events_right").click(
	  		     function () {
	  		    $("#events_right").removeClass("right_unselected");
	  		    $("#events_right").addClass("right_selected");
	  		    $("#events_left").removeClass("left_selected");
	  		    $("#events_left").addClass("left_unselected");
	  		    $("#events_middle_day1").removeClass("visible");
		  		$("#events_middle_day1").addClass("hidden");
		  		$("#events_middle_day2").removeClass("hidden");
		  		$("#events_middle_day2").addClass("visible");
		  		
	  		 }); 
 });


function register(day) {
	$(".mask").fadeIn(500);
    $(".box").fadeIn(500);
    selectedPage = "input[name='"+day+"']";
    $(selectedPage).attr('checked', true);
    
    if(day == "day1") {
    	event_day = "Day 1";
    } else {
    	event_day = "Day 2";
    }
    
    button_label = "Register for "+event_day;
    $("#register-button").attr('value', button_label);
    
    if($('input[name=day1]').attr('checked')) {
       $("#box_middle_bottom").html("(You can also register for day 2 now by checking the empty box above.)");
    }
    else {
       $("#box_middle_bottom").html("(You can also register for day 1 now by checking the empty box above.)");
    }
    
};

function cancel() { 
    $(".mask").fadeOut(500);
    $(".box").fadeOut(500);
    $('input[name=day1]').attr('checked', false);
    $('input[name=day2]').attr('checked', false);
};

function label_button() {
	if($('input[name=day1]').attr('checked') && $('input[name=day2]').attr('checked')) {
		$("#register-button").attr('value', "Register for Day 1 and Day 2");	
	} else if($('input[name=day1]').attr('checked')) {
		$("#register-button").attr('value', "Register for Day 1");
	} else {
		$("#register-button").attr('value', "Register for Day 2");
	}				
	
	if(!$('input[name=day1]').attr('checked') && !$('input[name=day2]').attr('checked')) {
		$("#register-button").attr('value', "Please choose a Day to attend");	
	}	
};