var toggleTripPlannerHeader = function () {
    if ($('#tripPlannerHeader div:animated').length == 0) {	    
	    $('#tripPlannerHeader').toggle(700, 'easeOutExpo');
	}
};

var addToggleHandlers = function() {
	$('#startPlanning').click(function() {
	    toggleTripPlannerHeader();
	});
	
	$('#tripList div.tripHeader').click(function() {
	    $("div.tripInfo", $(this).parent()).toggle(400);
	});
};

var tripPlannerHandler = function() {
    $('#calendar').datepicker({
        rangeSelect: true, 
        firstDay: 1,
        onSelect: function(date) {
            var datesArray = date.split(" - ");
            var startDate = datesArray[0].split("/");
            var endDate = datesArray[1].split("/");
            var formattedDate = startDate[1] + "/" + startDate[0] + "/" + startDate[2] + " - " + endDate[1] + "/" + endDate[0] + "/" + endDate[2];
            
            // set hidden fields
            $('#begin-date').val(startDate[2] + "-" + startDate[0] + "-" + startDate[1]);
            $('#end-date').val(endDate[2] + "-" + endDate[0] + "-" + endDate[1]);
            
            // set displayfield
            $('#altCalendar').val(formattedDate);
        }
    });
    
    var currentMonthStr = $("select.ui-datepicker-new-month option:selected").text();
    var currentMonthNr = $("select.ui-datepicker-new-month option:selected").val();
    changeCalendarHeader(currentMonthStr, currentMonthNr);
};

var changeCalendarHeader = function(monthStr, monthNr) {
    if (monthStr.length > 0) {
        $('#currentMonth').text(monthStr);
        $('#headerImg').removeClass();
        $('#headerImg').addClass("header-"+monthNr);
    }
};


$(document).ready(function(){
    tripPlannerHandler();
    addToggleHandlers();
});