var FriendNameTB = "txtFriendName";
var FriendEmailTB = "txtFriendEmail";
var strBlurbWidth = "490px";
var strCancelBubble = '';//'onclick="event.cancelBubble=true;return false;"';


function getScrollXY() {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  return [ scrOfX, scrOfY ];
}

var oDiv = null;
var oFrame = null;
var odivMsg = null;
var nLeft = null;
var objInterval = null;
function LoadBlurb(objThis)
{
	oDiv = document.getElementById("divBlurb");
    oFrame = document.getElementById("frameBlurb");
    odivMsg = document.getElementById("divMsg");
    odivMsg.innerHTML = "";
    
    ShowHideBlurb("");

	nLeft = ((window.screen.availWidth / 2) - (oDiv.offsetWidth / 2));
	SetPosition(); 

	objInterval = window.setInterval(SetPosition, 500);

    return false;
}

function SetPosition()
{
	//Set IFrame's width equal to DIV's width
    oFrame.style.width = oDiv.offsetWidth + "px";
    oFrame.style.height = oDiv.offsetHeight + "px";
    
    //Set iFrame in center of screen
    var nTop = ((window.screen.availHeight / 2) - (oDiv.offsetHeight / 2));
    
	nTop = nTop + getScrollXY()[1];

	//var nTop = getScrollXY()(1)// findPos(objThis)[1]; //document.body.offsetHeight - oDiv.offsetHeight - 50;
    
    //Set DIV in center of screen
    oDiv.style.left = nLeft + "px";
    oDiv.style.top = nTop + "px";

   oFrame.style.left = nLeft + "px";
   oFrame.style.top = nTop + "px";
}

function ShowHideBlurb(strShowHide)
{
	if(strShowHide.toLowerCase() == "none")
	{
		window.clearInterval(objInterval);
	}
    var oDiv = document.getElementById("divBlurb");
    var oFrame = document.getElementById("frameBlurb");
    //Show/Hide IFrame and DIV
    oDiv.style.display = strShowHide;
    oFrame.style.display = strShowHide;
    if(strShowHide.toUpperCase() != "NONE")
    {
        document.getElementById("txtSenderName").focus();
    }
}
var objXmlHttp = null;

function ValidateSenderDetials()
{

 if (document.getElementById("txtSenderName").value == "")
    {
      alert('Please Enter Senders Name');
      document.getElementById("txtSenderName").focus();
      return false; 
    }    
if (document.getElementById("txtSenderEmail").value == "")
    {
      alert('Please Enter Senders Email');
      document.getElementById("txtSenderEmail").focus();
      return false;
    }
if (document.getElementById("txtComments").value == "")
    {
      alert('Please Wtrite a Comment');
      document.getElementById("txtComments").focus();
      return false;
    }
else
{
var objRegExp  =/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
var test=objRegExp.test(document.getElementById("txtSenderEmail").value);
if (test==false)
{
  alert("Invalid Email Address");
   document.getElementById("txtSenderEmail").focus();
  return false;
}
}   
    var objTable = document.getElementById("_tblFriends");
    var strName = "";
    var strEmail = "";

    for(var intRowIndex = 1; intRowIndex < objTable.rows.length; intRowIndex++)
    {
        strName = document.getElementById(FriendNameTB + intRowIndex).value;
        strEmail = document.getElementById(FriendEmailTB + intRowIndex).value;
        if( TRIM(strName) == "" || TRIM(strEmail) == "" )
        {
        alert("Please specify Friend's Name and Email Address ");
        return false;
       }
       else
       {
       var objRegExp  =/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
       var test=objRegExp.test(strEmail);
       if (test==false)
       {
        alert("Invalid Email Address");
        return false;
        } 
       }
        
    }
   
return true;
}

function SendEmails()
{   
    

  var check;
  check=ValidateSenderDetials();
   if (check==true)
   {
    var odivMsg = document.getElementById("divMsg");
    odivMsg.innerHTML = "Sending emails... Please wait...";
    objXmlHttp = GetAJAX();

    objXmlHttp.open( "POST", "SendEmail.aspx", true );
    objXmlHttp.setRequestHeader( 'Content-Type', 'application/x-www-form-urlencoded');
    objXmlHttp.onreadystatechange = function() 
    { 
         if ( objXmlHttp.readyState == 4 ) 
         {
            if(objXmlHttp.status == 0 || (objXmlHttp.status >= 200 && objXmlHttp.status < 300))
            {
                odivMsg.innerHTML = objXmlHttp.responseText;
                alert(odivMsg.innerHTML.replace("<BR>","\n"));
                ShowHideBlurb('none');
            }
            else
            {
               odivMsg.innerHTML = "Following error occurred while sending email(s):\n" 
               + "Error Code: " + objXmlHttp.status + "; Description: " + objXmlHttp.statusText;
            }
         }
    };
    
    objXmlHttp.send(GetPostData());
  }
}

function GetAJAX() 
{
      var transport;
      if ( window.XMLHttpRequest )
         transport = new XMLHttpRequest();
      else if ( window.ActiveXObject ) {
         try {
            transport = new ActiveXObject('Msxml2.XMLHTTP');
         }
         catch(err) {
            transport = new ActiveXObject('Microsoft.XMLHTTP');
         }
      }
      return transport;
}
function TRIM(strInput)
{
    return strInput.replace(/(^ +)|( +$)/, "");
}
function _AddFriend(objThis)
{
   
    var intRowIndex = objThis.parentNode.parentNode.sectionRowIndex;
    var strName = document.getElementById(FriendNameTB + intRowIndex).value;
    var strEmail = document.getElementById(FriendEmailTB + intRowIndex).value;
    
    if( TRIM(strName) == "" || TRIM(strEmail) == "" )
    {
        alert("Please specify name and email before adding another friend.");
        return;
    }
    
    
    var objTable = document.getElementById("_tblFriends");
    var oNewTr = objTable.insertRow(intRowIndex + 1);
    var oTD1 = oNewTr.insertCell(0);
    var oTD2 = oNewTr.insertCell(1);
    var oTD3 = oNewTr.insertCell(2);
    oTD1.appendChild(GetInputElement(FriendNameTB + (intRowIndex + 1), "text", "", 24));
    oTD2.appendChild(GetInputElement(FriendEmailTB + (intRowIndex + 1), "text", "", 23));
    oTD3.innerHTML = objThis.parentNode.innerHTML;
    objThis.parentNode.innerHTML = "";
}
function _RemoveFriend(objThis)
{
    var intRowIndex = objThis.parentNode.parentNode.sectionRowIndex;
    if(intRowIndex > 1)
    {
        var objTable = document.getElementById("_tblFriends");
        objTable.rows[intRowIndex - 1].cells[2].innerHTML = objThis.parentNode.innerHTML;
 	    objTable.deleteRow(intRowIndex);   
 	}
 	else
 	{
 	    alert("At least one friend must be specified");
 	}
}
function GetInputElement(strId, strType, strValue, intSize)
{
    var oInput = document.createElement( "INPUT" );
    oInput.id = strId;
    oInput.type = strType;
    oInput.value = strValue;
    oInput.size = intSize;
    oInput.setAttribute( "onclick","event.cancelBubble=true;return false;");

    return oInput;
}
function GetPostData()
{
    var strNameList = "";
    var strEmailList = "";
    var strProductName = document.getElementById('hdProductName');
    var strProductLink = document.getElementById('hdProductLink');
    
    var objTable = document.getElementById("_tblFriends");
    for(var i = 1; i < objTable.rows.length; i++)
    {
        strNameList += document.getElementById(FriendNameTB + i).value + ",";
        strEmailList += document.getElementById(FriendEmailTB + i).value + ",";
    }
    var strPostData = "NameList=" + strNameList + "&EmailList=" + strEmailList;
    strPostData += "&txtComments=" + document.getElementById("txtComments").value;
    strPostData += "&txtSenderName=" + document.getElementById("txtSenderName").value;
    strPostData += "&txtSenderEmail=" + document.getElementById("txtSenderEmail").value;
    strPostData += "&RequestId=SendEMAIL";

    if(strProductName != null && strProductLink!= null)
    {
        strPostData += "&ProductName=" + strProductName.value;
        strPostData += "&ProductLink=" + strProductLink.value;
        
    }
    
    return strPostData;
}
function _fnKeepOnTop(objThis)
{
    var oDiv = document.getElementById("divBlurb");
    var oFrame = document.getElementById("frameBlurb");
    oFrame.style.display = "none";
    oFrame.style.display = "block";
    //oDiv.style.display = "none";
    //oDiv.style.display = "block";
}

var strHTML = ' <iframe id="frameBlurb" style="position: absolute; z-index:0; border: solid 0px red; '
+ '     display:none;"></iframe> '
+ ' <span id="divBlurb" onclick="_fnKeepOnTop(this);" '
+ '     style="display:none; border: solid 1px black; position: absolute; '
+ '     z-index:0; background-color: #F2F1E3;"> ' // #dfe0d0
+ '     <span style="overflow: auto;height:250px;" > '
+ '     <table width="' + strBlurbWidth + '" border="0"> '
+ '         <tr> '
+ '             <td colspan="2" class="bigblue"> '
+ '                 <strong>If you have found the Trainer Bubble site useful, please tell your friends...</strong> '
+ '             </td> '
+ '         </tr> '
+ '         <tr> '
+ '             <td align="left" class="blurbstyle"> '
+ '                 Your Name: '
+ '             </td> '
+ '             <td align="left"> '
+ '                 <input size="53" id="txtSenderName" name="txtSenderName" value="" ' + strCancelBubble + ' /></td> '
+ '         </tr> '
+ '         <tr> '
+ '             <td align="left" class="blurbstyle"> '
+ '                 Your Email: '
+ '             </td> '
+ '             <td align="left"> '
+ '                 <input size="53" id="txtSenderEmail" name="txtSenderEmail" value="" ' + strCancelBubble + ' /></td> '
+ '         </tr> '
+ '         <tr> '
+ '             <td align="left"> '
+ '                 &nbsp;</td> '
+ '             <td align="left" colspan="2"> '
+ '                 <table id="_tblFriends" style="border:solid 1px black;"> '
+ '                     <tr> '
+ '                         <td class="blurbstyle"> '
+ '                             Friend\'s Name: '
+ '                         </td> '
+ '                         <td class="blurbstyle"> '
+ '                             Friend\'s Email: '
+ '                         </td> '
+ '                         <td align="left"> '
+ '                             &nbsp;</td> '
+ '                     </tr> '
+ '                     <tr> '
+ '                         <td> '
+ '                             <input size="24" id="txtFriendName1" value="" ' + strCancelBubble + ' /></td> '
+ '                         <td> '
+ '                             <input size="23" id="txtFriendEmail1" value="" ' + strCancelBubble + ' /></td> '
+ '                         <td align="left"> '
+ '                             <input type="button" class="formbutton" id="_btnAddFriend" onclick="_AddFriend(this);" value="+">&nbsp;<input '
+ '                                 type="button" class="formbutton" id="_btnRemoveFriend" value="-" onclick="_RemoveFriend(this);"></td> '
+ '                     </tr> '
+ '                 </table> '
+ '             </td> '
+ '         </tr> '
+ '         <tr> '
+ '             <td align="left" class="blurbstyle"> '
+ '                 Comment: '
+ '             </td> '
+ '             <td align="left"> '
+ '                 <textarea id="txtComments" name="txtComments" rows="5" cols="40" ' + strCancelBubble + '>I found this great site, which I thought you might find useful.</textarea> '
+ '             </td> '
+ '         </tr> '
+ '     </table> '
+ '     </span> '

+ '     <table width="' + strBlurbWidth + '" border="0" > '
+ '         <tr> '
+ '             <td align="center" colspan="2" class="bigblue"> '
+ '                 <STRONG>Many thanks for your support!</STRONG> '
+ '             </td> '
+ '         </tr> '
+ '         <tr> '
+ '             <td colspan="2" align="center" > '
+ '                 <span id="divMsg" style="color: Red;"></span> '
+ '             </td> '
+ '         </tr> '
+ '         <tr> '
+ '             <td colspan="2" align="center"> '
+ '                 <input type="button" class="formbutton" id="_btnSend" name="_btnSend" value="Send" onclick="SendEmails();return false;" /> '
+ '                 <input type="button" class="formbutton" id="_btnCancel" name="_btnCancel" value="Cancel" onclick="ShowHideBlurb(\'none\');event.cancelBubble=true;" /> '
+ '             </td> '
+ '         </tr> '
+ '     </table> '

+ ' </span> '
+ ' <a href="javascript:void(0)" onclick="LoadBlurb(this);return true;"><img src="images/side5b.gif" alt="Tell a Friend" width="259" height="30" border="0" /></a> ';

document.write(strHTML);