var facetLoaded = false;
jQuery( document ).ready( function() {
    jQuery('.slickImage').slick({
        infinite: true,
	dots: false,
	slidesToShow: 3,
	slidesToScroll: 3,
	prevArrow: '<button type="button" class="slick-prev icon-chevron-left"></button>',
	nextArrow: '<button type="button" class="slick-next icon-chevron-right"></button>'
    });

    jQuery(document).on('keyup', '.embarkationSearch input:text', function(e) {
        if (13 == e.keyCode) {
	    resetFacets();
	    //FWP.autoload();
	}
    });

    jQuery(document).on('click', '#submitSearch', function(e) {
	    resetFacets();
    });

    jQuery(document).on('change', '.embarkationSearch select', function(e) {
	//jQuery('.facetwp-facet-regiment .facetwp-checkbox').removeClass('checked');
	//jQuery('.facetwp-facet-regiment .facetwp-checkbox[data-value="' + jQuery('select#adv_regiment').val() + '"]').toggleClass('checked');

        //FWP.facets['regiment'] = jQuery('select#adv_regiment').val() ? jQuery('select#adv_regiment').val() : '';
	//console.log(FWP.facets['regiment']);
	resetFacets();
	//FWP.autoload();
    });

    jQuery('a.advSearch').on('click', function(e) {
        e.preventDefault();
	showAdvFields(true);
    });

    jQuery(document).on('facetwp-refresh', function() {
	    //Text Inputs
	    FWP_HTTP.adv_text_search = FWP.facets.adv_text_search = decodeURI(jQuery('input#adv_text_search').val());
	    FWP_HTTP.adv_first_name = FWP.facets.adv_first_name = decodeURI(jQuery('input#adv_first_name').val());
	    FWP_HTTP.adv_surname = FWP.facets.adv_surname = decodeURI(jQuery('input#adv_surname').val());
	    FWP_HTTP.adv_nok_first_name = FWP.facets.adv_nok_first_name = decodeURI(jQuery('input#adv_nok_first_name').val());
	    FWP_HTTP.adv_nok_surname = FWP.facets.adv_nok_surname = decodeURI(jQuery('input#adv_nok_surname').val());
	    FWP_HTTP.adv_regtl_no = FWP.facets.adv_regtl_no = decodeURI(jQuery('input#adv_regtl_no').val());

	    //Dropdowns
	    FWP_HTTP.adv_regiment = FWP.facets.adv_regiment = jQuery('select#adv_regiment option:selected').val() ? jQuery('select#adv_regiment option:selected').text() : '';
	    FWP_HTTP.adv_embarked_on_name = FWP.facets.adv_embarked_on_name = jQuery('select#adv_embarked_on_name option:selected').val() ? jQuery('select#adv_embarked_on_name option:selected').text() : '';
	    FWP_HTTP.adv_trade_or_calling = FWP.facets.adv_trade_or_calling = jQuery('select#adv_trade_or_calling option:selected').val() ? jQuery('select#adv_trade_or_calling option:selected').text() : '';

	    //Addresses
	    FWP_HTTP.adv_address_1 = FWP.facets.adv_address_1 = decodeURI(jQuery('input#adv_street').val());
	    FWP_HTTP.adv_address_2 = FWP.facets.adv_address_2 = decodeURI(jQuery('input#adv_street').val());
	    FWP_HTTP.adv_town = FWP.facets.adv_town = decodeURI(jQuery('input#adv_town').val());

	    FWP_HTTP.adv_nok_address_1 = FWP.facets.adv_nok_address_1 = decodeURI(jQuery('input#adv_nok_street').val());
	    FWP_HTTP.adv_nok_address_2 = FWP.facets.adv_nok_address_2 = decodeURI(jQuery('input#adv_nok_street').val());
	    FWP_HTTP.adv_nok_town = FWP.facets.adv_nok_town = decodeURI(jQuery('input#adv_nok_town').val());

	    console.log('123');
	    //Advanced Search Show And Hide
	    if(FWP_HTTP.adv_first_name != '' || FWP_HTTP.adv_surname != '' || FWP_HTTP.adv_nok_first_name != '' || FWP_HTTP.adv_nok_surname != '' || FWP_HTTP.adv_regtl_no != '' || FWP_HTTP.adv_regiment != ''
	    || FWP_HTTP.adv_embarked_on_name != '' || FWP_HTTP.adv_trade_or_calling != '' || FWP_HTTP.adv_address_1 || FWP_HTTP.adv_address_2 || FWP_HTTP.adv_town || FWP_HTTP.adv_nok_address_1 || FWP_HTTP.adv_nok_address_2 || FWP_HTTP.adv_nok_town)
	    {
	        showAdvFields(false);
	    }
    });

    jQuery(document).on('facetwp-loaded', function() {
	loadFromHash();
    });

    loadFromHash();
    jQuery('.embarkationSearch select').customSelect();

    jQuery('input, textarea').placeholder();

    jQuery('.export a').on('click', function(e) {
	/**
	 * Update URL of link to get the Updated hash
	 */
        jQuery(this).attr('href','/embarkation-database-search/?export=true&data=' + encodeURIComponent(JSON.stringify(FWP.facets)));
    });
});

function resetFacets()
{
    //Check if we on search page
    if(window.location.pathname != '/discover-search/') {
        //No FWP so need to grab what ever they have inputed
	var obj = {};
	jQuery("input[id^='adv_']").each(function(key, value) {
	    obj[jQuery(this).attr('id')] = jQuery(this).val();
	});
	jQuery("select[id^='adv_'] option:selected").each(function(key, value) {
	    if(jQuery(this).val() != '') {
	        obj[jQuery(this).parent().attr('id')] = jQuery(this).text();
	    }
	});
        window.location.href = '/discover-search/#!/' + facetSerialize(obj);
        return false;
    }

    jQuery('.facetwp-checkbox.checked').removeClass('checked');
    for(var i in FWP.facets){
        FWP.facets[i] = [];
    }
    FWP.refresh();
}
function facetSerialize(obj) {
    var str = [];
    for (var p in obj) {
        if ('' != obj[p]) {
	    str.push(encodeURIComponent(p) + '=' + encodeURIComponent(obj[p]));
	}
    }
    return str.join('&');
}


function showAdvFields(toggleAdv)
{
    if(toggleAdv !== true)
    {
        jQuery('.embarkationSearch .advField').toggleClass('advField').toggleClass('advFieldActive');
    } else
    {
        jQuery('.embarkationSearch .advField, .embarkationSearch .advFieldActive').toggleClass('advField').toggleClass('advFieldActive');
    }
}

/**
 * Load Advanced Search Values From Facets Hash
 */
function loadFromHash()
{
    var hash = window.location.hash;
    hash = hash.replace('#/', '');
    hash = hash.replace('#!/', '');
    if ('' != hash) {
        hash = hash.split('&');
	jQuery.each(hash, function(idx, val) {
	    var pieces = val.split('=');
	    if('adv_address_1' == pieces[0])
	    {
	        jQuery('input#adv_street').val(decodeURI(pieces[1]));
	    } else if('adv_nok_address_1' == pieces[0])
	    {
	        jQuery('input#adv_nok_street').val(decodeURI(pieces[1]));
	    } else if('adv' == pieces[0].substr(0,3))
	    {
	        jQuery('input#' + pieces[0]).val(decodeURI(pieces[1]));
		jQuery('select#' + pieces[0] + ' option').filter(function(){
		    return ( (jQuery(this).val() == pieces[1]) || (jQuery(this).text() == pieces[1]) );
		}).prop('selected', true);
	    }
	});
    }
}