// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults


// Run through "Detail" links for upgrades.
// Toggles the details elements and updates the trigger link text.
var init_detail_links = function(){
	
	$$('.top_toggle, .bottom_toggle').each(function(link) {
		link.onclick = function(a){
				var details_id = this.id.replace(/toggle/, 'details');
				$(details_id).toggle();

				link.up().select('.toggle_upgrade_details').each(function(the_link) {
					toggle_link_text(the_link);
				});

				return false;
		}
	});
}

// updates the trigger link text.
function toggle_link_text (link) {
	if(link.innerHTML.include('View')){
		link.innerHTML = '  - Hide Details';
	}else{
		link.innerHTML = '  + View Details';					
	}
}


var update_package_dates = function(elem, end_date){
	first_date = Date.parse($F(elem)).toString('dddd, MMMM d, yyyy');
	if(Date.parse(first_date) < Date.parse(end_date)){
		// If Date is before the last day.
		second_date = Date.parse(first_date).add(1).days();
	}else{
		// The Last Day
		second_date = Date.parse(first_date);
	}
	second_date_input = $('line_item[package_second_date]');
	second_date_input.value = second_date.toString('MMMM dd, yyyy');
	
	feedback = '<b>Rodeo Date</b>: '+first_date+'<br>';
	feedback += '<b>Evening Show Date</b>: <span id="second_date">'+second_date.toString('dddd, MMMM d, yyyy')+'</span>';
	feedback += '<p id="change">Change</p>';
	
	$('package_date_details').innerHTML = "<h3>Chosen Dates:</h3><p>"+feedback+"</p>"; 
	$('package_date').highlight();
	$('change').innerHTML = $('second_date_chooser').innerHTML;
	// $('second_date_chooser').innerHTML = '';
}

var	update_package_date = function(elem){
	first_date = Date.parse($F(elem)).toString('dddd, MMMM d, yyyy');
	$('package_date_details').innerHTML = "<h3>Chosen Date:</h3><p>"+first_date+"</p>"; 
	$('package_date').highlight();
}

var update_second_package = function(elem){
	$('second_date').innerHTML = Date.parse($F(elem)).toString('dddd, MMMM d, yyyy'); 
	$('second_date').highlight();
}

function enforce_date_choice () {
	if($('package_add_button')){
		var button = $('package_add_button');
		button.onclick = function(){
			if($('package_date_details').innerHTML == ''){
				alert('Please choose a date for your ticket(s).');
				return false;
			}
		}
	}
}



Event.observe(window, 'load', function(){

	init_detail_links();
	enforce_date_choice();
	
});