// Global JavaScript Document
$(document).ready(function(){
	
// Navigation
	$('#sub-nav-tour-package').hide();
	$('#sub-nav-promotion').hide();
	$('#sub-nav-cts').hide();
	
	$('#sub-nav-tour-package a, #sub-nav-promotion a, #sub-nav-cts a').mouseover(function(){
		$(this).css('color','#FF4000');
	});
	
	$('#sub-nav-tour-package a, #sub-nav-promotion a, #sub-nav-cts a').mouseout(function(){
		$(this).css('color','#1CA8BC');
	});
	
// End Navigation

// Banner
	$('#img-man-woman').delay(200).animate({'left':'0px'}, 400);
// End Banner

// Booking Form
	var open_booking_form_flag = false;
	//$('#package-form-cargo').delay(500).slideUp('slow');
	//$('#booking-form-cargo').delay(500).slideUp('slow');
	
	$('#package-form-cargo').hide();
	$('#booking-form-cargo').hide();
	
	$('#air-ticket-tab').click(function() {
		if (!open_booking_form_flag) {
			$('#booking-form-cargo').slideDown('slow', function() {
				$('#package-form-cargo').hide();
				$('#booking-form-cargo').show();
			});
		} else {
			$('#package-form-cargo').hide();
			$('#booking-form-cargo').show();
		}
		
		$('#tab-booking-form li a').removeClass('tab-booking-selected');
		$('#air-ticket-tab').addClass('tab-booking-selected');
		
		open_booking_form_flag = true;
	});
	
	$('#package-tab').click(function() {
		if (!open_booking_form_flag) {
			$('#package-form-cargo').slideDown('slow', function() {
				$('#booking-form-cargo').hide();
				$('#package-form-cargo').show();
			});
		} else {
			$('#booking-form-cargo').hide();
			$('#package-form-cargo').show();
		}
		
		$('#tab-booking-form li a').removeClass('tab-booking-selected');
		$('#package-tab').addClass('tab-booking-selected');
		
		open_booking_form_flag = true;
	});
	
	$('#close-booking-form').click(function() { 
		$('#booking-form-cargo').slideUp('slow'); 
		$('#tab-booking-form li a').removeClass('tab-booking-selected');
		open_booking_form_flag = false; 
	});
	$('#close-package-form').click(function() { 
		$('#package-form-cargo').slideUp('slow'); 
		$('#tab-booking-form li a').removeClass('tab-booking-selected');
		open_booking_form_flag = false; 
	});
// End Booking Form
	
// DatePicker Calendar for Air Ticket
	var dates = $( "#txt-departure-date, #txt-return-date" ).datepicker({
		minDate: 0, // new Date(2011, 2, 1), 
		maxDate: '+330D', // new Date(2011, 2, 1), 
		numberOfMonths: 1,
		dateFormat: 'DD, d MM, yy',
		onSelect: function( selectedDate ) {
			var option = this.id == "txt-departure-date" ? "minDate" : "maxDate",
				instance = $( this ).data( "datepicker" );
				date = $.datepicker.parseDate(
					instance.settings.dateFormat ||
					$.datepicker._defaults.dateFormat,
					selectedDate, instance.settings );
			dates.not( this ).datepicker( "option", option, date );
			
			// Alt depart date
			var altDepDay = $.datepicker.formatDate('d', new Date($('#txt-departure-date').val()));
			var altDepMonth = $.datepicker.formatDate('mm-yy', new Date($('#txt-departure-date').val()));
			
			// Alt return date
			var altRetDay = $.datepicker.formatDate('d', new Date($('#txt-return-date').val()));
			var altRetMonth = $.datepicker.formatDate('mm-yy', new Date($('#txt-return-date').val()));
			
			if (option == "minDate") {
			  $('#ddlDepDomDay').val(altDepDay);
			  $('#ddlDepDomMounth').val(altDepMonth);
			}
			if (option == "maxDate") {
			  $('#ddlReInterDay').val(altRetDay);
			  $('#ddlReInterMounth').val(altRetMonth); 
			}
		}
	});
// End DatePicker Calendar for Air Ticket

// DatePicker Calendar for Package
	var dates = $( "#txt-departure-date-package, #txt-return-date-package" ).datepicker({
		minDate: 0, // new Date(2011, 2, 1), 
		maxDate: '+330D', // new Date(2011, 2, 1), 
		numberOfMonths: 1,
		dateFormat: 'DD, d MM, yy',
		onSelect: function( selectedDate ) {
			var option = this.id == "txt-departure-date-package" ? "minDate" : "maxDate",
				instance = $( this ).data( "datepicker" );
				date = $.datepicker.parseDate(
					instance.settings.dateFormat ||
					$.datepicker._defaults.dateFormat,
					selectedDate, instance.settings );
			dates.not( this ).datepicker( "option", option, date );
			
			// Alt depart date
			var altDepDay = $.datepicker.formatDate('yy-mm-dd', new Date($('#txt-departure-date-package').val()));
			
			// Alt return date
			var altRetDay = $.datepicker.formatDate('yy-mm-dd', new Date($('#txt-return-date-package').val()));
			
			if (option == "minDate") {
			  $('#search_begin_date').val(altDepDay);
			}
			if (option == "maxDate") {
			  $('#search_end_date').val(altRetDay);
			}
		}
	});
	
	var d = new Date();
// End DatePicker Calendar for Package

	$(".chzn-select").chosen();

	$('#package-form-cargo').delay(500).slideUp('slow');
	
	// Placeholder
	//$('#txt-departure-date-package').placeholder();
	//$('#txt-return-date-package').placeholder();
});

// ==============================================================================================================


// ================================================== Navigation ================================================

function open_sub_nav_btc_tour_package() {
	$('#nav-main a').css('color','#a9a9a9');
	$('#btn-tour-packages').css('color','#FF4000');
	//$('#nav-main a').css('color','none');
	//$('#nav-main a').addClass('btc-gray');
	//$('#btn-tour-packages').addClass('btc-orange');
	$('#sub-nav-tour-package a').css('color','#1CA8BC');
	$('#sub-nav-tour-package').slideToggle('slow');
	$('#sub-nav-promotion').slideUp();
	$('#sub-nav-cts').slideUp();
}

function open_sub_nav_promotion() {
	$('#nav-main a').css('color','#a9a9a9');
	$('#btn-promotions').css('color','#FF4000');
	$('#sub-nav-promotion a').css('color','#1CA8BC');
	$('#sub-nav-promotion').slideToggle('slow');
	$('#sub-nav-tour-package').slideUp();
	$('#sub-nav-cts').slideUp();
}

function open_sub_nav_cts() {
	$('#nav-main a').css('color','#a9a9a9');
	$('#btn-cts').css('color','#FF4000');
	$('#sub-nav-cts a').css('color','#1CA8BC');
	$('#sub-nav-cts').slideToggle('slow');
	$('#sub-nav-tour-package').slideUp();
	$('#sub-nav-promotion').slideUp();
}

// ============================================== End Navigation ================================================


function clearPackageForm() {
	// Package Form
	$('#search_city_id').val('');
	$('#search_begin_date').val('');
	$('#search_end_date').val('');
	
	// Air Ticket Form
	$('#txtFromDom').val('');
	$('#txtToDom').val('');
	$('#ddlDepDomDay').val('');
	$('#ddlDepDomMounth').val('');	
	$('#ddlReInterDay').val('');
	$('#ddlReInterMounth').val('');
}

// Slide Banner
var current_banner = 1;
var all_banner_num = 0;
var delay_time_loop = 5000;
var delay_time_click = 10000;
var delay_time_current = 5000;

function changeBanner(numBanner) {
	clearInterval(home_banner);
	
	$('#btn-slide li a').removeClass('selected-btn-banner');
	$('#btn-slide-'+numBanner).addClass('selected-btn-banner');
	
	var moveBanner = (numBanner-1) * -674;
	
	$('#slide-list').animate({'left':moveBanner+'px'});
	
	current_banner = numBanner;
	
	home_banner = setInterval('loopBanner(all_banner_num)', delay_time_current);
	
	if(delay_time_current == delay_time_click) { delay_time_current = delay_time_loop }
}

function loopBanner(max_banner) {
	all_banner_num = max_banner;
	current_banner = current_banner + 1;
	
	if(current_banner > all_banner_num) {
		current_banner = 1;
	}
	
	changeBanner(current_banner);
}

function setDelayTimeClick() {
	delay_time_current = delay_time_click;
}
// End Slide Banner

function promotionForm() {
	$('#airticket-form').attr('action','#promotion')
	
	$('#booking-form-tab-list li a').removeClass('booking-form-tab-selected');
	$('#promotion-tab').addClass('booking-form-tab-selected');
}

function domesticForm() {
	$('#airticket-form').attr('action','#domestic')
	
	$('#booking-form-tab-list li a').removeClass('booking-form-tab-selected');
	$('#domestic-tab').addClass('booking-form-tab-selected');
}

function internationalForm() {
	$('#airticket-form').attr('action','#international')
	
	$('#booking-form-tab-list li a').removeClass('booking-form-tab-selected');
	$('#international-tab').addClass('booking-form-tab-selected');
}

function myBookingForm() {
	$('#airticket-form').attr('action','#mybooking')
	
	$('#booking-form-tab-list li a').removeClass('booking-form-tab-selected');
	$('#my-booking-tab').addClass('booking-form-tab-selected');
}

function closeAllPanel() {
	// Air Ticket Form
	$('#origin-panel').hide();
	$('#destination-panel').hide();
	$('#adult-panel').hide();
	$('#child-panel').hide();
	$('#cabin-class-panel').hide();
	
	// Package Form
	$('#destination-package-panel').hide();
}

function openFromPanel() {
	closeAllPanel();
	$('#origin-panel').show("fast", function(){
		$("body").click(function() {
			closeAllPanel();
		});
	});
	
	$("#txt-from").click(function(event){
		event.stopPropagation();
	});
}

function openToPanel() {
	closeAllPanel();
	$('#destination-panel').show("fast", function(){
		$("body").click(function() {
			closeAllPanel();
		});
	});
	
	$("#txt-to").click(function(event){
		event.stopPropagation();
	});
}

function openAdultPanel() {
	closeAllPanel();
	$('#adult-panel').show("fast", function(){
		$("body").click(function() {
			closeAllPanel();
		});
	});
	
	$("#txt-adult").click(function(event){
		event.stopPropagation();
	});
}

function openChildPanel() {
	closeAllPanel();
	$('#child-panel').show("fast", function(){
		$("body").click(function() {
			closeAllPanel();
		});
	});
	
	$("#txt-child").click(function(event){
		event.stopPropagation();
	});
}

function openCabinClassPanel() {
	closeAllPanel();
	$('#cabin-class-panel').show("fast", function(){
		$("body").click(function() {
			closeAllPanel();
		});
	});
	
	$("#txt-cabin-class").click(function(event){
		event.stopPropagation();
	});
}