var wfRequestPage;

function loadWidgetForm(wfRequest, popupWidth, popupTopOffset) {
    wfRequestPage = wfRequest;
    
    stageWidget(popupWidth, popupTopOffset);    

    var xmlHttp;
    try {  // Firefox, Opera 8.0+, Safari 
        xmlHttp = new XMLHttpRequest(); 
    }
    catch (e) {  // Internet Explorer 
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");   
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX!");
                return false;   
            }
        } 
    }
    
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4)
            widgetFormLoaded(xmlHttp.responseText);    
    }
 
    xmlHttp.open("post", wfRequestPage, true);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    xmlHttp.send("");
}

function grayoutSite() {
    var darkeningOverlay = document.createElement("div");
    darkeningOverlay.id = "wf_darkening_overlay";
    darkeningOverlay.style.height = (getPageHeightWithScroll() + 200) + "px";
    document.body.appendChild(darkeningOverlay);  
}

function stageWidget(popupWidth, popupTopOffset) {
    var element = document.createElement("div");
    element.innerHTML = "<center><div style=\"width: " + popupWidth + "px; height: 240px; background-color: white; padding-top: 135px; color: black; font-size: 12pt\"><img src=\"/site/WidgetForms/loading.gif\" alt=\"Loading...\" /></div></center>";
    element.id = "wf_popup";
    element.style.width = popupWidth + "px";
    element.style.left = ((getPageWidthWithScroll() - popupWidth) / 2) + "px";
    element.style.top = (popupTopOffset + getCurrentScrollYOffset()) + "px";
    document.body.appendChild(element);

    grayoutSite();
}

function widgetFormLoaded(responseText) {
    $("#wf_popup").html(responseText);

    if (widgetFormCallbackFunction == "loadPlayer()")
        setTimeout("loadPlayer()", 1000)
    else if (widgetFormCallbackFunction != "")
        eval(widgetFormCallbackFunction);
}

function getPageHeightWithScroll() {
    return $("body").height();
}

function getPageWidthWithScroll() {
    return $("body").width();
}

function wf_close() {
    var wf_popup = document.getElementById('wf_popup');
    wf_popup.parentNode.removeChild(wf_popup);
    
    var wf_darkening_overlay = document.getElementById('wf_darkening_overlay');
    wf_darkening_overlay.parentNode.removeChild(wf_darkening_overlay);    
}

function wf_submit() {
    var xmlHttp;
    try {  // Firefox, Opera 8.0+, Safari 
        xmlHttp = new XMLHttpRequest(); 
    }
    catch (e) {  // Internet Explorer 
        try {
            xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");   
        }
        catch (e) {
            try {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            catch (e) {
                alert("Your browser does not support AJAX!");
                return false;   
            }
        } 
    }
    
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4)
            widgetFormPostResponseReceived(xmlHttp.responseText)  
    }
    
    var fields = document.getElementById("wf_fields").value.split(",");
    var poststring = "";
        
    for (var i = 0; i < fields.length; i++) {
        if (i > 0)
            poststring += "&";
            
        poststring += fields[i] + "=" + document.getElementById(fields[i]).value;
    }

    xmlHttp.open("post", wfRequestPage, true);
    xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
    xmlHttp.send(poststring); 
}

function widgetFormPostResponseReceived(responseText) {
    if (responseText.indexOf("<wf:success>") != -1) {
        document.getElementById("wf_popup").innerHTML = responseText;
    }
    else if (responseText.indexOf("<wf:redirect") != -1) {
        var split1 = responseText.split("url=\"");
        var split2 = split1[1].split("\">");
        
        window.location = split2[0];
    }
    else {
        clearErrorHighLights();
        var useErrorMsgArea = false;
        var msgs = responseText.split("&");
        var errorMsg;
        var alertMsg = "";
        var invalidEmail = false;
        var regularError = false;
        var emailsDoNotMatch = false;
        
        for (var i = 0; i < msgs.length; i++) {
            errorMsg = msgs[i].split("=");

            if (errorMsg[0] == "use_error_msg_area") {
                useErrorMsgArea = true;
            }
            else {
                alertMsg += errorMsg[1] + "\n";
                        
                         
                if (errorMsg[0] == "wf_location" || errorMsg[0] == "wf_state" || errorMsg[0] == "donation_radio")
                    document.getElementById(errorMsg[0] + "_outer").style.border = "1px solid red";
                else
                    document.getElementById(errorMsg[0]).style.border = "1px solid red";   
                    
                if (errorMsg[1] == "invalid_email")
                    invalidEmail = true;
                else if (errorMsg[1] == "Your email addresses do not match")
                    emailsDoNotMatch = true;
                else if (errorMsg[0] != "wf_email2")
                    regularError = true;
            }
        }
        
        if (useErrorMsgArea)
        {
            if (!regularError && !invalidEmail && emailsDoNotMatch)
                document.getElementById("error_msg_area").innerHTML = "Your email addresses do not match";
            else if (!regularError && invalidEmail)
                document.getElementById("error_msg_area").innerHTML = "Your email address is invalid";
            else
                document.getElementById("error_msg_area").innerHTML = "Please fill in required fields";
                
        
            document.getElementById("error_msg_area").style.display = "inline";
        }
        else
            alert(alertMsg);
    }
}

function clearErrorHighLights() {
    var fields = document.getElementById("wf_fields").value.split(",");
        
    for (var i = 0; i < fields.length; i++) {
        if (fields[i] == "wf_location" || fields[i] == "wf_state" || fields[i] == "donation_radio")
            document.getElementById(fields[i] + "_outer").style.border = "0px";
    
        document.getElementById(fields[i]).style.border = document.getElementById("wf_noerror_border_style").value
    }
}

function getCurrentScrollYOffset() {
  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 scrOfY;
}