function HideFeedback() {
    Overlay.hide();
    Dialogue.hide();
}

function ShowFeedback() {
    Overlay.show();
    Dialogue.show();
    Dialogue.setPosition();
}

Overlay =
{
    show: function() {
        this.element().style.display = 'block';
    },

    hide: function() {
        this.element().style.display = 'none';
        Dialogue.hide();
    },
    
    element: function() {
    if (!document.getElementById('feedback-overlay')) {
            var dummy = document.createElement('div')
            dummy.innerHTML = '<div id="feedback-overlay" class="overlay " onclick="Overlay.hide()"; return false;" style="display:none"></div>'
            document.body.appendChild(dummy.firstChild)
        }
        return document.getElementById('feedback-overlay')
    }
}


Dialogue =
{
    show: function() {
    this.element().style.display = 'block'
    },

    hide: function() {
        this.element().style.display = 'none'
    },
        
    element: function() 
    {
        if (!document.getElementById('feedback-dialogue')){
        var dummy = document.createElement('div')
        dummy.innerHTML = '<div id="feedback-dialogue" class="feedback-component" style="display:none;">' +
        '<div id="feedback-dialogue-content"><iframe height="500" frameborder="0" width="450" scrolling="no" style="height: 500px; width: 450px;" allowtransparency="true" src="FeedbackPanel.aspx?RefPage=' + window.location +  '"/></div></div>'
        document.body.appendChild(dummy.firstChild)
        }
        return document.getElementById('feedback-dialogue')
    },
    
    setPosition: function() 
    {
        var els = this.element().style
        els.width = 'auto'
        els.height = 'auto'

        var de = document.documentElement
        var width = window.innerWidth || self.innerWidth || (de&&de.clientWidth) || document.body.clientWidth
        var height = window.innerHeight || self.innerHeight || (de&&de.clientHeight) || document.body.clientHeight
        
	var vleft = ((width - 450)/2);
        var vtop = ((height - 500)/2);

        //els.left = ((width - 450)/2) + "px"
        //els.top = ((height - 500)/2) + "px"

	if (vleft < 0)
	{
		els.left = "5px";
	}
	else
	{
		els.left = vleft + "px";
	}

	if (vtop < 0)
	{
		els.top = "50px";
	}
	else
	{
		els.top	= vtop + "px";
	}

    }
}


function chkOtherChanged() {
    document.getElementById('txtOther').disabled = !document.form1.chkOther.checked;
}

function CloseOver() {
    document.getElementById("imgClose").src = "images/wts_close_hover.gif";
}
function CloseDown() {
    document.getElementById("imgClose").src = "images/wts_close_pressed.gif";
}
function CloseOut() {
    document.getElementById("imgClose").src = "images/wts_close_idle.gif";
}
function CloseUp() {
    document.getElementById("imgClose").src = "images/wts_close_hover.gif";
}
function CloseClick() {
    document.getElementById("imgClose").src = "images/wts_close_idle.gif";
    parent.HideFeedback();
}

function NewPopup(url,width,height) 
{
    window.open(url, 'popUpWindow', 'height=' + height + ',width=' + width + ',resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no,status=yes')
}

function BusinessValidation(source, args) 
{
    var bValid = document.getElementById("chkWDM").checked | document.getElementById("chkWDR").checked | document.getElementById("chkArchitect").checked | document.getElementById("chkContractor").checked | document.getElementById("chkLumberyard").checked | document.getElementById("chkOther").checked;
                    
    args.IsValid = bValid;
}