<script type="text/javascript">
$(document).ready(function() {
	$("#event_tabs").tabs({ 
		show: function(event, ui) { 
		switch(ui.panel.id) { 
			case 'event_tab_summary': 
				update_tab_summary(); 
			break; 
			case 'event_tab_register': 
				update_tab_register(); 
			break; 
			} 
		}, 
		selected: 0 
	});
});

function update_tab_summary() {
	$("#event_tab_summary").load("schoolschedule_event_tab.php?action=load&tab=summary&id="+scheduleId,null,function() { });
}

function update_tab_register() {
	if(scheduleId) {
	$("#event_tab_register").load("schoolschedule_event_tab.php?action=load&tab=register&id="+scheduleId);
	}
}

function registerSchedule(teamid,scheduleid,action) {
	$("#debug").load("schoolschedule_event_tab.php?action=register",{teamid:teamid, scheduleid:scheduleid, regaction:action}, function() {
		update_tab_register();
	});
	return false;
}

</script>

    <div id="event_tabs">
        <ul>
            <li><a href="#event_tab_summary"><span><?=i18n('Event Summary')?></span></a></li>
            <li><a href="#event_tab_register"><span><?=i18n('Register')?></span></a></li>
        </ul>
        <div id="event_tab_summary">
        </div>
        <div id="event_tab_register">
        </div>
    </div>