$(document).ready(function() { 
	//setting up the modal window attributes
	$('.emailAFriend').dialog({
		bgiframe: true,
		autoOpen: false,
		width: 470,
		height: 450,
		modal: true,
		resizable: true,
		position: 'center',
		draggable: false,
		closeOnEscape: true,
		draggable:false 
	});
	
	$('.emailAFriendopenModal').click(function(e) {
	    e.preventDefault();
	    
		// grabs url from href and loads it into the modal window
		var urlContent = $(this).attr('href');
		$('.emailAFriend').dialog('close');
		
	    $('.emailAFriend iframe')
	        .attr('src', urlContent)
	        .attr('width', '100%')
	        .attr('height', '100%')
	        .attr('scrolling', 'no')
	        .attr('frameborder', 'no');
    		$('.emailAFriend iframe').bind("load", function(){
	        bindFocus();
	    });
	    $('.emailAFriend').dialog('open');

		return false;
	});
	
	/*
	$('.emailAFriendopenModal').click(function() {
		// grabs url from href and loads it into the modal window
		var urlContent = $(this).attr('href');
			$('.emailAFriend').dialog('close').load(urlContent, function(){
				$('.emailAFriend').dialog('open');
				$("#overlay").remove();
				$('.emailAFriend').bgiframe();
				bindFocus()
			});
			$("body").append('<div id="overlay"></div>');
			$("#overlay").css({'background': '#000','position':'absolute', 'top':'0px', 'left':'0px', 'z-index':'1000'})
			$("#overlay").width($(document).width());
			$("#overlay").height($(document).height());
			$("#overlay").append('<div id="loaderImg"><img src="/VailResorts/sites/Keystone/assets/img/ajaxLoading.gif" /></div>')
			$("#overlay").bgiframe();
			$("#loaderImg").css({'background': '#fff','position':'absolute','width':'80px', 'height':'80px', 'z-index':'1001', 'padding-top':'40px', 'padding-left':'40px'})
				var ajaxLoader = $("#loaderImg");
				var height = $(window).height();
				var width = $(document).width();
				leftPos = width/2 - (ajaxLoader.width() / 2) ; // half width - half element width
				topPos = height/2 - (ajaxLoader.height() / 2); // similar
			$("#loaderImg").css({'left':leftPos, 'top': topPos})	
			 //Toggle blank fill
		return false;
	});
	*/
	
	function bindFocus(){
	$('input.emailInputContent').each(function(){
	$(this).bind("focus", function(){

					var defaultText = '';
					defaultText = $(this).val();
					
					if (defaultText=="Email address" || defaultText=="Name"){
					$(this).val('');
					}
					$(this).blur(function(){
						var userInput =$(this).val();
						if (userInput == ''){
						var targetText = $(this).prev().text();
							if (targetText =="To"){
								$(this).val("Email address");
							}
							if (targetText =="From"){
								$(this).val("Name");
							}
							if (targetText ==""){
								$(this).val("Email address");
							}
						
						}
					})
					
				});
			 });
	}
	
});