var carouselHomeConfig = {
    fx: 'fade',
    timeout: 0,
    pager: '#nav',
    slideExpr: ".carouselpage",
    prev: ".prev_page",
    next: ".next_page",
    speed: 400,
    activePagerClass: "active",
    pagerAnchorBuilder: function (idx, slide) { return '<li>&nbsp;</li>'; },
    timeout: 10000,
    pause: 1
}
var carouselHabitConfig = {
    fx: 'fade',
    timeout: 0,
    pager: '#nav',
    slideExpr: ".carouselpage",
    speed: 400,
    activePagerClass: "active",
    pagerAnchorBuilder: function (idx, slide) { return '<li>&nbsp;</li>'; },
    timeout: 10000,
    pause: 1
}

$(function () {

    /* initialize cufon */
    Cufon.replace('h1');
    Cufon.replace('h2');
    Cufon.replace('h3');
    Cufon.replace('a.nav-item');
    Cufon.replace("span.miso");

    /* Fluoriserende logo's */
    if ($("a#logo").length > 0) {
        $("a#logo").html("<img src=\"/content/img/logo-1.png\" class=\"active\" alt=\"Flinndal\" />")
                   .append("<img src=\"/content/img/logo-2.png\" alt=\"Flinndal\" />")
                   .append("<img src=\"/content/img/logo-3.png\" alt=\"Flinndal\" />")
                   .append("<img src=\"/content/img/logo-4.png\" alt=\"Flinndal\" />")
                   .append("<img src=\"/content/img/logo-5.png\" alt=\"Flinndal\" />")
                   .append("<img src=\"/content/img/logo-6.png\" alt=\"Flinndal\" />");
        setInterval("coppermine.slideSwitch()", 10000);
    }

    /* Watermark code */
    $("input:text").each(function () {
        if ($(this).attr("placeholder") != "") {
            $(this).Watermark($(this).attr("placeholder"));
        }
    });

    /* initialiseer popup code voor bestelformulier */
    $("#popup").jqm({ ajax: '@href', closeClass: 'btn_close' });

    /* event voor kleine gewoonte*/
    $(".share-habbit").live("click", function (e) {
        e.preventDefault();
        $('#popup').jqmShow(this);
    });

    /* live event voor bestelformulier popup */
    $(".btn_bestellen").live("click", function (e) {
        e.preventDefault();
        $('#popup').jqmShow(this);
    });

    /* postode lookup */
    $("#house_number.pc-lookup").blur(function () {
        if ($("#country_iso_code.pc-lookup").val() == "NL" && $("#zip_postcode.pc-lookup").val() != "" && $("#house_number.pc-lookup").val() != "") {
            coppermine.runPostcodeCheck();
        }
    });

    /* auto postback */
    $(".auto_postback").change(function () {
        $(this).parents('form:first').submit();
    });

    /* product filters */
    $(".product-filter input[name='filter']").click(function () {
        $.get("/producten", { filter: $(this).val() }, function (data) {
            $("#product-container").html(data);
        });
    });

    /* Toont/verbergt product types winkelwagen/portal */
    $("div.editable-container div.edit a").click(function () {
        var obj = $(this).parents("div.editable-container");
        coppermine.showTarget(obj);
    });

    initAccountNumber();

    $("#betaal_methodes input:radio[@name='payment_method']").change(function () {
        initAccountNumber();
    });

    /* Tooltip */
    $("a.helper").live("hover", function () {
        var currentAttribute = $(this);
        if ($(this).find("div.tiptext").length == 0) {
            $(this).append("<div class=\"tiptext\"></div>");
            $.get(currentAttribute.attr("href"), function (data) {
                currentAttribute.children("div.tiptext").html(data);
            });
        }
        currentAttribute.children("div.tiptext").show();
    }).live("mouseout", function () {
        $(this).children("div.tiptext").hide();
    }).live("click", function () {
        return false;
    });

    /* Formateer functies */
    // .initials
    $("input.initials").blur(function () {
        this.value = this.value.toUpperCase();
        return mask(this.value, this, '1,3,5,7,9,11,13,15,17,19', '.');
    });
    // .uCamelCase
    $("input.uCamelCase").blur(function () {
        $(this).val(camelcase($(this).val()));
    });
    // .uCase
    $("input.uCase").blur(function () {
        this.value = this.value.toUpperCase();
    });
    // .lCase
    $("input.lCase").blur(function () {
        this.value = this.value.toLowerCase();
    });

});

/* product filters */
var jsonFilters = "";

function filterProducts(filter) {

    if (jsonFilters == "") {

        $.ajax({
            type: "POST",
            url: "/_ws/get_filters",
            dataType: "text",
            success: function (json) {
                jsonFilters = eval(json);
                applyFilters(filter);
            }
        });

    } else {
        applyFilters(filter);
    }
}

function applyFilters(filter) {

    if (filter == "") {
        $("div.product-block").show();
        return;
    }

    $("div.product-block").hide();

    var products = new Array();

    for (var j = 0; j < jsonFilters.length; ++j) {
        if (jsonFilters[j].Filter == filter) {
            products = jsonFilters[j].Products;
            break;
        }
    }

    for (var i = 0; i < products.length; ++i) {
        $("#prod_" + products[i]).show();
    }

}

/* Initialize accountnumber visiblity */
function initAccountNumber() {
    if ($("#betaal_methodes input:radio[@name='payment_method']:checked").val() == "pm_1") {
        $("#betaal_methodes #account").show();
    } else {
        $("#betaal_methodes #account").hide();
    }
}