$(document).ready(function () {

    $('a.linkTnc').overlay({
        mask: {
            color: '#ebecff',
            loadSpeed: 200,
            opacity: 0.7
        },
        closeOnClick: true
    });

    $("a.linkWhatCCV").overlay({
        mask: {
            color: '#ebecff',
            loadSpeed: 200,
            opacity: 0.7
        },
        onBeforeLoad: function () {
            var wrap = this.getOverlay().find(".contentWrap");
            wrap.load(this.getTrigger().attr("href"));
        }
    });

    $('.dvErCC').overlay({
        mask: {
            color: '#ebecff',
            loadSpeed: 200,
            opacity: 0.7
        },
        load: true
    }).load();

    // execute your scripts when the DOM is ready. this is mostly a good habit
    $(function () {

        // initialize scrollable
        //$(".scrollable").scrollable();
        $("#browsable").scrollable({ circular: true,
            onBeforeSeek: function (val, target) {
                var tarDiv = $("#browsable .items div").eq(this.getIndex());

                if (tarDiv.hasClass('youtube') && this.getIndex() !== target) {
                    var dummyHtml = tarDiv.html();
                    tarDiv.empty();
                    tarDiv.html(dummyHtml);
                }

            }
        }).autoscroll({ autoplay: true, interval: 7000 }).navigator();
        $(".scrollable_01").scrollable();
//        $("#select-themes").change(updateIMG);
//        $(".dfrow3.dfrow4 .rdobox input").change(updateIMG);
    });
    var current = parseInt($('div.m-top strong').text().replace('$', '').replace(',', ''));
    var target = parseInt($('p.target-val').text().replace('$', '').replace(',', '').replace('(target)', ''))
    var percentage = (current / target) * 100;
    $('div.meter-bg').attr('rel', percentage);
    cal_meter();
});
function cal_meter() {

    var total_h = $(".donor-meter .meter-bg").height();
    var per_val = parseInt($(".donor-meter .meter-bg").attr("rel"));
    if (per_val > 100) {
        per_val = 100;
    } else if (per_val < 0) {
        per_val = 0;
    }

    var top_ffset = 4;
    if ($('body').hasClass('presents') || $('body').hasClass('gold')) {
        top_ffset = 24;
    } else if ($('body').hasClass('tickets')) {
        top_ffset = 31;
    }

    var max_m_height = total_h - ($(".donor-meter .meter-bg .m-top").outerHeight(true)) - ($(".donor-meter .meter-bg .m-bottom").outerHeight(true)) + top_ffset;

    var m_height = max_m_height * (parseInt(per_val) / 100);
    $(".donor-meter .meter-bg .m-middle").css('height', m_height);
    //console.log(total_h + "--" + max_m_height + "--" + per_val + "--" + m_height);
}
//function updateIMG() {
//    //$("#select-themes").val();
//    var color_val = $(".dfrow3.dfrow4 .rdobox input[type='radio']:checked").attr('id');
//    var theme_val = $("#select-themes").val();
//    $(".dfrow3.dfrow4 .theme_holder img").remove();
//    var newimg = $('<img />');
//    newimg.attr({ src: ("images/" + color_val + "_" + theme_val + ".jpg"), alt: (color_val + "_" + theme_val) });
//    $(".dfrow3.dfrow4 .theme_holder").append(newimg);

//}