// JavaScript Document
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

var FaqWin
function PopFaq() {
var winX,winY,w=530,h=550
winX=(screen.availWidth-w)/2; winY=(screen.availHeight-h)/2
FaqWin=window.open("faq.html","Win","width="+w+",height="+h+",left="+winX+",top="+winY+",scrollbars=auto")
}

var origWidth, origHeight;
if (document.layers) {
	origWidth = window.innerWidth; origHeight = window.innerHeight;
	window.onresize = function() { if (window.innerWidth != origWidth || window.innerHeight != origHeight) history.go(0); }
}

var cur_lyr;	// holds id of currently visible layer
function swapLayers(id) {
  if (cur_lyr) hideLayer(cur_lyr);
  showLayer(id);
  cur_lyr = id;
}

function showLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.css.visibility = "visible";
}

function hideLayer(id) {
  var lyr = getElemRefs(id);
  if (lyr && lyr.css) lyr.css.visibility = "hidden";
}

function getElemRefs(id) {
	var el = (document.getElementById)? document.getElementById(id): (document.all)? document.all[id]: (document.layers)? getLyrRef(id,document): null;
	if (el) el.css = (el.style)? el.style: el;
	return el;
}


function getLyrRef(lyr,doc) {
	if (document.layers) {
		var theLyr;
		for (var i=0; i<doc.layers.length; i++) {
	  	theLyr = doc.layers[i];
			if (theLyr.name == lyr) return theLyr;
			else if (theLyr.document.layers.length > 0) 
	    	if ((theLyr = getLyrRef(lyr,theLyr.document)) != null)
					return theLyr;
	  }
		return null;
  }
}

	function leftTrim(sString) 
	{
		while (sString.substring(0,1) == ' ')
		{
			sString = sString.substring(1, sString.length);
		}
		return sString;
	}
	
	function rightTrim(sString) 
	{
		while (sString.substring(sString.length-1, sString.length) == ' ')
		{
			sString = sString.substring(0,sString.length-1);
		}
		return sString;
	}
	
	function trim(sString) 
	{
		while (sString.substring(0,1) == ' ')
		{
			sString = sString.substring(1, sString.length);
		}
		while (sString.substring(sString.length-1, sString.length) == ' ')
		{
			sString = sString.substring(0,sString.length-1);
		}
		return sString;
	}


//  Basic Validation for fields
function limitLength(obj, length)
{
    var maxlength=length
    if (obj.value.length>maxlength)
        obj.value=obj.value.substring(0, maxlength)
}

function numericOnly(e)
{
    var unicode=e.charCode? e.charCode : e.keyCode
    if (unicode!=8) //backspace
    { 
        if (unicode<48||unicode>57) //non numeric
            return false //disable key press
    }
}

var alphaAllow=' ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
var phoneAllow='0123456789+';

function restrictInput(e, allowStr)
{  
    var k;
    k=document.all?parseInt(e.keyCode): parseInt(e.which);
    if (k!=8) //backspace
    { 
        return (allowStr.indexOf(String.fromCharCode(k))!=-1);
    }
    return true;
}

function validateEmail(field)
{
    {
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(field.value)){
    return (true)
    }
    return (false)
}


function validateEmail(field) 
{
    with (field) 
    { 
        apos=value.indexOf("@"); 
        dotpos=value.lastIndexOf("."); 
        lastpos=value.length-1; 
        if (apos<1 || dotpos-apos<2 || lastpos-dotpos>3 || lastpos-dotpos<2)  
        {if (alertbox) {alert(alertbox);} return false;} 
        else {return true;} 
    } 

    apos=value.indexOf("@"); 
    dotpos=value.lastIndexOf("."); 
    lastpos=value.length-1; 
    if (apos<1 || dotpos-apos<2 || lastpos-dotpos>3 || lastpos-dotpos<2)  
    {return false;} 
    else {return true;} 
    } 
} 

//Validation for pages

//validate for PersonalInfo
function getOriginalInfo()
{
    var oriFirstName = document.getElementById('FirstName');
    var oriLastName = document.getElementById('LastName');
    var oriMobile = document.getElementById('Mobile');
    var oriEmail = document.getElementById('Email');
    
    var oldFN = document.getElementById('oldFN');
    var oldLN = document.getElementById('oldLN');
    var oldMobile = document.getElementById('oldMobile');
    var oldEmail = document.getElementById('oldEmail');
    
    oldFN.value=oriFirstName.value;
    oldLN.value=oriLastName.value;
    oldMobile.value=oriMobile.value;
    oldEmail.value=oriEmail.value;
}

function validatePersonalInfo()
{
    var errStr = '';
    
    var FN = document.getElementById('FirstName');
    var LN = document.getElementById('LastName');
    var Mobile = document.getElementById('Mobile');
    var Email = document.getElementById('Email');
    
    var oldFN = document.getElementById('oldFN');
    var oldLN = document.getElementById('oldLN');
    var oldMobile = document.getElementById('oldMobile');
    var oldEmail = document.getElementById('oldEmail');
    
    var NameErr = 0;
    var NameChange = 0;
    
    if (FN.value.length < 1) 
    {
        errStr = errStr + 'Please enter a valid First Name';
    }
    
    if (LN.value.length < 1)
    {
        if (errStr != '')
        {
            errStr = errStr + ' and Last Name';
        }
        else
        {
            errStr = errStr + 'Please enter a valid Last Name';
        }
    }
    
    if (errStr != '')
    {
        errStr = errStr + '<br />';
    }
    
    if (Mobile.value.length < 8) 
    {
        errStr = errStr + 'Please enter a valid Mobile<br />';
    }
    
    if (validateEmail(Email) != true) 
    {
        errStr = errStr + 'Please enter an valid Email<br />'; 
    }
 
    if (errStr != '')
    {
        showLayer('lyrErr');
        hideLayer('lyrMsg')
        document.getElementById('lyrErr').innerHTML = errStr;
        FN.focus();
    }
    else
    {
        showLayer('lyrMsg');
        hideLayer('lyrErr');
        var fldUpdated = 0;
        var newHeight = 0;
        
        if ((FN.value != oldFN.value) && (LN.value != oldLN.value))
        {
            displayChanges('1','Full Name');
            displayImpact('1','Full Name');
            fldUpdated = fldUpdated+1;
        }
        else if (FN.value != oldFN.value)
        {
            displayChanges('1','First Name');
            displayImpact('1','First Name');
            fldUpdated = fldUpdated+1;
        }
        else if (LN.value != oldLN.value)
        {
            displayChanges('1','Last Name');
            displayImpact('1','Last Name');
            fldUpdated = fldUpdated+1;
        }   
                 
        if (Mobile.value != oldMobile.value)
        {
            displayChanges('2','Mobile Number');
            displayImpact('2','Mobile Number');
            fldUpdated = fldUpdated+1;
        } 
        
        if (Email.value != oldEmail.value)
        {
            displayChanges('3','Email');
            displayImpact('3','Email');
            fldUpdated = fldUpdated+1;
        } 
        
       // newHeight = fldUpdated * 50;
         //document.getElementById('lyrMsg').style.height += newHeight;
        
        saveReminder();
        saveButtons();
        proceed();
    }
}

//validate for credit card no
function getOriginalCCNo()
{
    var oriCardNumber = document.getElementById('NewCardNumber');
    var oldCardNumber = document.getElementById('oldCardNumber');
    oldCardNumber.value=oriCardNumber.value;
}
function validateCreditcard()
{
    var cardNumber = document.getElementById('NewCardNumber');
    if (cardNumber.value.length != 16) 
    {
        showLayer('lyrErr');
        hideLayer('lyrMsg')
        document.getElementById('lyrErr').innerHTML = 'Credit Card number must be 16 characters.';
        cardNumber.focus();
    }
    else
    {
        showLayer('lyrMsg');
        hideLayer('lyrErr');
        var oldCardNo = document.getElementById('oldCardNumber');
        if (oldCardNo.value != cardNumber.value)
            displayChanges('1','Credit Card');
        displayImpact('1','Credit Card');
        saveReminder();
        proceed();
    }
}

//validate for password
function getOriginalPassword()
{
    var oriPwd = document.getElementById('Password');
    var oldPwd = document.getElementById('oldPwd');
    oldPwd.value=oriPwd.value;
}

function validatePassword()
{
    var existPwd = document.getElementById('Password');
    var newPwd1 = document.getElementById('NewPassword');
    var newPwd2 = document.getElementById('ConfirmNewPassword');

    if ((newPwd1.value.length < 1) ||(newPwd2.value.length < 1) || (newPwd1.value != newPwd2.value))
    {
        showLayer('lyrErr');
        hideLayer('lyrMsg')
        document.getElementById('lyrErr').innerHTML = 'Please fill in your password';
        newPwd1.focus();
    }
    else
    {
        showLayer('lyrMsg');
        hideLayer('lyrErr');
        var oldPwd = document.getElementById('oldPwd');
        if (oldPwd.value != newPwd1.value)
            displayChanges('1','Password');
        displayImpact('1','Password');
        saveReminder();
        proceed();
    }
}

//validate for shipping Address
//function getOriginalAddr()
//{
//    var oriAddr1 = document.getElementById('Address1');
//    var oriAddr2 = document.getElementById('Address2');
//    var oriAddr3 = document.getElementById('State');
//    var oriAddr4 = document.getElementById('ZipCode');
//    var oriAddr5 = document.getElementById('Ctry');
//       
//    var oldAddr1 = document.getElementById('oldAddress1');
//    var oldAddr2 = document.getElementById('oldAddress2');
//    var oldAddr3 = document.getElementById('oldState');
//    var oldAddr4 = document.getElementById('oldZipCode');
//    var oldAddr5 = document.getElementById('oldCtry');
//    
//    oldAddr1.value=oriAddr1.value;
//    oldAddr2.value=oriAddr2.value;
//    oldAddr3.value=oriAddr3.value;
//    oldAddr4.value=oriAddr4.value;
//    oldAddr5.value=oriAddr5.value;
//}
//function validateAddr()
//{
//    var Addr1 = document.getElementById('Address1');
//    var Addr2 = document.getElementById('Address2');
//    var Addr3 = document.getElementById('State');
//    var Addr4 = document.getElementById('ZipCode');
//    var Addr5 = document.getElementById('Ctry');
//    
//    var oldAddr1 = document.getElementById('oldAddress1');
//    var oldAddr2 = document.getElementById('oldAddress2');
//    var oldAddr3 = document.getElementById('oldState');
//    var oldAddr4 = document.getElementById('oldZipCode');
//    var oldAddr5 = document.getElementById('oldCtry');

//    if ( ((Addr1.value.length < 1) && (Addr2.value.length < 1)) || (Addr3.value.length < 1) || (Addr4.value.length < 1) || (Addr5.value.length < 1))
//    {
//        showLayer('lyrErr');
//        hideLayer('lyrMsg')
//        document.getElementById('lyrErr').innerHTML = 'Please fill in your address';
//        Addr1.focus();
//    }
//    else
//    {
//        showLayer('lyrMsg');
//        hideLayer('lyrErr');
//        if ((Addr1.value != oldAddr1.value) || (Addr2.value != oldAddr2.value) || (Addr3.value != oldAddr3.value) || (Addr4.value != oldAddr4.value) || (Addr5.value != oldAddr5.value))
//            displayChanges('1','Shipping Address');
//        displayImpact('1','Shipping Address');
//        saveReminder();
//        proceed();
//    }
//}

function getOriginalAddr(ID)
{
  var oriAddr1 = eval('document.getElementById(\'Address1_' + ID.toString() + '\')'); 
  var oriAddr2 = eval('document.getElementById(\'Address2_' + ID.toString() + '\')'); 
  var oriAddr3 = eval('document.getElementById(\'State_' + ID.toString() + '\')'); 
  var oriAddr4 = eval('document.getElementById(\'ZipCode_' + ID.toString() + '\')'); 
  var oriAddr5 = eval('document.getElementById(\'Ctry_' + ID.toString() + '\')'); 
     
  var oldAddr1 = eval('document.getElementById(\'oldAddress1_' + ID.toString() + '\')'); 
  var oldAddr2 = eval('document.getElementById(\'oldAddress2_' + ID.toString() + '\')'); 
  var oldAddr3 = eval('document.getElementById(\'oldState_' + ID.toString() + '\')'); 
  var oldAddr4 = eval('document.getElementById(\'oldZipCode_' + ID.toString() + '\')'); 
  var oldAddr5 = eval('document.getElementById(\'oldCtry_' + ID.toString() + '\')'); 
  
  oldAddr1.value=oriAddr1.value;
  oldAddr2.value=oriAddr2.value;
  oldAddr3.value=oriAddr3.value;
  oldAddr4.value=oriAddr4.value;
  oldAddr5.value=oriAddr5.value;
}

function validateAddr(ID)
{
	var Addr1 = eval('document.getElementById(\'Address1_' + ID.toString() + '\')');
	var Addr2 = eval('document.getElementById(\'Address2_' + ID.toString() + '\')');
	var Addr3 = eval('document.getElementById(\'State_' + ID.toString() + '\')');
	var Addr4 = eval('document.getElementById(\'ZipCode_' + ID.toString() + '\')');
	var Addr5 = eval('document.getElementById(\'Ctry_' + ID.toString() + '\')');

	var oldAddr1 = eval('document.getElementById(\'oldAddress1_' + ID.toString() + '\')');
	var oldAddr2 = eval('document.getElementById(\'oldAddress2_' + ID.toString() + '\')');
	var oldAddr3 = eval('document.getElementById(\'oldState_' + ID.toString() + '\')');
	var oldAddr4 = eval('document.getElementById(\'oldZipCode_' + ID.toString() + '\')');
	var oldAddr5 = eval('document.getElementById(\'oldCtry_' + ID.toString() + '\')');

	if ( ((Addr1.value.length < 1) && (Addr2.value.length < 1)) || (Addr3.value.length < 1) || (Addr4.value.length < 1) || (Addr5.value.length < 1))
	{
			showLayer('lyrErr');
			hideLayer('lyrMsg')
			document.getElementById('lyrErr').innerHTML = 'Please fill in your address';
			Addr1.focus();
	}
	else
	{
			showLayer('lyrMsg');
			hideLayer('lyrErr');
			if ((Addr1.value != oldAddr1.value) || (Addr2.value != oldAddr2.value) || (Addr3.value != oldAddr3.value) || (Addr4.value != oldAddr4.value) || (Addr5.value != oldAddr5.value))
					displayChanges('1','Shipping Address');
			displayImpact('1','Shipping Address');
			saveReminder();
			proceed();
	}
}

function validateNewAddr()
{
    var AddD1 = document.getElementById('AddressDesc1');
    var Rcv1 = document.getElementById('Receiver1');
    var Name1 = document.getElementById('FirstName');
    var Addr1 = document.getElementById('Address1');
    var Addr2 = document.getElementById('Address2');
    var Addr3 = document.getElementById('City');
    var Addr4 = document.getElementById('ZipCode');
    var Addr5 = document.getElementById('Country');
    
    var oldAddr1 = document.getElementById('oldAddress1');
    var oldAddr2 = document.getElementById('oldAddress2');
    var oldAddr3 = document.getElementById('oldState');
    var oldAddr4 = document.getElementById('oldZipCode');
    var oldAddr5 = document.getElementById('oldCtry');
   if ( ((AddD1.value.length < 1) || (Rcv1.value.length < 1) || (Name1.value.length < 1) || (Addr1.value.length < 1) || (Addr2.value.length < 1)) || (Addr3.value.length < 1) || (Addr4.value.length < 1) || (Addr5.value.length < 1))
    {
        showLayer('lyrErr');
        hideLayer('lyrMsg')
        document.getElementById('lyrErr').innerHTML = 'Please fill in all fields';
        Addr1.focus();
    }
    else
    {
        hideLayer('lyrErr');
/*        showLayer('lyrMsg');
        hideLayer('lyrErr');
        saveReminder();
        proceed();
       */
       //alert('all ok');
       location.href='update_ship_ad.html';
    }
}


function proceed()
{

	document.getElementById('btnSubmit').style.display = "none"; 
	document.getElementById('btnCancel').style.display = "inline"; 
	document.getElementById('btnOk').style.display = "inline"; 
	

    document.getElementById('submit').style.visibility = 'hidden';
    document.getElementById('btnCancel').style.visibility = 'visible';
    document.getElementById('btnOk').style.visibility = 'visible';
    document.getElementById('container').style.height = document.getElementById('lyrMsg').style.height;
}

////var cur_Msglyr;	// holds id of currently visible layer
////function msgLayers(id,chgFld) {
////  if (cur_Msglyr) hideLayer(cur_Msglyr);
////  showLayer('lyrMsg');
////  cur_Msglyr = lyrMsg;
////  
////  var lyr = id.toString();
////  
////  //spit chgFld string
////  if (chgFld == 'Password')
////  {
////  displayChanges(lyr,'Password');
////  displayImpact(lyr,'Password');
//// // document.getElementById('lyrMsg').style.height += 20;
////  }
////else if (chgFld == 'Credit Card')
////  {
////    displayChanges(lyr,'Credit Card');
////  displayImpact(lyr,'Credit Card');
//// // document.getElementById('lyrMsg').style.height += 20;
////  saveReminder();
////  }
////  else
////  {
////  //if else 
////  displayChanges(lyr,'Full Name')
////  displayImpact(lyr,'Full Name');
////  document.getElementById('lyrMsg').style.height += 100;
////  displayChanges('2','Mobile Number')
////  displayImpact('2','Mobile Number');
////  document.getElementById('lyrMsg').style.height += 100;
////  displayChanges('3','Email')
////  displayImpact('3','Email');
//// // document.getElementById('lyrMsg').style.height += 20;
////  saveReminder();
////  document.getElementById('container').style.height = document.getElementById('lyrMsg').style.height;
////  }
////}

function saveReminder()
{
document.getElementById('lyrMsg').innerHTML = document.getElementById('lyrMsg').innerHTML + '\n' +'Please complete your change by clicking on the button below to save your changes';
}

	function saveButtons()
	{
	document.getElementById('btnSubmit').style.display = "none"; 
	document.getElementById('btnCancel').style.display = "inline"; 
	document.getElementById('btnOk').style.display = "inline"; 
	}
	

function displayChanges(id,fld)
{
    var oLayer;
    oLayer = eval('document.getElementById(\'lyrChange' + id + '\')'); 
    
    if (oLayer != null)
    {
        oLayer.innerHTML = 'You have changed your '
        
        switch(fld)
        {
        case 'Credit Card':
          oLayer.innerHTML = oLayer.innerHTML + 'Credit Card'; 
          break;    
        case 'First Name':
          oLayer.innerHTML =  oLayer.innerHTML +'First Name'; 
          break;
        case 'Last Name':
          oLayer.innerHTML =  oLayer.innerHTML +'Last Name'; 
          break;
        case 'Full Name':
          oLayer.innerHTML =  oLayer.innerHTML +'First Name and Last Name'; 
          break;
        case 'Mobile Number':
          oLayer.innerHTML =  oLayer.innerHTML +'Mobile Number'; 
          break;
        case 'Email':
          oLayer.innerHTML =  oLayer.innerHTML +'Email'; 
          break;
        case 'Password':
          oLayer.innerHTML =  oLayer.innerHTML +'Password'; 
          break;
        case 'Shipping Address':
          oLayer.innerHTML =  oLayer.innerHTML +'Shipping Address'; 
          break;          
        default:
          oLayer.innerHTML = ''; 
          oLayer.style.visibility='hidden';
           break;
        }
       }
}

function displayImpact(id,fld)
{
    var oLayer;
    oLayer = eval('document.getElementById(\'lyrImpact' + id + '\')'); 
    if (oLayer != null)
    {
    oLayer.innerHTML = '[Impact copy] ';
        switch(fld)
        {
        case 'Credit Card':
          oLayer.innerHTML = oLayer.innerHTML + 'Credit Card'; 
          break;    
        case 'First Name':
          oLayer.innerHTML =  oLayer.innerHTML +'First Name'; 
          break;
        case 'Last Name':
          oLayer.innerHTML =  oLayer.innerHTML +'Last Name'; 
          break;
        case 'Full Name':
          oLayer.innerHTML =  oLayer.innerHTML +'First Name and Last Name'; 
          break;
        case 'Mobile Number':
          oLayer.innerHTML =  oLayer.innerHTML +'Mobile Number'; 
          break;
        case 'Email':
          oLayer.innerHTML =  oLayer.innerHTML +'Email'; 
          break;
        case 'Password':
          oLayer.innerHTML =  oLayer.innerHTML +'Password'; 
          break;
        case 'Shipping Address':
          oLayer.innerHTML =  oLayer.innerHTML +'Shipping Address'; 
          break; 
        default:
          oLayer.innerHTML = ''; 
          oLayer.style.visibility='hidden';
           break;
        }
      }
}