﻿function ShowFlashXml(strFileName, strXml, StrWidth, strHeight) {   
    document.write('<object width="' + StrWidth + '" height="' + strHeight + '">');
    document.write('  <param name="movie" value="' + strFileName + '" />');
    document.write('  <param name="quality" value="high" />');
    document.write('  <param name="wmode" value="transparent" />');
    document.write('  <param name="flashvars" value="xmlpath=' + strXml + '" />');
    document.write('  <embed src="' + strFileName + '" flashvars="xmlpath=' + strXml + '" wmode="transparent" quality="high" type="application/x-shockwave-flash" width="' + StrWidth + '" height="' + strHeight + '" ></embed></object>');
}

function ShowFlash(strFileName, StrWidth, strHeight) {
    document.write('<object width="' + StrWidth + '" height="' + strHeight + '">');
    document.write('  <param name="movie" value="' + strFileName + '" />');
    document.write('  <param name="quality" value="high" />');
    document.write('  <param name="wmode" value="transparent" />');
    document.write('  <embed src="' + strFileName + '" wmode="transparent" quality="high" type="application/x-shockwave-flash" width="' + StrWidth + '" height="' + strHeight + '" ></embed></object>');
}

function isValidEmailAddress(emailAddress) {
    var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
    return pattern.test(emailAddress);
}

function keypress(e) {    
    var keypressed = null;
    if (window.event) {
        keypressed = window.event.keyCode;
    }
    else {
        keypressed = e.which;
    }

    if (keypressed < 48 || keypressed > 57) {         
        if (keypressed == 8 || keypressed == 127) {
            return;
        }
        return false;
    }
}

function LoadAjaxBookingForm(idHotel, urlHotel) {
    if ($("#content_Booking")) {
        $.get("/Page/HotelBooking.aspx", {
            id: idHotel,
            url: urlHotel
        }, function (data) {
            $("#content_Booking").html(CutString(data));
        });
    }
}

function CutString(str) {
    if (str.length > 0) {
        var i = str.indexOf('<div class="SpForm" id="frmCustomizedTour">');
        var t = str.indexOf("</form>");
        if (i > 0 && t > i)
            str = str.substring(i, t);
    }
    return str;
}

$(document).ready(function () {
	$('#wrapper').fadeIn(1000);
    $(".lightbox").lightbox();	
	if ($("a.tab")) {
        $("a.tab").click(function () {
            $(".active").removeClass("active");
            $(this).addClass("active");
            $(".content").hide();
            var content_show = $(this).attr("title");
            $("#" + content_show).fadeIn("slow");
            return false;
        });
        return false;
    }
});

$(function () {
    $("#wrapper img").lazyload({
        placeholder: "/images/box.gif",
        effect: "fadeIn",
        threshold: 50
    });
});  

function SubmitContact() {
    $("#frmContact").mask("Waiting...");
    
    var errView = 'Required';
    var flag = true;

    var txtFullName = $('#txtFullName');
    var txtEmail = $('#txtEmail');
    var txtContent = $('#txtContent');

    var errFullName = $('#errFullName');
    var errEmail = $('#errEmail');
    var errContent = $('#errContent');

    errFullName.html('');
    errEmail.html('');
    errContent.html('');

    if (txtFullName.val() == '') {
        flag = false;
        errFullName.html(errView);
    }

    if (txtEmail.val() == '') {
        flag = false;
        errEmail.html(errView);
    }

    if (isValidEmailAddress(txtEmail.val()) == false) {
        flag = false;
        $('#errEmail').html('Error');
    }

    if (txtContent.val() == '') {
        flag = false;
        errContent.html(errView);
    }

    if (flag == true) {        
        $.ajax({
            type: "POST",
            url: "/Default.aspx/SaveContact",
            data: '{txtFullName: "' + txtFullName.val() + '", "txtEmail": "' + txtEmail.val() + '", "txtContent": "' + txtContent.val() + '" }',
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                $("#BodyContactForm").unmask(); // Bỏ loading
                $("#BodyContactDetailForm").hide(); // Ẩn form
                if (response.d == "error") {
                    $('#frmContact').load('/Page/ErrorPage.htm', function () { $('#BodyContactForm').fadeIn('slow'); });
                } else {
                    $('#frmContact').load('/Page/ContactComplete.htm', function () { $('#BodyContactForm').fadeIn('slow'); });
                }
            },
            failure: function (response) {
                alert(response);
            }
        });


    }
    else {
        $("#frmContact").unmask(); // Bỏ loading
    }
    return;

}

function SubmitCustomizedTour() {
    $("#frmCustomizedTour").mask("Waiting...");

    var errView = 'Required';
    var flag = true;

    var ddlGender = $("#ddlGender :selected").text();
    var txtFullName = $('#txtFullName').val();
    var txtEmail = $('#txtEmail').val();
    var txtPhone = $('#txtPhone').val();
    var txtArrivalDate = $("#ddlArrivalMonth :selected").text() + ' - ' + $("#ddlArrivalDay :selected").text() + ' - ' + $("#ddlArrivalYear :selected").text();
    var ddlPerson = $("#ddlPerson :selected").text();
    var ddlChildl = $("#ddlChildl :selected").text();

    var ddlLongVisit = $("#ddlLongVisit :selected").text();
    var chkHotelTravel = $('input:radio[name=chkHotelTravel]:checked').val();
    var txtHotelOther = $('#txtHotelOther').val();
    var chkTypeTravel = $('input:radio[name=chkTypeTravel]:checked').val();
    var txtTourOther = $('#txtTourOther').val();
    var chkTrainTravel = $('input:radio[name=chkTrainTravel]:checked').val();
    var txtTrainOther = $('#txtTrainOther').val();

    var txtContent = $('#txtContent').val();

    var errFullName = $('#errFullName');
    var errEmail = $('#errEmail');
    var errPhone = $('#errPhone');
    var errCountry = $('#errCountry');

    errFullName.html('');
    errPhone.html('');
    errEmail.html('');
    errCountry.html('');

    if (txtFullName == '') {
        flag = false;
        errFullName.html(errView);
    }

    if (txtEmail == '') {
        flag = false;
        errEmail.html(errView);
    }

    if (isValidEmailAddress(txtEmail) == false) {
        flag = false;
        errEmail.html('Error');
    }

    if (ddlPerson == '')
        ddlPerson = '0';
    if (ddlChildl == '')
        ddlChildl = '0';

    if (txtHotelOther != '')
        chkHotelTravel = chkHotelTravel + " - " + txtHotelOther;
    if (txtTourOther != '')
        chkTypeTravel = chkTypeTravel + " - " + txtTourOther;
    if (txtTrainOther != '')
        chkTrainTravel = chkTrainTravel + " - " + txtTrainOther;

    if (flag == true) {
        var list = [ddlGender, txtFullName, txtEmail, txtPhone, txtArrivalDate, ddlPerson, ddlChildl, ddlLongVisit, chkTypeTravel, chkHotelTravel, chkTrainTravel, txtContent];
        var jsonText = JSON.stringify({ list: list });
        $.ajax({
            type: "POST",
            url: "/Default.aspx/SaveCustomized",
            data: jsonText,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                $("#frmCustomizedTour").unmask(); // Bỏ loading
                $("#frmCustomizedTour").hide(); // Ẩn form
                if (response.d == "error") {
                    $('#frmCustomizedTour').load('/Page/ErrorPage.htm', function () { $('#frmCustomizedTour').fadeIn('slow'); });
                } else {
                    $('#frmCustomizedTour').load('/Page/CustomizedComplete.htm', function () { $('#frmCustomizedTour').fadeIn('slow'); });
                }
            },
            failure: function (response) {
                alert(response);
            }
        });
    }
    else {
        $("#frmCustomizedTour").unmask(); // Bỏ loading
    }
    return;

}

function SubmitBookingHotel() {
    $("#frmHotelBooking").mask("Waiting...");

    var errView = 'Required';
    var flag = true;

    var ddlGender = $("#ddlGender :selected").text();
    var txtFullName = $('#txtFullName').val();
    var txtEmail = $('#txtEmail').val();
    var txtPhone = $('#txtPhone').val();

    var txtHotelName = $('#txtHotelName').val();
    var ltlHotelUrl = $('#txtHotelUrl').val();
    var txtDateDepart = $("#ddlDateDepartMonth :selected").text() + ' - ' + $("#ddlDateDepartDay :selected").text() + ' - ' + $("#ddlDateDepartYear :selected").text();

    var ddlPerson = $("#ddlPerson :selected").text();
    var ddlChildl = $("#ddlChildl :selected").text();

    var txtSingleRoom = $('#txtSingleRoom').val();
    var txtDoubleRoom = $('#txtDoubleRoom').val();
    var txtTwinRoom = $('#txtTwinRoom').val();
    var txtTripleRoom = $('#txtTripleRoom').val();

    var txtContent = $('#txtContent').val();
    var dllPayment = $("#dllPayment :selected").text();


    var errFullName = $('#errFullName');
    var errEmail = $('#errEmail');
    var errPhone = $('#errPhone');
    var errCountry = $('#errCountry');
    var errRoom = $('#errRoom');

    errFullName.html('');
    errPhone.html('');
    errEmail.html('');
    errCountry.html('');
    errRoom.html('');

    if (txtFullName == '') {
        flag = false;
        errFullName.html(errView);
    }

    if (txtEmail == '') {
        flag = false;
        errEmail.html(errView);
    }

    if (isValidEmailAddress(txtEmail) == false) {
        flag = false;
        errEmail.html('Error');
    }

    if ((txtSingleRoom / 1 + txtDoubleRoom + txtTwinRoom + txtTripleRoom) == 0) {
        flag = false;
        errRoom.html('You must set the number of rooms');
    }

    if (ddlPerson == '')
        ddlPerson = '0';
    if (ddlChildl == '')
        ddlChildl = '0';

    if (txtSingleRoom == '')
        txtSingleRoom = '0';
    if (txtDoubleRoom == '')
        txtDoubleRoom = '0';
    if (txtTwinRoom == '')
        txtTwinRoom = '0';
    if (txtTripleRoom == '')
        txtTripleRoom = '0';

    if (flag == true) {
        var list = [ddlGender, txtFullName, txtEmail, txtPhone, txtHotelName, ltlHotelUrl, txtDateDepart, ddlPerson, ddlChildl, txtSingleRoom, txtDoubleRoom, txtTwinRoom, txtTripleRoom, txtContent];
        var jsonText = JSON.stringify({ list: list });
        $.ajax({
            type: "POST",
            url: "/Default.aspx/SaveBookingHotel",
            data: jsonText,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                $("#frmHotelBooking").unmask(); // Bỏ loading
                $("#frmHotelBooking").hide(); // Ẩn form
                if (response.d == "error") {
                    $('#frmHotelBooking').load('/Page/ErrorPage.htm', function () { $('#frmHotelBooking').fadeIn('slow'); });
                } else {
                    $('#frmHotelBooking').load('/Page/BookingHotelComplete.htm', function () { $('#frmHotelBooking').fadeIn('slow'); });
                }
            },
            failure: function (response) {
                alert(response);
            }
        });
    }
    else {
        $("#frmHotelBooking").unmask(); // Bỏ loading
    }
    return;
}


function SubmitBookingTour() {
    $("#frmTourBooking").mask("Waiting...");

    var errView = 'Required';
    var flag = true;

    var ddlGender = $("#ddlGender :selected").text();
    var txtFullName = $('#txtFullName').val();
    var txtEmail = $('#txtEmail').val();
    var txtPhone = $('#txtPhone').val();

    var txtTourName = $('#txtTourName').val();
    var txtTourUrl = $('#txtTourUrl').val();
    var txtDateDepart = $("#ddlDateDepartMonth :selected").text() + ' - ' + $("#ddlDateDepartDay :selected").text() + ' - ' + $("#ddlDateDepartYear :selected").text();

    var ddlPerson = $("#ddlPerson :selected").text();
    var ddlChildl = $("#ddlChildl :selected").text();

    var txtContent = $('#txtContent').val();

    var errFullName = $('#errFullName');
    var errEmail = $('#errEmail');
    var errPhone = $('#errPhone');
    var errCountry = $('#errCountry');    

    errFullName.html('');
    errPhone.html('');
    errEmail.html('');
    errCountry.html('');    

    if (txtFullName == '') {
        flag = false;
        errFullName.html(errView);
    }

    if (txtEmail == '') {
        flag = false;
        errEmail.html(errView);
    }

    if (ddlPerson == '')
        ddlPerson = '0';
    if (ddlChildl == '')
        ddlChildl = '0';

    if (flag == true) {
        var list = [ddlGender, txtFullName, txtEmail, txtPhone, txtTourName, txtTourUrl, txtDateDepart, ddlPerson, ddlChildl, txtContent];
        var jsonText = JSON.stringify({ list: list });
        $.ajax({
            type: "POST",
            url: "/Default.aspx/SaveBookingTour",
            data: jsonText,
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (response) {
                $("#frmTourBooking").unmask(); // Bỏ loading
                $("#frmTourBooking").hide(); // Ẩn form
                if (response.d == "error") {
                    $('#frmTourBooking').load('/Page/ErrorPage.htm', function () { $('#frmTourBooking').fadeIn('slow'); });
                } else {
                    $('#frmTourBooking').load('/Page/BookingTourComplete.htm', function () { $('#frmTourBooking').fadeIn('slow'); });
                }
            },
            failure: function (response) {
                alert(response);
            }
        });
    }
    else {
        $("#frmTourBooking").unmask(); // Bỏ loading
    }
    return;
}

// sử dụng ajax: cập nhật dữ liệu view dữ liệu màn hình
