<!DOCTYPE html>
<!--[if IE 7 ]><html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en" class="ie ie7"> <![endif]-->
<!--[if IE 8 ]><html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en" class="ie ie8"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml" xml:lang="en" lang="en">
<!--<![endif]-->

<head>
<script src="https://cdn.optimizely.com/js/7810551222.js"></script>
<style>
@media only screen and (min-width:1024px){
.superfish-header > li:last-child > ul {right:0;left: auto}
.superfish-header > li:last-child > ul ul {left: -180px !important;
}
</style>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="language" content="en"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        @font-face {
            font-family: 'ProximaNovaRgBold';
            src: url('/themes/episcopal/fonts/proximanova-bold-webfont.woff2') format('woff2'), url('/themes/episcopal/fonts/proximanova-bold-webfont.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }
        @font-face {
            font-family: 'ProximaNovaRgRegular';
            src: url('/themes/episcopal/fonts/proximanova-regular-webfont.woff2') format('woff2'), url('/themes/episcopal/fonts/proximanova-regular-webfont.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }
        @font-face {
            font-family: 'ProximaNovaLtBold';
            src: url('/themes/episcopal/fonts/proximanova-semibold-webfont.woff2') format('woff2'), url('/themes/episcopal/fonts/proximanova-semibold-webfont.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }
        @font-face {
            font-family: 'LeagueGothicRegular';
            src: url('/themes/episcopal/fonts/league_gothic-webfont.woff2') format('woff2'), url('/themes/episcopal/fonts/league_gothic-webfont.woff') format('woff');
            font-weight: normal;
            font-style: normal;
        }
    </style>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="/themes/episcopal/favicons/favicon.ico" type="image/x-icon"/>
    <link rel="apple-touch-icon" sizes="180x180" href="/themes/episcopal/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" href="/themes/episcopal/favicons/favicon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/themes/episcopal/favicons/favicon-16x16.png" sizes="16x16">
    <link rel="manifest" href="/themes/episcopal/favicons/manifest.json">
    <link rel="mask-icon" href="/themes/episcopal/favicons/safari-pinned-tab.svg" color="#ec3637">
    <meta name="theme-color" content="#e8e8cd">


    <link rel="canonical" href="https://www.episcopalrelief.org/hurricane-harvey-response" />    
    <title>Hurricane Harvey Response</title>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '939903256064502'); // Insert your pixel ID here.
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=939903256064502&ev=PageView&noscript=1"
/></noscript>
<!-- DO NOT MODIFY -->
<!-- End Facebook Pixel Code -->
<!--silverpop-->
<meta name="com.silverpop.brandeddomains" content="www.pages05.net,episcopalrelief.org,support.episcopalrelief.org,www.episcopalrelief.org" />
<!--end silverpop-->
<link rel="stylesheet" type="text/css" href="/themes/episcopal/css/styles.css?v=1514978901" />
<script type="text/javascript" src="/assets/3e031b05/jquery.js?v=1505727168"></script>
<script type="text/javascript" src="/themes/episcopal/js/plugins/jquery.ezmark.min.js?v=1471529705"></script>
<script type="text/javascript">
/*<![CDATA[*/
var _gaq = _gaq || [];
				_gaq.push(['_setAccount', 'UA-29010942-1']);
    			_gaq.push(['_trackPageview']);


    			(function() {
    				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    			    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    			    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    			})();
/*]]>*/
</script>
</head>
<body class="module episcopal">
<div class="wrapper">
    <div class="header-landing">
        <div class="header">

            <div class="clearfix nav-logo-section">
                <h1 class="landing-caption">
                    <a href="/what-you-can-do/donate-now/individual-donation" class="logo" title="Episcopal Relief &amp; Development" target="_blank">
                        <img src="/themes/episcopal/images/logo.png" alt=""/>
                    </a>
                </h1>
            </div>

        </div>
    </div>

    
<div class="landing-form-section clearfix" style="background: url('https://www.episcopalrelief.org/uploaded/Gifts%20for%20Life/random%20hurricane%20%281%29.jpg') no-repeat 50% 0;">
    <div class="sec-frame">
        <div class="lfs-form-block js-radio" data-bind="visible: viewDonation" id="hurricane-harvey-response">
            <h2>Hurricane Harvey Response Fund</h2>
            <div class="lfs-text mce-content">

                <p>Donate to our Hurricane Harvey Response Fund and provide emergency assistance to people recovering from the impact of heavy rain and flooding after this major storm. Your generous contribution will supply critical necessities such as food, water, shelter and other basics immediately and support long-term recovery for impacted communities.</p>
            </div>
                <span class="error-select-amount" id="error-span-121">Please choose an amount to donate</span>
<form id="cart-form121" action="/episcopal/shoppingcart/cart.addDonationToCart" method="post"><div class="addtocart-button-cnt">
                            <input value="15" id="price_0" type="radio" name="ShoppingCartModel[otherPrice]" />
                <label for="price_0">
                                        $15.00                                    </label><br/>
                            <input value="25" id="price_1" type="radio" name="ShoppingCartModel[otherPrice]" />
                <label for="price_1">
                                        $25.00                                    </label><br/>
                            <input value="50" id="price_2" type="radio" name="ShoppingCartModel[otherPrice]" />
                <label for="price_2">
                                        $50.00                                    </label><br/>
                            <input value="100" id="price_3" type="radio" name="ShoppingCartModel[otherPrice]" />
                <label for="price_3">
                                        $100.00                                    </label><br/>
                            <input value="500" id="price_4" type="radio" name="ShoppingCartModel[otherPrice]" />
                <label for="price_4">
                                        $500.00                                    </label><br/>
                            <input value="1000" id="price_5" type="radio" name="ShoppingCartModel[otherPrice]" />
                <label for="price_5">
                                        $1,000.00                                    </label><br/>
                            <input value="custom" id="price_6" type="radio" name="ShoppingCartModel[otherPrice]" />
                <label for="price_6">
                                            <span>Custom Amount</span> <input type="text" class="other-price" name="ShoppingCartModel[otherPrice]" disabled="disabled" value="" placeholder="$10" />
                                    </label><br/>
            
        
        <div class="ab-field">
        <input value="1" name="ShoppingCartModel[quantity]" id="ShoppingCartModel_quantity" type="hidden" />
                <input name="ShoppingCartModel[key]" id="ShoppingCartModel_key" type="hidden" value="EpiscopalDonationModel_121" />        </div>
                    
            <div class="clear ov-hidden a-center">
                <span class="red-btn mdl-sizes">
                    Donate                    <input class="public-submit-button button-add-to-cart" type="submit" name="yt0" value="Donate" />                </span>
            </div>
            
</div>
</form>
<script type="text/javascript">
/*<![CDATA[*/
$('document').ready(function(){
    var form = $("#cart-form121");
    var error = $("#error-span-121");

    $($(form).find(':radio')).live('change', function(){
        
        if($(this).val() == 'other' || $(this).val() == 'custom' ){
            $(form).find('.other-price').removeAttr('disabled');
        } else {
            $(form).find('.other-price').attr('disabled', 'disabled');
        }        
    })


    //$('.jq-addtocart').attr('disabled', false);
    $('.review-item:even').addClass('row1');
    $('body').delegate('#cart-form121', 'submit', function(event){
        event.preventDefault();

        if ($("#ShoppingCartModel_selectPrice121").val() == -1) {
            $(error).addClass("error-show");
            return false;
        }

        $(error).removeClass("error-show");

        $.ajax({
            type: 'post',
            url: $(form).attr('action'),
            dataType: 'json',
            data: $(form).serialize(),
            beforeSend: function() {
                var loader = $('<div class="js-ajax-loader"></div>').css({
                    'background': '#FAF9F9 url(/images/ajax-loader.gif) no-repeat center center',
                    'opacity': 0.7,
                    'position': 'absolute',
                    'left': '0px',
                    'top': '0px',
                    'width': form.width()+'px',
                    'height': form.height()+'px'
                });
                $(form).append(loader).css('position', 'relative');
            },
            complete: function() {
                $(form).find(".js-ajax-loader").remove();
            },
            success: function(data) {
                if (data.error){
                    var messages = [];
                    $.each($.parseJSON(data.error), function(key, value){
                        for(var i in value){
                            messages.push(value[i]);
                        }
                    });
                    // alert(messages.join("\n"));
                    //$('<div>'+messages.join("<br />")+'</div>').dialog();
                }
                else {
                    try {
                        // ga tracking
                        if( $(form).find('.other-price').attr('disabled') ) {
                            var price = $(form).find('select').find("option[value="+$(form).find('select').val()+"]").text().trim()
                            _gaq.push(['_trackPageview',
                                // add 75
                                '/donation/addedtocart/onetime/hurricane-harvey-response/'
                                    +parseInt(price
                                        .replace(/\$/gi, '')
                                        .replace(/\,/gi, '')
                                    )
                                    +'/']);
                        } else {
                            var price = $(form).find('.other-price').val().trim()
                            _gaq.push(['_trackPageview',
                                // add 75
                                '/donation/addedtocart/onetime/hurricane-harvey-response/'
                                    +parseInt(price
                                        .replace(/\$/gi, '')
                                        .replace(/\,/gi, '')
                                    )
                                    +'/']);
                        }
                    } catch(e) {}
                    if (undefined !== data.cart){
                                                data.redirect = "/express-checkout";
                                                $('.jq-cartable').trigger('change-cart', data);
                        $('.jq-cartable').trigger('add-donation-to-cart', data);
                    }
                    else if (undefined !== data.wishlist){
                        document.location.href = data.wishlist.url;
                    }
                }
            },
            error: function(error) {
                //console.log('Error',error);
            }
        });
    });
    $('#cart-form').delegate('.jq-addtocart', 'click', function(event){
        var $form = $(this).parents('form');
        $form.attr('action', '/ecommerce/shoppingcart/cart.addToCart');
    });
    $('#cart-form').delegate('.jq-wishlist', 'click', function(event){
        var $form = $(this).parents('form');
        if($form.find('select').val() != -1){
            $form.attr('action', '/ecommerce/shoppingcart/cart.addToWishlist');
            $form.append('<input type="submit" id="addToWishlist" style="display:none" />');
            $('#addToWishlist').click();
        }
    });


});
/*]]>*/
</script>

            <strong class="lfs-btm-text">Please Give Now</strong>
        </div>
        <div class="jq-cartable"></div>
    </div>
</div>
<script type="text/javascript">
    $(function(){
        $('.jq-cartable').bind('change-cart', function(e, data){
            if (data.redirect) {
                window.location.href = data.redirect;
            }
        })
        $('.js-radio input[type="radio"]').ezMark();
        resizeBlock();
    })
    $(window).resize(function(){
        resizeBlock();
    });
    function resizeBlock() {
        windowHeight = $(window).height();
        windowHeight = windowHeight - 152;
        $('.landing-form-section').css({'min-height': windowHeight + 'px'});
    }
</script>
</div>


</body>
</html>
