/*

This file contains an extension of the selectDate prototype of the INZU_calendar class and a separate function for adjusting the form totals according to the amount of tickets selected

You may change and use all of the following code in your projects

IMPORTANT - This file uses US Dollars for prices please change the $ currency symbol accordingly

*/


// Create a new calendar using the calendar object - targetElem refers to the container ID for the calendar

var calendar = new INZU_calendar({'targetElem':'calendar','forward_btn':'img/month_fwd.png','backward_btn':'img/month_bwd.png'});


// Extend selectDate prototype to update form with selected tickets from calendar

calendar.selectDate = function(dayElement, year, month, day) {



this.day = day;


// Allow selection only on dates that exist this month

if ( dayElement.classList.contains("available") || dayElement.classList.contains( "selected") ) {

	// Delete all previously selected tickets from order form
	
	for ( var i = document.getElementById("booking-selected").rows.length; i>0; i--) {
		
		document.getElementById("booking-selected").deleteRow(i - 1);
	
	}
	
	
	var day_sel = this.selectedDates[this.year][this.month][this.day].dateVariationsData;
	
	// Create list of variations available on this day
	
	var variations_list = "";
	
	
	// Loop through list of variations and check availability for selected day
	
	for ( var variation in day_sel ) {
	
	variations_list += variation + ",";
	
	// Check if date is sold out
	
	var day_sold = day_sel[variation].info.sold;
	
	// Add variation info to order form when availability exists
	
	var tBody = document.getElementById("booking-selected");
	
	if ( day_sold == "sold_out" ) {
		
		newRow = tBody.insertRow(-1);
		td1 = newRow.insertCell(-1);
		td1.setAttribute("id", "booking-title");
		td1.innerHTML='<strong>SOLD OUT</strong>';
	
	} else {
	
	newRow = tBody.insertRow(-1);


	// Variation title
	
	td1 = newRow.insertCell(-1);
	td1.setAttribute("id" ,"booking-title");
	td1.innerHTML = this.venue.data[0].title + " - " + this.variations[variation].type_title ;
	
	
	// Quantity form fields
	
	td2 = newRow.insertCell(-1);
	td2.setAttribute("id", "highlight");
	td2.setAttribute("align", "center");
	td2.innerHTML='<input id="amount_'+variation+'" name="amount_'+variation+'" type="text" value="" maxlength="3" style="width:20px;" onkeyup="calendar.adjustTotal();"  />';
	
	
	// Variation price form fields
	
	if ( this.variations[variation].free_entry ) {
		
		var price = 0;
		var user_price = "FREE";
	
	} else {
		
		var user_price = "&#36;" + this.variations[variation].price;
		var price = this.variations[variation].price;
	
	}
	
	td3 = newRow.insertCell(-1);
	td3.setAttribute("align", "right");
	td3.innerHTML = user_price+'<input id="price_'+variation+'" type="hidden" value="'+price+'" />';
	
	}
	
	
	
	
	}
	
	
	// Highlight selected date
	
	dayElement.classList.toggle("selected");
	
	
	// Deselect last chosen date
	
	if (typeof this.lastSelected !== "undefined" && this.lastSelectedMonth == this.month ) {
	
		document.getElementById(this.lastSelected).classList.toggle("selected");
	
	}
	
	
	// Set selected date and month as 'last selected'
	
	this.lastSelected = dayElement.id;
	this.lastSelectedMonth = this.month;
	
	
	// Set hidden form values
	
	document.getElementById('booking_date').value = this.year + "-" + this.month + "-" + this.day;
	document.getElementById("variations").value = variations_list.slice(0, -1);
	
	
	// Reset the amount to pay total
	
	this.adjustTotal();


}


// This extends the existing prototype

return INZU_calendar.prototype.selectDate.apply(this, arguments);


}


// Adjust order totals when user chooses a number of tickets

calendar.adjustTotal = function adjustTotal(resetTotal){

var total = 0;
var amount_selected = 0;



if ( !resetTotal ) {

// Create total by each available variation for the selected date

	for ( var variation in this.variations ) {
		
	// Get amount selected for available variation
	
	if ( document.getElementById('amount_' + variation) !== null ) {
		
		amtSel = parseInt(document.getElementById('amount_' + variation).value) || 0;
		amount_selected += amtSel;

		price = parseFloat(document.getElementById('price_' + variation).value);
	
	}

	if ( amtSel > 0) total += price * amtSel;
	
	}

}


total = Math.round( total * 100 ) / 100; 
total = total.toFixed(2);

document.getElementById('basketTotal').innerHTML = "&#36;" + total;

}