//=============================
// Store Inventory Popup Alert
//=============================

 function CreateHttpRequest()
 { 
   try {
     request = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       request = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         request = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         request = false;
       }  
     }
   }   
   if (!request)//write form page
	browserstatus = 0;
   else 
	browserstatus = 1;
   }

  function SendInfo(email,sku) {
	CreateHttpRequest();
	var CountryCode = CHuserCountryCode;
	var CountryName = CHuserCountryName;
	var RegionName = CHuserRegionName;
	var IP = CHuserIP;
	
     var url = "/store/alerts/inventoryalert.asp?email=" + escape(email)+"&sku=" + escape(sku)
			+ "&CHuserCountryCode=" + escape(CountryCode) + "&CHuserCountryName=" + escape(CountryName)
			+ "&CHuserRegionName=" + escape(RegionName) + "&CHuserIP=" + escape(IP);
     request.open("GET", url, true);
     request.onreadystatechange = callback;
     request.send(null);
     return false;
   }

function callback() {
	var response = "";
     if (request.readyState == 4) {
       if (request.status == 200) {
         response = request.responseText;       
       } else
           response = "1001";//write status - an error has occurred
     }
     alertpopLayer(2,0,response);
     return true;
   }	
function validate(field) {
	var str = field;
	var emailReg = "^[\\w-_\.]*[\\w-_\.]\@[\\w]\.+[\\w]+[\\w]$";
	var regex = new RegExp(emailReg);
	if (!regex.test(str)) {
		regex = null
		 return (false);
	}; 
	return (true)
}
						
function CheckAlert() {		 
		var ToCheck;
		var Checked;
		var email = document.forms["alertForm"].email.value;
		var sku = document.forms["alertForm"].sku.value;
			
		if (email == "")
			{
				alert("Please enter your Email Address");
				document.forms["alertForm"].email.focus();
				return (false);
			}
		if (!validate(email))
			{
				alert("Please enter a valid valid email address.");
				document.forms["alertForm"].email.focus();
				return (false);
			}
				 
		SendInfo(email,sku);
		return false;
}
function alertpopLayer(item,daSku,daModel){
		var callout
		if (item == 1)
		{callout = '<table width="250" border="0" cellspacing="0" cellpadding="4" class="borderframesoft">'
						+ '<tr bgcolor="#3172b6"><td valign="top"><table width="250" border="0" cellspacing="0" cellpadding="0">'
						+ '<tr bgcolor="#3172b6"> <td><span class="WDTitle12pxWht">Availability Alert</span></td>'
						+ '<td align="right" width="2"><a href="javascript:void(0);" onClick="hidealertLayer();">'
						+ '<span class="WDTitle12pxWht">X</span></a></td></tr></table></td></tr>'
						+ '<tr><td valign="top">'
						+ '<form name="alertForm" onSubmit="return(false);">Please enter your email address below to be sent an email when <b>' + daModel + '</b> is back in stock at the WD Store.<br>'
						+ '<input type="hidden" name="sku" id="sku" value="' + daSku + '"/>'
						+ '<br><table align="center" width="90%" border="0" cellspacing="0" cellpadding="0"><tr valign="middle">'
						+ '<td align="left"><input type="text" size="20" maxlength="50" name="email" id="email"/></td>'
						+ '<td align="right"><input type="image" border="0" name="imageField" src="/en/images/buttons/btn_signmeup.gif" width="74" height="20" alt="sign me up" title="sign me up" onClick="return CheckAlert()"/></td>'
						+ '</tr></table>'
						+ '</form></td></tr></table>';
		}
		else if (item == 2)
		{
		 
		if (daModel == '1000')//success
		{callout = '<table width="250" border="0" cellspacing="0" cellpadding="4" class="borderframesoft">'
					  + '<tr bgcolor="#3172b6"><td valign="top">'
					  + '<table width="250" border="0" cellspacing="0" cellpadding="0">'
					  + '<tr bgcolor="#3172b6"> <td><span class="WDTitle12pxWht">Availability Alert</span></td>'
					  + '<td align="right" width="2"><a href="javascript:void(0);" onClick="hidealertLayer();">'
					  + '<span class="WDTitle12pxWht">X</span></a></td></tr></table></td></tr>'
					  + '<tr><td valign="top">'
					  + '<p>Thank you for signing up for the alert. We will send you an e-mail shortly to confirm this alert.</p><br><br>'
					  + '<p align="center"><a href="javascript:void(0);" onClick="hidealertLayer();"><b>[close]</b></a></p></td></tr></table>';
		}

		else if (daModel == '1002')//dup
		{callout = '<table width="250" border="0" cellspacing="0" cellpadding="4" class="borderframesoft">'
					  + '<tr bgcolor="#3172b6"><td valign="top">'
					  + '<table width="250" border="0" cellspacing="0" cellpadding="0">'
					  + '<tr bgcolor="#3172b6"> <td><span class="WDTitle12pxWht">Availability Alert</span></td>'
					  + '<td align="right" width="2"><a href="javascript:void(0);" onClick="hidealertLayer();">'
					  + '<span class="WDTitle12pxWht">X</span></a></td></tr></table></td></tr>'
					  + '<tr><td valign="top">'
					  + '<p>Thank you for signing up for the alert.</p><br><br>'
					  + '<p align="center"><a href="javascript:void(0);" onClick="hidealertLayer();"><b>[close]</b></a></p></td></tr></table>';
		}
		else if (daModel == '1001')//failure
		{callout = '<table width="250" border="0" cellspacing="0" cellpadding="4" class="borderframesoft">'
					  + '<tr bgcolor="#3172b6"><td valign="top">'
					  + '<table width="250" border="0" cellspacing="0" cellpadding="0">'
					  + '<tr bgcolor="#3172b6"> <td><span class="WDTitle12pxWht">Availability Alert</span></td>'
					  + '<td align="right" width="2"><a href="javascript:void(0);" onClick="hidealertLayer();">'
					  + '<span class="WDTitle12pxWht">X</span></a></td></tr></table></td></tr>'
					  + '<tr><td valign="top">'
					  + '<p>Server error. Sorry for the inconvenience. A WD Support member has been notified.<br>Please try again later.</p><br><br>'
					  + '<p align="center"><a href="javascript:void(0);" onClick="hidealertLayer();"><b>[close]</b></a></p></td></tr></table>';
		}
		
		}
		if (navigator.family == "gecko") {pad="0"; bord="1 bordercolor=\"#666666\"";}
		else {pad="1"; bord="0";}
		desc = callout;
		if(navigator.family =="nn4") {
			document.alertobject.document.write(desc);
			document.alertobject.document.close();
			document.alertobject.left=325; //x+15;
			document.alertobject.top=150;//y-5;
			}
		else if(navigator.family =="ie4"){
			alertobject.innerHTML=desc;
			alertobject.style.pixelLeft=325; //x+15;
			alertobject.style.pixelTop=150; //y-5;
			}
		else if(navigator.family =="gecko"){
			document.getElementById("alertobject").innerHTML=desc;
			document.getElementById("alertobject").style.left=325; //x+15;
			document.getElementById("alertobject").style.top=150; //y-5;
			}
}
function hidealertLayer(){

	if(navigator.family =="nn4") {eval(document.alertobject.top="-500");}
	else if(navigator.family =="ie4"){alertobject.innerHTML="";}
	else if(navigator.family =="gecko") {document.getElementById("alertobject").style.top="-500";}

}