var scrollbarOffset  = document.all ? 16 : 18;
var feedback_username = "";
var feedback_email = "";
var feedback_loggedin = false;

var feedbackElem = "ajaxfeedback";
var curtainElem = "ajaxfeedbackcurtain";

var curtainReady = false;
var pageHeight = 0;
var pageWidth = 0;

var scrollFixTimer = null;

function ShowFeedbackAgent(userid) {
    var agentObj = document.getElementById(feedbackElem);
    var curtainObj = document.getElementById(curtainElem);
    var html = "";
    
    if (!curtainReady) {
        pageHeight = (document.height != undefined) ? document.height : document.body.offsetHeight;
        pageWidth = (document.width != undefined) ? document.width : document.body.offsetWidth;
        
        if (document.documentElement.clientHeight > pageHeight) 
            pageHeight = document.documentElement.clientHeight;
        if (pageWidth < 980) 
            pageWidth = 980;
        
        curtainReady = true;
    }
   

    html += "<div class=\"Dialog-tl\"><div class=\"Dialog-tr\"><div class=\"Dialog-bl\"><div class=\"Dialog-br\"><div class=\"Dialog-padding\">";
    html += GetFeedbackHeader();
    html += "<div style='font-style: italic; font-size: 11px;'>Use this quick form to let us know about your visit or make suggestions &mdash; without having to leave this page. ";
    html += "All fields are optional.</div><br />";
    html += "<a href='/pw/'>Click here if you lost your password!</a><br /><br />";
    
    html += "<table>";
    
    
 //   html += "<tr><td>Member ID: </td>";
 //   html += "<td><input type=\"text\" id=\"feedback_memberid\" value=\"" + feedback_username + "\" " + (feedback_loggedin ? "readonly=\"readonly\" style=\"background-color: #E1E1E1; border:1px solid #7F9DB9; " : "style=\"") + "width: 200px;\" /></td></tr>";
    html += "<tr><td>E-mail Address: </td>";
    html += "<td><input type=\"text\" id=\"feedback_email\" value=\"" + feedback_email + "\" " + (feedback_loggedin ? "readonly=\"readonly\" style=\"background-color: #E1E1E1; border:1px solid #7F9DB9; " : "style=\"") + "width: 200px;\" /><label id =\"required\" style=\"color:Red;\" /> </td></tr>";
    
    html += "<tr><td>Subject: </td>";
    html += "<td>";
    html += "<select id=\"feedback_subject\">";
    html += "<option value=\"0\">Suggestion or Request</option>";
    html += "<option value=\"1\">Question or Comment</option>";
    html += "<option value=\"2\">Problem using Metrodate</option>";
    html += "<option value=\"3\">Other Feedback</option>";
    html += "</select>";
    html += "</td></tr>";
    
    html += "<tr><td valign=\"top\" style=\"padding-top: 3px;\">Message: </td>";
    html += "<td><textarea id=\"feedback_message\" rows=\"8\" cols=\"35\"></textarea></td></tr>";
    
    html += "<table>";
    html += "</table>";
    
    html += "<div style=\"text-align: center; padding-top: 10px;\"><input type=\"button\" id=\"feedback_submit\" value=\"Send Feedback\" onclick=\"SubmitFeedback();return false;\" class=\"btnPurple_183\" /></div>";
    html += "</div></div></div></div></div>";
    
    curtainObj.style.height = Math.ceil(pageHeight) + "px";
    curtainObj.style.width = Math.ceil(pageWidth) + "px";
    curtainObj.style.margin = "0px auto";
    curtainObj.style.display = "block";
    curtainObj.style.backgroundColor = "#252038";
    curtainObj.style.zIndex = 600;
	curtainObj.style.opacity = 0.85;
	curtainObj.style.filter  = "alpha(opacity=85)";
    curtainObj.innerHTML = "&nbsp";
    
    agentObj.style.display = "block";
    agentObj.style.width = "510px";
    agentObj.style.height = "400px";
    agentObj.style.zIndex = 601;
    agentObj.className = "Dialog";
    agentObj.innerHTML = html;
    
    agentObj = null;
    curtainObj = null;
    
    FixFeedbackAlignment();
    scrollFixTimer = setInterval("FixFeedbackAlignment()", 500);
}

function HideFeedbackAgent()
{
    clearInterval(scrollFixTimer);
    scrollFixTimer = null;

    var agentObj = document.getElementById(feedbackElem);
    agentObj.style.display = "none";
    agentObj.style.top     = "0px";
    agentObj.style.left    = "0px";
    agentObj = null;
    
    var curtainObj = document.getElementById(curtainElem);
    curtainObj.style.display = "none";
    curtainObj.style.width = "0px";
    curtainObj.style.height = "0px";
    curtainObj.style.zIndex = -1;
    curtainObj.innerHTML = "";
    curtainObj = null;
}

function SubmitFeedback()
{

var labelchk = document.getElementById("required");
var emailchk = document.getElementById("feedback_email").value;
if(emailchk =="" || emailchk == null)
{
labelchk.innerHTML = " * Enter Email ID";
return;
}


var re;
re ="^[A-Za-z0-9_]+([\.\-]?[A-Za-z0-9_])*@[A-Za-z0-9][A-Za-z0-9\-]*[A-Za-z0-9]*(\.[A-Za-z0-9][A-Za-z0-9\-]*[A-Za-z0-9])*(\.[A-Za-z0-9]{2,4})$" ;


if(emailchk.match(re))
{
    var feedbackURL = "/help/ajaxfeedback.aspx?";
   // feedbackURL += "userid=" + escape(document.getElementById("feedback_memberid").value);
    feedbackURL += "email=" + escape(document.getElementById("feedback_email").value);
    feedbackURL += "&subject=" + escape(document.getElementById("feedback_subject").selectedIndex);
    feedbackURL += "&comments=" + escape(document.getElementById("feedback_message").value);
    feedbackURL += "&page=" + escape(document.location.href);
    
    var html = "";
    
    html += "<div class=\"Dialog-tl\"><div class=\"Dialog-tr\"><div class=\"Dialog-bl\"><div class=\"Dialog-br\"><div class=\"Dialog-padding\">";
    html += GetFeedbackHeader();
    html += "<br /><br /><br /><br /><br /><br />";
    html += "<div style=\"text-align: center;\"><img src=\"/images/bubbles/bubble_loading.gif\" width=\"100\" height=\"100\" alt=\"Sending Your Submission\" /></div>";
    html += "</div></div></div></div></div>";
    
    document.getElementById(feedbackElem).innerHTML = html;

    GetAjaxContent(feedbackURL, FeedbackSubmitted)
}
else
{
labelchk.innerHTML = " * Enter Valid Email ID";
return;
}
}
function FeedbackSubmitted()
{
    var agentObj = document.getElementById(feedbackElem);
    var html = "";
    
    html += "<div class=\"Dialog-tl\"><div class=\"Dialog-tr\"><div class=\"Dialog-bl\"><div class=\"Dialog-br\"><div class=\"Dialog-padding\">";
    html += GetFeedbackHeader();
    html += "<br />";
    html += "<strong>Thanks for contacting us!</strong><br /><br />";
    html += "Your feedback has been sent to the Metrodate staff for review. ";
    html += "If needed, we'll reply to you at your given e-mail address.<br /><br />";
    html += "<a href=\"javascript:HideFeedbackAgent()\" onclick=\"HideFeedbackAgent();return false;\">Close Feedback</a>";
    html += "</div></div></div></div></div>";
    
    agentObj.innerHTML = html;
    agentObj = null;
}

function FixFeedbackAlignment()
{
    var agentObj = document.getElementById(feedbackElem);
    agentObj.style.left = GetScreenCenteredX(510) + "px";
    agentObj.style.top  = GetScreenCenteredY(400) + "px";
    agentObj = null;
}

function GetFeedbackHeader()
{
    var html = "";

    html += "<div style='float:right;font-weight: bold; font-size: 11px; margin: -10px -30px 0 0;'>";
    html += "<a href=\"javascript:HideFeedbackAgent();\" onclick=\"HideFeedbackAgent();return false;\" class=\"CloseLink\">" + Translation.Close + "</a> ";
    html += "</div>";
    
    html += "<h2>Send Feedback About Metrodate</h2>";
    
    return html;
}