
// execute your scripts when DOM is ready. this is a good habit
$(function() {

    $("a.fancy_box , a.commentAttachIcon").fancybox({
        'transitionIn'		: 'elastic',
        'transitionOut'		: 'elastic',
        'titlePosition' 	: 'outside',
        'titleShow'		: true
    });
    $("a[rel=lightbox[flatstick]]").fancybox({
        'transitionIn'		: 'elastic',
        'transitionOut'		: 'elastic',
        'titlePosition' 	: 'outside',
        'titleShow'		: true,
        'onStart'	:	function() {
            //$("#tubevideo").hide();
        },'onClosed'	:	function() {
            //$("#tubevideo").show();
        }

    });

    $(".iframe").fancybox({
        'width'				: '85%',
        'height'			: '95%',
        'autoScale'     	: false,
        'transitionIn'		: 'elastic',
        'transitionOut'		: 'elastic',
        'type'				: 'iframe'
    });
    $(".iframe-ibis").fancybox({
        'width'			: 960,
        'height'		: 600,
        'transitionIn'		: 'none',
        'transitionOut'		: 'none',
        'type'                  : 'iframe'
    });

    /* Apply fancybox to multiple items */
    $("a#inline").fancybox({
        'hideOnContentClick': false,
        'width':400,
        'height':200,
        'titleShow':false,
        'hideOnOverlayClick':true,
        'onComplete'	:	function() {
            $("#searchBox").focus();
        },'onStart'	:	function() {
            //$("#tubevideo").hide();
        },'onClosed'	:	function() {
            //$("#tubevideo").show();
        }

    });


    $('#content-slider').jScrollPane();








    $('#submitForm').click(function(){
        if (!checkRequestForm()) return;
        $('#submitForm').attr('disabled', 'disabled');
        $('#ajax-contact-form').attr('disabled', 'disabled');
        $("#content-slider").after("<div id='result'></div>");
        $("#fields").append("<div id='resultProcessing'></div>");
        $('#resultProcessing').html('<br /><h4>Processing...</h4>');
        var fData = $('#ajax-contact-form').serializeArray();
        $.post('/process.php', fData, function(rData) {
            $('#resultProcessing').empty();
            $("#ajax-contact-form").hide();
            $("#content-slider").hide();
            $('#result').empty();
            $('#result').html("<h2>Contact Form Submitted!</h2>").append("<p>We will be in touch soon.</p>").hide().fadeIn(500, function() {
                $('#result').append("<img id='checkmark' src='images/check.png' /><br />");
            
            });
            $('#result').append(rData);
        
        });

    });
});

    function checkRequestForm(){
        var formSubmit = false;

        // required fields
        var fChoosenPackage = document.getElementById('chosen_package');
        var fFullname = document.getElementById('fullName');
        var fEmail = document.getElementById('email');
        var fCarrego = document.getElementById('carrego');
        var fNumAdults = document.getElementById('numAdults');
        var fStartDate = document.getElementById('startDate');
        var fGroupNames = document.getElementById('groupNames');
        var fCountry = document.getElementById('country');
        var ftermsConditions = document.getElementById('termsConditions');

        if(fChoosenPackage.value == '0'
            || fFullname.value == ''
            || fEmail.value == ''
            || fCarrego.value == ''
            || fNumAdults.value == ''
            || fStartDate.value == ''
            || fGroupNames.value == ''
            || fCountry.value == ''
            || ftermsConditions.checked == false){
            alert('Please check required fields and try again.');
            return false;
        }


        formSubmit = true;
        return formSubmit;
    }
