
  
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/shoponline_whistler.dwt.cfm" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Nesters Market - Whistler</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="../global_css/nesters_market_global.css"/><script src="../Scripts/swfobject_modified.js" type="text/javascript"></script><script type="text/javascript" src="includes/lib/prototype.js"></script>
<script type="text/javascript" src="includes/lib/scriptaculous.js?load=builder,effects"></script>
<script type="text/javascript" src="includes/modalbox.js"></script>
<link rel="stylesheet" href="includes/modalbox.css" type="text/css" 
media="screen" />
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script type="text/javascript" src="udm4/udm-resources/style-msdn.js"></script>
<script type="text/javascript" src="udm4/udm-resources/udm-control.js"></script>
<script type="text/javascript" src="udm4/udm-resources/udm-style.js"></script>
<!-- InstanceBeginEditable name="head" -->

<link rel="stylesheet" type="text/css" href="ext-3.2.1/resources/css/ext-all.css" /> 
    <style type="text/css"> 
    .mainbutton {
    	background-color:#04fb2d;
    	font-weight:bold;
    	font-size:large
    }
    .h1 {
	font-size: 24px;
	color: #000;
}
    </style> <script type="text/javascript" src="jquery_1_42.js"></script> 
    <script type="text/javascript" src="jquery-plugins.js"></script> 
    <script type="text/javascript" src="ext-3.2.1/adapter/jquery/ext-jquery-adapter.js"></script> 
    <script type="text/javascript" src="ext-3.2.1/adapter/ext/ext-base.js"></script> 
    <script type="text/javascript" src="ext-3.2.1/ext-all.js"></script> 
    <script type="text/javascript" src="loading.js"></script> 
<!-- InstanceEndEditable -->
</head>

<body onload="MM_preloadImages('../images/kelowna-airport-button-over.png','/images/kelowna-lakeview-button-over.png','../images/banff-button-over.png','../images/mainst-button-over.png','../images/fraser-button-over.png','../images/kelowna-button-over.png','../images/sfu-button-over.png','../images/yaletown-button-over.png','../images/squamish-button-over.png','../images/summerland-button-over.png','../images/whistler-button-over.png','../images/woodwards-button-over.png','../images/employment-button-over.png','../images/northvancouver-button-over.png'),'../images/homebtn-over.png','../images/contactusbtn-over.png'">
<table width="954" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top"><p><img src="images/top_header.png" alt="Nesters Market" width="954" height="150" border="0" usemap="#Map" /></p>
      <table width="954" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="664"><h1>
          Welcome to Nesters Market and Wellness Centre Whistler</h1></td>
          <td width="146" valign="middle"><br /></td>
          <td width="144" valign="middle"><a href="http://www.nestersmarket.com" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','../images/homebtn-over.png',1)"><img src="../images/homebtn.png" alt="Nesters Market Home Page" name="Image16" width="50" height="23" border="0" id="Image16" /></a> <a href="contact_us.cfm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','../images/contactusbtn-over.png',1)"><img src="../images/contactusbtn.png" alt="Contact Nesters Market" name="Image17" width="76" height="23" border="0" id="Image17" /></a></td>
        </tr>
      </table>
      <table width="954" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="140" height="422" valign="top"><table width="130" border="2" cellpadding="0" cellspacing="0">
  <tr>
  
    <td width="130"  align="center"><a href="https://www.cvent.com/d/7hqf96"><img src="/images/CUSTOMER-SURVEY-BUTTON.gif" alt="Customer Survey" width="130" height="121"  border="0" longdesc="https://www.cvent.com/d/7hqf96" /> </a></td>
  </tr>
  <tr  class="fadetable">
    <td width="130"  align="center" class="tableheader">OTHER STORES</td>
  </tr>
  <tr>
    <td  valign="top"><a href="/banff/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','/images/banff-button-over.png',1)"><img src="/images/banff-button.png" alt="Banff" name="Image9" width="130" height="23" border="0" id="Image9" /></a><a href="/broad_way/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image91','','/images/broadway-button-over.png',1)"><img src="/images/broadway-button.png" alt="Broadway" name="Image91" width="130" height="23" border="0" id="Image91" /></a><a href="/main_st/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','/images/mainst-button-over.png',1)"></a><a href="/gabriola-island/index.cfm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image240','','/images/gabriola-button-over.png',1)">
      <img src="/images/gabriola-button.png" alt="Gabriola Island" name="Image240" width="130" height="23" border="0" id="Image240" /></a><a href="/main_st/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','/images/mainst-button-over.png',1)"></a>
      <a href="/kelowna_airport/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image111','','/images/kelowna-airport-button-over.png',1)"><img src="/images/kelowna-airport-button.png" alt="Kelowna Airport" name="Image111" width="130" height="23" border="0" id="Image111" /></a>
      <a href="/main_st/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','/images/mainst-button-over.png',1)"><img src="/images/mainst-button.png" alt="Main St." name="Image3" width="130" height="23" border="0" id="Image3" /></a>
      <a href="/northvancouver/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image177','','/images/northvancouver-button-over.png',1)"><img src="/images/northvancouver-button.png" alt="Dollarton North Vancouver" name="Image177" width="130" height="23" border="0" id="Image177" /></a>
      <a href="/sfu/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image12','','/images/sfu-button-over.png',1)"><img src="/images/sfu-button.png" alt="Simon Fraser University" name="Image12" width="130" height="23" border="0" id="Image12" /></a>
      <a href="/squamish/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image5','','/images/squamish-button-over.png',1)"><img src="/images/squamish-button.png" alt="Squamish" name="Image5" width="130" height="23" border="0" id="Image5" /></a>
      <a href="/summerland/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image800','','/images/summerland-button-over.png',1)"><img src="/images/summerland-button.png" alt="Summerland" name="Image800" width="130" height="23" border="0" id="Image800" /></a>
       <a href="/fraserheights/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image7','','/images/fraser-button-over.png',1)"><img src="/images/fraser-button.png" alt="Fraser Heights" name="Image7" width="130" height="23" border="0" id="Image7" /></a>
      <a href="/gateway/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image8','','/images/surrey-button-over.png',1)"><img src="/images/surrey-button.png" alt="Surrey" name="Image8" width="130" height="23" border="0" id="Image8" /></a>
      <a href="/west_kelowna_lakeview/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image112','','/images/kelowna-lakeview-button-over.png',1)"><img src="/images/kelowna-lakeview-button.png" alt="Kelowna lakeview" name="Image112" width="130" height="23" border="0" id="Image112" /></a>
      <a href="/whistler/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image6','','/images/whistler-button-over.png',1)"><img src="/images/whistler-button.png" alt="Whistler - Shop Online" name="Image6" width="130" height="23" border="0" id="Image6" /></a>
      <a href="/woodwards/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image11','','/images/woodwards-button-over.png',1)"><img src="/images/woodwards-button.png" alt="Woodwards" name="Image11" width="130" height="23" border="0" id="Image11" /></a>
      <a href="/yaletown/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image4','','/images/yaletown-button-over.png',1)">
      <img src="/images/yaletown-button.png" alt="Yaletown" name="Image4" width="130" height="23" border="0" id="Image4" /></a>
      </td>
  </tr>
</table>
</td>
          <td valign="top"><!-- InstanceBeginEditable name="Main_Content" -->
          
          	
<script type="text/javascript">
Ext.onReady(function() {
	showForm();
	Ext.getCmp('emailaddress').setValue('');
	Ext.getCmp('emailaddress2').setValue('');
	var em = '';
	if (em!="") {
		Ext.getCmp('okflyers').setValue(true);
	}
	/*
	var prog = getParameterByName('prog');
	if (prog!="") {
		$.get('flyersprog.php?prog='+prog+'&email='+em,function(x){
			var o = eval("("+x+")");
			var kys = Object.keys(o);
			for (var i=0;i<kys.length;i++)  {
		           var k = kys[i];
			   var t = Ext.getCmp(k);
			   if (t===undefined) {
			   } else {
			   	t.setValue(o[k]);
			   }
			}
			
		});
	}
	*/
});


var theform = null;


var sendbutton = {
	xtype: 'button',
	text: 'SEND',
	width: 100,
	//style: 'background-color:#04fb2d;font-weight:bold;font-size:large',
	ctCls: 'mainbutton',
	handler: function() {
		if (emailCheckOK() && checkboxesOK()) {
			saveForm()
		}
	}
};

function getParameterByName(name, url) {
    if (!url) url = window.location.href;
    name = name.replace(/[\[\]]/g, "\$&");
    var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
        results = regex.exec(url);
    if (!results) return null;
    if (!results[2]) return '';
    return decodeURIComponent(results[2].replace(/\+/g, " "));
}

function checkboxesOK() {
    var cf = Ext.getCmp("okflyers").getValue();
    var cp = Ext.getCmp("promoyes").getValue();
    if (cf==false && cp==false) {
      Ext.Msg.alert('Error',"At least one of the checkboxes for receiving flyers or coupons/promos must be checked.");
      return false;
    }
    return true;
}

function emailCheckOK() {
	var em1 = Ext.getCmp("emailaddress").getValue();
	var em2 = Ext.getCmp("emailaddress2").getValue();
	em1 = $.trim(em1).toUpperCase();
	em2 = $.trim(em2).toUpperCase();
	if (em1==em2) {
	   var badchars = [",",";","/","\\",":"," "];
	   for (var i=0;i<badchars.length;i++) {
	   	if ((em1.indexOf(badchars[i])>-1) || (em2.indexOf(badchars[i])>-1)) {
	   		Ext.Msg.alert('Error',"Bad character " + badchars[i] + " in email not allowed.");
	   		return false;
	   	}
	   }
	   if (em1.indexOf("@")==-1) {
	   	Ext.Msg.alert('Error','Email has no @ character.');
		return false;
	   }
	   var emat = em1.split("@");
	   if (emat.length>2) {
	   	Ext.Msg.alert('Error','Email has too many @ characters.');
		return false;
	   }
	} else {
		Ext.Msg.alert('Error','Emails must match.');
		return false;
	}
	return true;
}

function saveForm() {
	
	var its = theform.items;
    var p = "{"
    for (var i=0;i<its.length;i++) {
       	var o = its.items[i];
       	if (o.name==undefined) {
       		continue;
       	}
       	var val = o.getValue();
       	if (o.name=="captchainput" || o.name=="firstname"  || o.name=="lastname" || o.name=="postalcode" || o.name=="emailaddress") {
		val = $.trim(val);
	       	if (val=="") {
	      		Ext.Msg.alert('Error','Blank fields are not allowed.');
	      		return;
	      	}
	    }
	if (o.xtype=="checkbox") {
	    if (val==true) {
	      val = "true";
	    } else {
	      val = "false";
	    }
	}
       	p = p +  o.name + ":'" + val + "',";
    }
    var fn = Ext.getCmp("firstname");
    p = p + "firstname:'" + fn.getValue() + "',lastname:'";
    var ln = Ext.getCmp("lastname");
    p = p + ln.getValue() + "',";
    startLoadingMessage();
    //var cmp = #captchafile;
    //var caf = cmp.val();
    var caf = $('#captchafile').val();
	p = p + "captchafile:'" + caf + "'}";
	params = eval("(" + p + ")");
	$.post("saveflyerform.php",params, function(x) {saveFormResult(x)});
}

function saveFormResult(x) {
	stopLoadingMessage();
	var o = eval(x);
	var s = o.msg;
	if (o.ok==true) {
	   	Ext.Msg.show({
	   		title:'Status',
	   		msg: s,
	   		buttons: Ext.Msg.OK,
	   		fn: endForm
		});

	} else {
		Ext.Msg.alert('Status',s);
	}
}

function endForm(x) {
   window.close();
}

function showForm() {
	var brandtitle;

	theform = new Ext.FormPanel({
		labelWidth: 180, // label settings here cascade unless overridden
		labelAlign: 'left',
		frame:true,
		title: '<b><font face="Arial" size="+1">SIGN UP TO RECEIVE FLYERS BY EMAIL</font></b>',
		bodyStyle:'padding:5px 5px 0',
		width: 560,
		//defaults: {width: 560},
		defaultType: 'textfield',
		id:'theform', name:'theform',
		renderTo:'formdiv',
		items: [
			{xtype:'hidden',name:'storeid',value:'10'},
			{xtype:'hidden',name:'banner',value:'N'}
			,
		    {
			fieldLabel: 'Email',
			name: 'emailaddress',
			id:'emailaddress',
			width: 205,
			allowBlank:false
		    },
		    {
			fieldLabel: 'Email (again please)',
			name: 'emailaddress2',
			id:'emailaddress2',
			width: 205,
			allowBlank:false
		    },
		    {
		    	xtype:'compositefield',
		    	id:'componame',
		    	name:'componame',
		    	fieldLabel: 'First Name, Last Name',
		    	labelWidth:140,
		    	width:440,
		    	items: [
		    		 {
		    		 	xtype:'textfield',
						fieldLabel: '',
						name: 'firstname',
						id:'firstname',
						labelWidth: 0,
						width: 100,
						allowBlank:false
				    },
				    {
				    	xtype:'textfield',
						fieldLabel: '',
						name: 'lastname',
						id:'lastname',
						labelWidth: 0,
						width: 100,
						allowBlank:false
				    }
		    	]
		    },
		   	{ fieldLabel: 'Postal Code',
		   	  name: 'postalcode',
		   	  id: 'postalcode',
		   	  width: 100
		    },
		    {
		      xtype:'checkbox',
		      id:'okflyers',name:'okflyers',
		      fieldLabel:' I would like to receive email flyers for the store I selected\nNesters Market - Whistler' 
		    },
		    /*
		    {
		    	xtype:'compositefield',
		    	id:'compocheckbox',
		    	name:'compocheckbox',
		    	fieldLabel: 'I would like to receive additional coupons and special offers',
		    	labelWidth:140,
		    	width:440,
		    	items: [
		    		 { xtype:'label',text:'yes:'},
		    		 {
		    		 	xtype:'checkbox',
						width:40,
						name: 'promoyes',
						id:'promoyes',
						handler: function() {setCheck(this);}
				    },
				    { xtype:'label',text:'no:'},
				    {
				    	xtype:'checkbox',
						width:40,
						name: 'promono',
						id:'promono',
						handler: function() {setCheck(this);}
				    }
		    	]
		    } */
		    { xtype:'checkbox',id:'prodsafetyyes',name:'prodsafetyyes', fieldLabel:'I would like to receive Product and Safety Recalls' },
		    { xtype:'checkbox',id:'contesteventsyes',name:'contesteventsyes', fieldLabel:'I would like to receive Contest and Events Announcements' },
		    { xtype:'checkbox',id:'promoyes',name:'promoyes', fieldLabel:'I would like to receive additional Promotional Coupons and Special Offers' },	   
		    {
		    		xtype:'compositefield',
		    		id: 'compo1',
		    		fieldLabel: 'Image Verification',
		    		labelWidth:180,
		    		//height: 150,
		    		width: 600,
		    		//anchor: '-50',
					items:[ {
							xtype:'box',
							id: 'captchacomposite',
							anchor:'',
							isFormField:true,
							fieldLabel:'',
							width: 240,
							height: 150,
							autoEl: {
								 tag:'div', children:[{
											 tag:'img',
											 id: 'captchaimage',
											 src:'http://associatedgrocers.ca/cc2/static/captcha/EGJ2GN9N.jpg'
										    },{
											 tag:'div'
											,style:'margin:0 0 4px 0'
											,html:'Please verify this image by typing the<br>above characters in order, into the input<br>box below ( not case sensitive )'										
										    }] 
								}
	
						  },
						  {
						  	xtype:'button',
						  	text: 'Get New Image',
						  	handler: function() {getNewCaptcha()}
						  }
						]
		    },
		    {
			fieldLabel: '',
			name: 'captchainput',
			id:'captchainput',
			width: 100,
			allowBlank:false
				  
		    },
		    {
		    	xtype:'label',
		    	text:"We are currently experiencing technical difficulties with email addresses and with some domains.  If you are not receiving your weekly e-flyer, please check your spam folder.  Sorry for the inconvenience, this is only a temporary solution and should be rectified shortly.",
		    	fieldLabel:'Disclaimer'
		    }
		],
		buttons: [
		 	sendbutton
		    
		]
	 });
	
        
}

function setCheck(t) {
	var nm = t.name;
	var v = t.getValue();
	if (nm=="promoyes" && v==true) {
		var o = Ext.getCmp("promono");
		o.setValue(false);
	}
	if (nm=="promono" && v==true) {
		var o = Ext.getCmp("promoyes");
		o.setValue(false);
	}
}


function getNewCaptcha() {
		startLoadingMessage();
		var junk = $('#captchafile').val();
		$.get("getnewcaptcha.php?junk=" + junk,function(x) {getNewCaptchaResult(x)});
}

	
function getNewCaptchaResult(x) {
	    stopLoadingMessage();
	    Ext.getCmp("captchacomposite").getEl().dom.firstChild.src = "http://associatedgrocers.ca/cc2/static/captcha/" + x;
$('#captchafile').val(x);	    var o = Ext.getCmp("captchainput");
	    o.setValue("");
}

</script>
<center>
<table>
<tr><td width="100%" align="left"></td></tr>
<tr><td width="100%" align="left">
<div id="formdiv"></div>
</td></tr>
<tr>
<td>
</td></tr>

</table>
<br>
</center>

<input type='hidden' id='captchafile' name='captchafile' value='EGJ2GN9N.jpg'>

     
<!-- InstanceEndEditable --></td>
        </tr>
      </table>
    <p><img src="images/bottom_footer.png" alt="Where The Locals Shop!" width="954" height="83" border="0" usemap="#footer" />
     
     
        <map name="footer" id="footer">
        <area shape="rect" coords="532,-1,736,34" Title="E-Commerce Partners"   href="ecommerce_partners_full.cfm"  alt="Check out these links to local Whistler businesses. " />
        <area shape="rect" coords="742,3,945,36" href="quickshop_full.cfm"  title="Quick Shop"  alt="Having troubles with the online shopping system? Try an easier simpler way. Try Quickshop" />
      </map>
       
     
    </p></td>
  </tr>
  <tr>
    <td valign="top"><div class="smallbrowntext">&copy; 2020 Nesters Market Ltd. All Rights Reserved - <a href="../privacy.cfm">Privacy Policy</a> - <a href="http://www.cvent.com/d/yvqf1k" target="_blank">Customer Survey</a></div></td>
  </tr>
</table>


       <map name="Map" id="Map">
          <area shape="rect" coords="556,103,928,142" href="shoponline.cfm"  alt="Shop Online" />
        </map> 
      
     
</body>
<!-- InstanceEnd --></html>