mcd.dom.ready(function(){
			
			mcd.Overlay.manager.init({
				
				"email-reminder-overlay" : {
					position: {y:150,x:10},
					terminators : {
						"email-reminder-overlay-close" : function () {
							return true; 
						}
					}
				}

			});			

			// Messaging for the images
			var imageMessage = {
					'image-popup-new-statement' 	: 'Receive an e-mail when a new statement is available to view online.',
					'image-popup-payment-posted' 	: 'Receive an e-mail when payments post to your Discover card account.',
					'image-popup-min-not-rec'		: 'Receive an e-mail 6 to 7 days prior to your payment due date if your minimum payment has not been received, or your pending payments are less than the minimum payment due.',
					'image-popup-balance-transf'	: 'Receive an e-mail when each requested Balance Transfer posts to your Discover card account.',
					'image-popup-refund-credit'		: 'Receive an e-mail when a merchant credit or refund posts to your Discover card account.',
					'image-popup-credit-limit'		: 'Receive an e-mail when you are approaching your Discover card account credit limit, based on a dollar amount that you select.',
					'image-popup-purchase-exceed'	: 'Receive an e-mail when any purchase charged to your account is equal to or larger than a dollar amount you specify.',
					'image-popup-balance-exceeds'	: 'Receive an e-mail when your account balance reaches a specific dollar amount that you select.',
					'image-popup-special-offers'	: 'Receive newsletters and special offers by e-mail.'					
				}
			
			var clickLink = {
					'image-popup-new-statement'  : '<a id="first-link" href="#" rel="image-popup-new-statement" title="Statement Available" class="image-swapper">Statement Available</a>'
					}			

				var prevLink =	'';
				var prevItem = ''
				var andMore = document.getElementById('and-more');
				var reminderCopy = document.getElementById('reminder-copy');
				var sampleHeader = 	document.getElementById('image-header');
				var sampleCopy   = 	document.getElementById('image-description');
				var sampleImage  =	document.getElementById('screenshot-sample');

				// attach Click Event
				var attachClick = function(trigger){
					
					mcd.event.add(trigger,'click', function(event){
						// gets target
						
						var target = mcd.event.getTarget(event)
						mcd.event.preventDefault(event);						
						
						// check if there is previous link - 
						checkPrevious(target);

						// Save previous Link
						savePrevLink(target);

						// updte Information
						updateInfo(target);

						document.getElementById('firstlink').className = 'image-swapper';
					});
				}

				var updateInfo = function(target) {
					if(prevLink.rel !== target.rel) {
						prevItem.innerHTML = target.title;
					}
					
				
					sampleHeader.innerHTML = target.title;
					sampleCopy.innerHTML = imageMessage[target.rel];

					sampleImage.src = '/customer-service/images/'+target.rel+'.jpg';
					if(target.parentNode != null){
						target.parentNode.innerHTML = target.title;
					}

					if(target.rel =='image-popup-special-offers'){
						andMore.innerHTML = ' and Newsletters ';
						reminderCopy.innerHTML = '';
					}
					else {
						andMore.innerHTML = '';
						reminderCopy.innerHTML = 'Reminders ';
					}
				};

				// check previous link
				var checkPrevious = function(target){
					if(prevItem != '' && prevItem != null){
						prevItem.innerHTML = ''
						prevItem.appendChild(clickLink[prevLink.rel]);

						attachClick(clickLink[prevLink.rel]);
					}					
				};

				var savePrevLink = function(target){
					prevLink = target;
					prevItem = target.parentNode;
					clickLink[prevLink.rel] = prevLink.cloneNode(true);
				};				
				
				sampleTrigger = mcd.dom.getElementsByAttribute('class', 'image-swapper', document.body, 'A', true);
				
				for(var i =0; i<sampleTrigger.length; i++){	
							
					attachClick(sampleTrigger[i]);
				
				};

		})