//Client Detect
var usrAgnt = navigator.userAgent.toLowerCase();
var CM_isDom = document.getElementById ? true : false;
var CM_isGecko = (usrAgnt.indexOf("gecko")!=-1);
var CM_isMac = (usrAgnt.indexOf('mac')!=-1);

var sFormName = "sk_partofie0509";
var sFormPath = "https://subs.timeinc.net/";
var sPgLoc = document.location.href;
if (sPgLoc.indexOf("file://") !=-1) sFormPath = "https://dev-subs.timeinc.net/" //local dev
if (sPgLoc.indexOf("timeinc.net/subs2/dev/") !=-1) sFormPath = "https://dev-subs.timeinc.net/"
if (sPgLoc.indexOf("timeinc.net/subs2/stage/") !=-1) sFormPath = "https://stage-subs.timeinc.net/"

var sImagePath = "http://i.timeinc.net/subs2/images/sk/";

//var sMagCodeOption = "SK_9";
 
// Array of US States
var usStates = ["AA", "AE", "AK", "AL", "AP", "AR", "AS", "AZ", "CA", "CO", "CT", "DC", "DE", "FL", "GA", "GU", "HI", "IA", "ID", "IL", "IN", "KS", "KY", "LA", "MA", "MD", "ME", "MI", "MN", "MO", "MS", "MT", "NC", "ND", "NE", "NH", "NJ", "NM", "NV", "NY", "OH", "OK", "OR", "PA", "PR", "RI", "SC", "SD", "TN", "TX", "UT", "VA", "VI", "VT", "WA", "WI", "WV", "WY"];
// Array of Canada Provinces (defined as global variable)
var canProvs = ["AB", "BC", "MB", "NB", "NL", "NS", "NT", "NU", "ON", "PE", "QC", "SK", "YT"];
// Array of all States/Provinces
var statesProvs = usStates.concat(canProvs).sort();
var stateOptionsList = "";

for(var i = 0; i < statesProvs.length; ++i){
	stateOptionsList += '<option value="'+statesProvs[i]+'">'+statesProvs[i]+'</option>';
}

var fldName_fName = "shipName";
var fldName_addr1 = "shipAddress1";
var fldName_addr2 = "shipAddress2";
var fldName_city  = "shipCity";
var fldName_state = "shipState";
var fldName_zip   = "shipZipCode";
//var fldName_email = "email";

// Form field labels
formLabels = new Object();
formLabels.shipName = ["Name", "**Name**"];
formLabels.shipAddress1 = ["Address", "**Address**"];
formLabels.shipCity = ["City", "**City**"];
//formLabelsCan.state = ["St/Prov", "**St/Prov**"];
if(CM_isGecko||CM_isMac)formLabels.shipZipCode = ["Zip/Po", "*Zip*"];
else formLabels.shipZipCode = ["Zip/Postal", "**Zip/Postal**"];
//formLabels.email = ["E-mail", "**E-mail**"];

function TICM_arrayContains(str){
	for (var i = 0; i < this.length; i++){
		if (this[i] == str) return true;
	}
	return false;
}

Array.prototype.contains = TICM_arrayContains;

function jsTrim(strInput)
{
	var strResult;
	var objRegex = new RegExp("(^\\s+)|(\\s+$)");
	strResult = strInput.replace(objRegex, "");
	return(strResult);
}

function CM_init() {
	with (document.getElementById(sFormName))
	{
		// Add Event Handlers for field focus	
		for (var i = 0; i < elements.length; i++) {
			var formElement = elements[i];
			if (formElement.type == "text" && formElement.name != fldName_addr2) {
				formElement.onfocus = function() {fieldFocus = true; if (this.value == formLabels[this.name][0] || this.value == formLabels[this.name][1]) this.value = "";};
				formElement.onblur = function() {fieldFocus = false; if (jsTrim(this.value) == "") this.value = formLabels[this.name][0];};
		  	}
		}
	}
}

function ofieSubmit(f,w,h,t,l){
	w = parseInt(w); h = parseInt(h);
	var sw = screen.width; var sh = screen.height;
	if(w > sw){w = sw;}  if(h > sh){h=sh;}
	var left = l == "c" ? ((sw - w) / 2) : l;
	var top = t == "c" ? ((sh - h) / 2) : t;

 	if (ofieCheck(f)) {
//take out 'Email:' string: (needed if email is not required)
//if (formLabels[fldName_email].contains(f[fldName_email].value)) f.fldName_email.value = "";
        	var upsellWin = window.open("", "upsellWin", "width=" + w +",height=" + h + ",top="+ top + ",left=" + left + ",scrollbars=yes,status=yes,resizable=yes");
   	        f.target = "upsellWin";
  	        return true;
        }else{return false;}
}


//form validation
function ofieCheck(f){
   f = f.elements;
   var state = f[fldName_state].value;

   var t, msg, good;
   msg = '';

	if ((f[fldName_fName].value.search(/[A-Za-z]\s[A-Za-z]/) == -1)||(f[fldName_fName].value == null) || (formLabels[fldName_fName].contains(f[fldName_fName].value)) || (f[fldName_fName].value == '') || fldName_isblank(f[fldName_fName].value) ){
		f[fldName_fName].value = formLabels[fldName_fName][1];
		msg += "Please enter your Child's Full Name.\n";
	}
	
	if ((f[fldName_addr1].value == null) || (formLabels[fldName_addr1].contains(f[fldName_addr1].value)) || (f[fldName_addr1].value == '') || fldName_isblank(f[fldName_addr1].value)){
		f[fldName_addr1].value = formLabels[fldName_addr1][1];
		msg += "Please enter your Child's Address.\n";
	}	
	if ((f[fldName_city].value == null) || (formLabels[fldName_city].contains(f[fldName_city].value)) || (f[fldName_city].value == '') || fldName_isblank(f[fldName_city].value)){
		f[fldName_city].value = formLabels[fldName_city][1];
		msg += "Please enter your Child's City.\n";
	}	

	if (state=='')msg+="Please enter your Child's State/Province.\n"

	//validate zipCode
	good=1; t = f[fldName_zip].value;
	if (t==null || (formLabels[fldName_zip].contains(t)) || t=='' || fldName_isblank(t) || t.length<5 || t.length>6 )good=0;
	else{if (fldName_state!=''){
			if (t.length==5 && (t.search(/^\d{5}$/) != -1)){ 
				if (canProvs.contains(state))good=0;
			}else good=0;
			if (t.length==6 && t.search(/^([a-zA-Z]\d){3}$/)!=-1){
				good=0;
				if (canProvs.contains(state))good=1;
			}
		}
	}
  
	if (!good){
		f[fldName_zip].value = formLabels[fldName_zip][1];
		msg+="Your Child's Zip/Postal code is blank or incorrect,\nor it doesn\'t match the State/Province you selected.\n";
	}

	//validate fldName_email
/*  good=1; t=f[fldName_email].value;
	if (t==null || (formLabels[fldName_email].contains(t)) || t=='' || fldName_isblank(t)) good=0;
	else good=(t.search(/^(\w|-)+((\.|\+)(\w|-)+)*@((\w|-)+\.)+[a-zA-Z]{2,4}$/)==-1)?0:1;
    
	if(!good){
		f[fldName_email].value = formLabels[fldName_email][1];
		msg+="Your E-mail address is blank or incorrect.\n\n";
	}
*/
	if (msg.length) {
		alert ("The form was not submitted because of the following error(s):\n\n" + msg + "\n\nPlease correct these error(s) and resubmit your form.\n\nThank you,\nSI FOR KIDS.");
		return false;
	}
	return true;
}

function fldName_isblank(s){
	for(var i = 0; i < s.length; i++){
		var c = s.charAt(i);
		if ((c != ' ') && (c != '\n') && (c != '\t')) return false;
	}
return true;
}
// End of Data handling functions



// OFIE HTML
var CM_ofieBody = '<div id="ofie300x265" style="width: 300px; height: 265px; background-image: url('+sImagePath+'sk_buzzlaugh_300x265bkgd.gif); layer-background-image: url('+sImagePath+'sk_buzzlaugh_300x265bkgd.gif); border: 1px none #000000;">'+
'<form method="post" name="'+sFormName+'" id="'+sFormName+'" action="'+sFormPath+'CampaignHandler/sk_sksite?source_id=11" onsubmit="return ofieSubmit(this,670,1000,\'c\',\'c\');" style="margin:0px;" >'+
//'<input type="hidden" name="magCode_Option" value="'+sMagCodeOption+'">'+
'<div id="colleft" style="width: 180px; float: left;"><img src="'+sImagePath+'sk_buzzlaugh_300x265txt.gif" alt="FREE SIKIDS PREVIEW ISSUE!" style="margin: 10px 0 5px 30px;"/>'+
'<table border="0" cellpadding="0" cellspacing="0" id="form" style="width: 165px; margin: 0 0 0 15px;">'+
'<tr><td style="color:#FFFFFF;font-weight:bold;">SEND TO:</td></tr>'+
'    <tr>'+
'      <td style="height: 19px; vertical-align: top;"><input name="'+fldName_fName+'" type="text" id="'+fldName_fName+'" maxlength="30" value="'+formLabels[fldName_fName][0]+'" style="width: 160px; height: 15px; border: 1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #FFFFFF; padding: 0; margin: 0;" /></td>'+
'    </tr>'+
'    <tr>'+
'      <td style="height: 19px; vertical-align: top;"><input type="text" name="'+fldName_addr1+'" value="'+formLabels[fldName_addr1][0]+'" id="'+fldName_addr1+'" maxlength="30" style="width: 160px; height: 15px; border: 1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #FFFFFF; padding: 0; margin: 0;" /></td>'+
'    </tr>'+
'    <tr>'+
'      <td style="height: 19px; vertical-align: top;"><input type="text" name="'+fldName_addr2+'" value=" " id="'+fldName_addr2+'" maxlength="30" style="width: 160px; height: 15px; border: 1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #FFFFFF; padding: 0; margin: 0;" /></td>'+
'    </tr>'+
'    <tr>'+
'      <td style="height: 19px; vertical-align: top;"><input type="text" name="'+fldName_city+'" value="'+formLabels[fldName_city][0]+'" id="'+fldName_city+'" maxlength="20" style="width: 160px; height: 15px; border: 1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #FFFFFF; padding: 0; margin: 0;" /></td>'+
'    </tr>'+

'    <tr>'+
'      <td style="height: 19px; vertical-align: top;"><select name="'+fldName_state+'" id="'+fldName_state+'" size="1" style="width: 50px; border: 1px none #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; background-color: #FFFFFF; padding: 0; margin: 0; float: left;" ><option>St/Pr</option>' + stateOptionsList +'</select>'+

'          <input type="text" style="width: 108px; height: 16px; border: 1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #FFFFFF; padding: 0; margin: 0 0 0 2px; float: left;" name="'+fldName_zip+'" value="'+formLabels[fldName_zip][0]+'" id="'+fldName_zip+'" maxlength="6" /></td>'+
'    </tr>'+
/*
'    <tr>'+
'      <td style="height: 19px; vertical-align: top;"><input type="text" name="'+fldName_email+'" value="'+formLabels[fldName_email][0]+'" id="'+fldName_email+'" style="width: 160px; height: 15px; border: 1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; background-color: #FFFFFF; padding: 0; margin: 0;" /></td>'+
'    </tr>'+
*/
'  </table>'+
'</div>'+
'<div id="colright" style="float: right;margin: 11px 11px 0 0; width: 103px;">'+
'    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="103" height="138" title="SI Kids Covers">'+
'      <param name="movie" value="http://i.timeinc.net/subs2/swf/sk/sk_partofie0509cvr.swf" />'+
'      <param name="quality" value="high" />'+
'      <embed src="http://i.timeinc.net/subs2/swf/sk/sk_partofie0509cvr.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="103" height="138"></embed>'+
'    </object>'+
'</div><div id="colright" style="float: right; margin: 20px 11px 0 0; width: 103px;">'+
'<input type="image" src="'+sImagePath+'sk_buzzlaugh_300x265btn.gif" alt="Click Here to Continue" style="border:0px none #000; width:99px; height:44px;" /></div>'+
'</form>'+  
'</div>'+
'<scr'+'ipt type="text/javascript">CM_init();</scr'+'ipt>';

if(CM_isDom) document.write(CM_ofieBody);