var logoutTo = 'reserve.cfm';

var calPanel;
var sb;
var defaultSbMsg;
var tb;
var proceedBtn;

var selectedMonth = 0;
var selectedDay = 0;
var selectedAM = false;
var selectedPM = false;

Ext.onReady(function(){
	
  Ext.QuickTips.init();
  Ext.form.Field.prototype.msgTarget = 'side'; 
  
  tb = new Ext.Toolbar();
  
  proceedBtn = new Ext.Button({
	  	text:'Proceed',
	  	handler:save,
	  	disabled:true,
	  	iconCls:'proceedBtn'
	  });
  
  defaultSbMsg = '<span style="color:white;">Select an available time.</span>';
  sb = new Ext.StatusBar({
       defaultText: defaultSbMsg,
       defaultIconCls: '',
       items: [proceedBtn]
   });

  calPanel = new Ext.Panel({
     width: 525,
     border:true,
     contentEl: 'calendar',
     tbar: tb,
     bbar: sb,
     renderTo: 'calarea'
  });
    
  tb.add({
		iconCls:'prevIcon',
		disabled:disablePrev,
		handler:goPrevMonth
	});
  tb.addText(monthTitle); 
  tb.add({
		iconCls:'nextIcon',
		handler:goNextMonth
	}); 

    	
});

function loadTime(year,month,day,half){
	var prevDay = selectedDay;
	selectedDay = day;
	if(selectedDay != prevDay){	
		selectedAM = false;
		selectedPM = false;
		if (half == 'A'){
			selectedAM = true;
		}else{
			selectedPM = true;
		}
	}else if (half == 'A'){
		selectedAM = !selectedAM;
	}else{
		selectedPM = !selectedPM;
	}	
	//set the calendar box(s)
	if(highlight){
		if(prevDay && selectedDay != prevDay){
			Ext.get("day" + prevDay + 'A').removeClass('selectedDayPart');
			Ext.get("day" + prevDay + 'B').removeClass('selectedDayPart');
		}
		if(selectedAM){
			Ext.get("day" + selectedDay + 'A').addClass('selectedDayPart');
		}else{
			Ext.get("day" + selectedDay + 'A').removeClass('selectedDayPart');
		}
		if(selectedPM){
			Ext.get("day" + selectedDay + 'B').addClass('selectedDayPart');
		}else{
			Ext.get("day" + selectedDay + 'B').removeClass('selectedDayPart');
		}
	}
	//set session variables
	if(selectedAM || selectedPM){
		Ext.Ajax.request({
		   url: 'ds/cal.session.cfm',
		   params: { 
		   		year: year,
		   		month: month,
		   		day: selectedDay,
		   		selectedAM: selectedAM,
		   		selectedPM: selectedPM 
		   }
		});
	//reset cal session vars
	}else{
		Ext.Ajax.request({url: 'ds/cal.session.cfm'});
	}
	
	//set the status bar
	var msg = "<span style='color:white;'>You selected ";
	msg += '<strong style="font-weight:bold;">' + month + '/' + selectedDay + '/' + year;
	if (selectedAM && selectedPM){
		msg += ' 9:00am - 5:00pm</strong></span>'; 
		proceedBtn.setDisabled(false);	
	}else if(selectedAM){
		msg += ' 9:00am - 1:00pm</strong></span>';
		proceedBtn.setDisabled(false);
	}else if(selectedPM){
		msg += ' 1:00pm - 5:00pm</strong></span>';
		proceedBtn.setDisabled(false);
	}else{
		msg = defaultSbMsg;
		proceedBtn.setDisabled(true);
	}
	sb.setText(msg);
}

function sessionSet(){
	alert("ha");
}

function save(e){
	//needs to validate/save form first
	window.location = 'register.cfm?goto=my.reserve.details.cfm';
}

function tip(id){
	new Ext.ToolTip({
        target: id,
        title: 'This time is reserved.',
        width:200,
        html: 'Please contact us for special times and weekend reservations',
        trackMouse:true
    });
}