﻿/*=========================================
Show home page feedback form
/*=========================================*/
function ShowFeedbackFormHomePage(domain)
{
    CloseLayover();
    ight = $("body").height();
    ShowLayover(domain,"/feedback/homepage.aspx",620,635,'Submit Your Comments');
}
/*=========================================
Post responses from home page feedback form
/*=========================================*/
function PostFeedbackFormHomePage()
{
    var formVariables = $("#feedbackForm").serialize();
    PostLayover("/feedback/homepage.aspx",formVariables,"There was a problem posting your feedback. Please try again.");
}
/*=========================================
Post arguments to a specific page. Show specified failure message if there are ajax problems
/*=========================================*/
function PostLayover(page,arguments,failureStatusMessage)
{
    $("#OptInForm").hide();
	$("#optin_content").addClass("loading");

	$.post(appPath + page
        , arguments 
		,	function(data, textStatus) 
            {
				$("#optin_content").removeClass("loading");
				if (textStatus != "success") 
				{
					alert(failureStatusMessage);
					$("#OptInForm").show();
				}
				else {
					$("#optin_content").html(data);
				}
            }
        );
} 
/*=========================================
Close layover 
/*=========================================*/
function CloseLayover() {
	var linkImg = $("#divOptIn");
	var linkImgOffset = linkImg.offset();
	
	$("#OptInForm").remove();
	$("#optin_sent").remove();
	
	$("#optin_box").animate({height: linkImg.height(), width: linkImg.width(), left: linkImgOffset.left, top: linkImgOffset.top}
		,	function () {
			if ($.browser.msie && $.browser.version < 7) $("select").show();
			    $("#overlayBG").remove();
			    $("#optin_box").remove();			
		}
	);
}	
/*=========================================
Create a page layover that prohibits any interaction with underlying elements
/*=========================================*/
function CreateLayover()
{
	// hide select tag on ie6 because they will appear above zoom layer
	if ($.browser.msie && $.browser.version < 7) $("select").hide();
	var documentWidth = $(document).width();
	var documentHeight = $(document).height();
	$("body").prepend('<div id="overlayBG"></div>');
	$("#overlayBG").css({opacity: 0.6, position: "absolute", "z-index": 998, width: documentWidth, height: documentHeight,"background-color": "black" });
}
/*=========================================
Create a processing message layover for placing an order
/*=========================================*/
function CreateOrderProcessingLayover()
{
    CreateLayover();
    var message = 'Your order is being processed.<br><img src="images/progressIndicator.gif"/><br>';
    CreateProcessingMessage(message,100,300);
}
/*=========================================
Create a processing message layover
/*=========================================*/
function CreateProcessingMessage(message,height,width)
{
	var optin_box = '<div id="processing_message" style="position:fixed;z-index:999;text-align: center; font-size: 20px; color: white;"><div id="optin_content">'+message+'</div></div>';
	$("body").prepend(optin_box);

	var linkImg = $("#processing_message");
	var linkImgOffset = linkImg.offset();
	var bodyWidth = $("body").width();
	var bodyHeight = $("body").height();

	var popupHeight = height;
	var popupWidth = width;
	var leftOffset = (bodyWidth - popupWidth) / 2;
	var topOffset = popupHeight;

	$("#processing_message").css({ width: popupWidth, height: popupHeight, left: leftOffset, top: topOffset});
}
/*=========================================
Create layover from any page. Define height & width of layover
/*=========================================*/
function ShowLayover(domain,page,height,width,title) 
{
	CloseLayover();
    CreateLayover();
	
	var optin_close = '<div style="background-color:transparent;clear:both;height:20px;text-align:right;width:100%;position: absolute; padding-top: 10px;"><a style="color: white; font-size: 10px;text-decoration:none;padding-right:10px;" href="javascript:CloseLayover();">Close [X]</a></div>';
	var optin_title = '<div style="width: 100%; background-color: black; color: white;height:50px;font-size:16px;font-weight:bold;font-family:Tahoma,Arial;"><img border="0" src="'+domain+'/App_Themes/Default/feedback/feedback.logo.jpg" style="padding: 10px 0px 0px 20px;"/><span style="padding: 0px 0px 20px 15px; position: relative; bottom: 5px;">'+title+'</span></div>';
	
	var optin_box = '<div id="optin_box" style="border:3px solid #AA0F0F;">'+optin_close+optin_title+'<div id="optin_content"></div></div>';
	$("body").prepend(optin_box);
	$("optin_box").prepend(optin_title);
	$("optin_box").prepend(optin_close);
	var linkImg = $("#divOptIn a");
	var linkImgOffset = linkImg.offset();
	var bodyWidth = $("body").width();
	var bodyHeight = $("body").height();

	var popupHeight = height;
	var popupWidth = width;
	var leftOffset = (bodyWidth - popupWidth) / 2;
	var topOffset = (bodyHeight - 	popupHeight)/2;		
	$("#optin_box").css({ width: linkImg.width(), height: linkImg.height(), left: linkImgOffset.left, top: linkImgOffset.top});
	$("#optin_content").addClass("loading");
	$("#optin_box").animate(
	        {height: popupHeight, width: popupWidth, left: leftOffset, top: topOffset}
		, 	"slow"
		,	function () 
		    {
			$("#optin_content").load(
				appPath + page,
				function (responseText, textStatus, XMLHttpRequest) 
				{
					$("#optin_content").removeClass("loading");
					if (textStatus != "success") 
					{
						alert("There was a problem while loading the form. Please try back later.");
					}
					else {}
				}
			)				
		}
	);
}

// JScript File
function showOptIn(inputEmail) {
		closeOptIn();
		// hide select tag on ie6 because they will appear above zoom layer
		if ($.browser.msie && $.browser.version < 7) $("select").hide();
		
		var documentWidth = $(document).width();
		var documentHeight = $(document).height();
		$("body").prepend('<div id="overlayBG"></div>');
		$("#overlayBG").css({opacity: 0.6, position: "absolute", "z-index": 998, width: documentWidth, height: documentHeight,"background-color": "black" });
		
		var optin_box = '<div id="optin_box"><div id="optin_content"></div></div>';
		$("body").prepend(optin_box);
		var linkImg = $("#divOptIn a");
		var linkImgOffset = linkImg.offset();
		var bodyWidth = $("body").width();
		var bodyHeight = $("body").height();
		var popupHeight = 420;
		var popupWidth = 480;
		var leftOffset = (bodyWidth - popupWidth) / 2;
		var topOffset = (bodyHeight - 	popupHeight)/2;		
		$("#optin_box").css({ width: linkImg.width(), height: linkImg.height(), left: linkImgOffset.left, top: linkImgOffset.top});
		$("#optin_content").addClass("loading");
		$("#optin_box").animate({height: popupHeight, width: popupWidth, left: leftOffset, top: topOffset}
			, 	"slow"
			,	function () {
				$("#optin_content").load(
					appPath + "/optin.aspx",
					{Email:inputEmail},
					function (responseText, textStatus, XMLHttpRequest) {
						$("#optin_content").removeClass("loading");
						if (textStatus != "success") {
							alert("There was a problem while loading the form. Please try back later.");
						}
						else {
						}
					}
				)				
			}
		);
	}
		
		function closeOptIn() {
			var linkImg = $("#divOptIn");
			var linkImgOffset = linkImg.offset();
			
			$("#OptInForm").remove();
			$("#optin_sent").remove();
			
			$("#optin_box").animate({height: linkImg.height(), width: linkImg.width(), left: linkImgOffset.left, top: linkImgOffset.top}
				,	function () {
					if ($.browser.msie && $.browser.version < 7) $("select").show();
					$("#overlayBG").remove();
					$("#optin_box").remove();			
					
					if(document.getElementById('inputEmailNewsletter') != null) {
					    document.getElementById('inputEmailNewsletter').style.color = '#BCBCBC';
		                document.getElementById('inputEmailNewsletter').value = 'Enter email address';
		            }
				}
			);
		}	
		// Pass params to make function usable on other forms
		function optinUser(email, firstName, lastName, dob) {
			var errMsg = "";
			// Add error messages as needed
			if (errMsg != "") {
				alert(errMsg);
				return;
			}
			var arguments = new Object();
            arguments.optin_email= email;
            arguments.optin_firstname = firstName;
            arguments.optin_lastname = lastName;
			arguments.optin_dob = dob;
			
            $("#OptInForm").hide();
			$("#optin_content").addClass("loading");
			$.post(appPath + "/OptInAdder.aspx"
                , arguments 
				,	function(data, textStatus) 
                    {
						$("#optin_content").removeClass("loading");
						if (textStatus != "success") {
							alert("There was problem signing you up. Please try back again later.");
							$("#OptInForm").show();
						}
						else {
							$("#optin_content").prepend('<div id="optin_sent"><div>Added!</div><p>You have been successfully added to the mailing list.</p></div>');
						}
                    }
                );
		}
		
		function validate_email(stringValue) {
			apos = stringValue.indexOf("@");
			dotpos = stringValue.lastIndexOf(".");
			if (apos < 1 || dotpos-apos < 2)
				return false;
			else
				return true;
		}		


/*******************************************
 * MOVE THIS FUNCTION TO THE OPTIN JS FILE
 *******************************************
 */
 
function validateOptInInputs()
{
    var isValid = true;
    var tbEmail = document.getElementById('Email');
    if (!tbEmail || !ValidateEmail(tbEmail.value))
    {
        if (emailPrompt)
        {
            if (emailPrompt.innerHTML.indexOf("*") < 0)
            {
                emailPrompt.innerHTML = emailPrompt.innerHTML + "*";
                emailPrompt.style.color="#ff0000";
            }
        }
        isValid = false;
    }
    else
    {
        if (emailPrompt)
        {
            emailPrompt.innerHTML = emailPrompt.innerHTML.replace("*", "");
            emailPrompt.style.color="";
        
        }
    }
//    var tbFirstName = document.getElementById('FirstName');
//    if (!tbFirstName || (tbFirstName.value.length == 0))
//    {
//        
//        if (firstNamePrompt)
//        {
//            if (firstNamePrompt.innerHTML.indexOf("*") < 0)
//            {
//                firstNamePrompt.innerHTML = firstNamePrompt.innerHTML + "*";
//                firstNamePrompt.style.color="#ff0000";
//            }
//        }
//        isValid = false;
//    }
//    else
//    {
//        if (firstNamePrompt)
//        {
//            firstNamePrompt.innerHTML = firstNamePrompt.innerHTML.replace("*", "");
//            firstNamePrompt.style.color="";
//        }
//    }
//    
//    var tbLastName = document.getElementById('LastName');
//    if (!tbLastName || (tbLastName.value.length == 0))
//    {
//        
//        if (lastNamePrompt)
//        {
//            if (lastNamePrompt.innerHTML.indexOf("*") < 0)
//            {
//                lastNamePrompt.innerHTML = lastNamePrompt.innerHTML + "*";
//                lastNamePrompt.style.color="#ff0000";
//            }
//        }
//        isValid = false;
//    }
//    else
//    {
//        if (lastNamePrompt)
//        {
//            lastNamePrompt.innerHTML = lastNamePrompt.innerHTML.replace("*", "");
//            lastNamePrompt.style.color="";
//        }
//    }
//    
//    var tbDOB = document.getElementById('DOB');
//    if (!tbDOB || (tbDOB.value.length < 8))
//    {
//        if (dobPrompt)
//        {
//            if (dobPrompt.innerHTML.indexOf("*") < 0)
//            {
//                dobPrompt.innerHTML = dobPrompt.innerHTML + "*";
//                dobPrompt.style.color="#ff0000";
//            }
//        }
//        isValid = false;
//    }

//    var dateIsValid = ValidateEuroDate(tbDOB.value)
//    if (!dateIsValid)
//	{
//		if (dobPrompt)
//		{
//			if (dobPrompt.innerHTML.indexOf("*") < 0)
//			{
//				dobPrompt.innerHTML = dobPrompt.innerHTML + "*";
//				dobPrompt.style.color="#ff0000";
//			}
//		}
//	}
//	else
//	{
//		if (dobPrompt)
//		{
//			dobPrompt.innerHTML = dobPrompt.innerHTML.replace("*", "");
//			dobPrompt.style.color="";
//		}
//	}
//	if (isValid)
//	{
//	    isValid = dateIsValid;
//	}
    return isValid;
}
