//Clicking on one of the schedules
$(document).ready(function(){
	$("#tonight").addClass("schedule_active");
	$("#schedule_active").attr({value: "tonight"});
	
	var time_zone_active = "#" + $("#time_zone_active").attr("value");
	$(time_zone_active).addClass("time_zone_active");
	
	//Update the schedule for tonight/tomorrow/on demand
    $(".schedule").click(
    	function () {
    		$(".schedule_active").removeClass("schedule_active");
	    	$(this).addClass("schedule_active");
	    	$("#schedule_active").attr({value: this.id});
	    	
	    	var url = scheduleDetailProcessor;
	    	var time_zone_active = $("#time_zone_active").attr("value");
	    	$("#schdule_detail_content").load(url, {type:'ajax', schedule:this.id , timezone:time_zone_active});
	    	
	    	return false;
    	}
    );

	//Update the Time Zone
    $(".time_zone").click(
    	function () {
    		$(".time_zone_active").removeClass("time_zone_active");
	    	$(this).addClass("time_zone_active");
			$("#time_zone_active").attr({value: this.id});

	    	var url = scheduleDetailProcessor;
	    	var schedule_active = $("#schedule_active").attr("value");
	    	var month = $("#month").attr("value");
	    	var day = $("#day").attr("value");
	    	var year = $("#year").attr("value");
	    	$("#schdule_detail_content").load(url, {type:'ajax', schedule:schedule_active, timezone:this.id, month:month, day:day, year:year});
	    	
	    	return false;
    	}
    );
});