var ns4=document.layers
	var ie4=document.all
	var ns6=document.getElementById&&!document.all
	var isMac = (navigator.appVersion.indexOf("Mac")!=-1) ? true : false;

	var popup;
	var overlay;

	function openHelp(id, iframeid, grayoutid)
	{
		// end traffic

		//HideControls('select');
		
		var width = window.getWidth();
		var height = window.getHeight();
		var screenwid = window.getScrollWidth();
		var screenhgt = window.getScrollHeight();
			 
		if (screenwid > width) width = screenwid;
		if (screenhgt > height) height = screenhgt;
	 
						
		$(grayoutid).setStyles({
				top: 0,
				left: 0, 
				display: 'block'
		});
		
		$(iframeid).setStyles({
				display: 'block'
		});
		
	 var effects = $(grayoutid).effects({duration: 200, transition: Fx.Transitions.linear, onComplete: function (control) { swc_showPanel(id); centerPanel(id, width, height, iframeid);  }});
		effects.start({
				'height': [0, height], 
				'width': [0, width], 
				'top' : [height/2, 0],
				'left': [width/2, 0],
				'opacity': [0, .5]
		});

	}

function closeHelp(id, iframeid, grayoutid)
{   
    var width = window.getWidth();
    var height = window.getHeight();
    var screenwid = window.getScrollWidth();
    var screenhgt = window.getScrollHeight();

    var effects = $(grayoutid).effects({duration: 200, transition: Fx.Transitions.linear, onStart: function () { swc_hidePanel(id);new Fx.Style(id, 'opacity').set(0);  } });
    effects.start({
        'top': [0, height/2], 
        'left': [0, width/2], 
        'width': [width, 0],
        'height': [height, 0],
        'opacity': [.5, 0]
    });   
   
    new Fx.Style(iframeid, 'opacity').set(0);
    new Fx.Style(iframeid, 'width').set(0);
    new Fx.Style(iframeid, 'height').set(0);
    new Fx.Style(iframeid, 'left').set(0);
    new Fx.Style(iframeid, 'top').set(0);  

    $(grayoutid).setStyles({
        display: 'none'
    });
    
    $(iframeid).setStyles({
        display: 'none'
    });

    ShowControls('select');

    // Want to make one of these work for IE6 to keep it from the crazy scrolling effect. SWMc 12Feb09
    window.scroll = "yes";
    document.body.style.overflow = "visible";
}

function centerPanel(id, pageWidth, pageHeight, iframeid)
{   
    var coords = $(id).getCoordinates();
    
    var width = coords.width;
    var height = coords.height;    
    
    var left = Math.ceil((pageWidth - width)/2);
    var top = Math.ceil((pageHeight - height)/3);
           
    new Fx.Style(id, 'left').set(left);
    new Fx.Style(id, 'top').set(top);
    
    new Fx.Style(iframeid, 'width').set(width);
    new Fx.Style(iframeid, 'height').set(height);
    new Fx.Style(iframeid, 'left').set(left);
    new Fx.Style(iframeid, 'top').set(top);
    new Fx.Style(iframeid, 'opacity').set(0);
    
    new Fx.Style(id, 'opacity').set(1);
    
}    

////////////////
function HideControls(htmltag)
{
    var tags = document.getElementsByTagName(htmltag);
    var ti = 0;
    if (tags)
    {
        while (tags[ti])
        {
            tags[ti].style.visibility = "hidden";
            ti++;
        }
    }
}

///2nd///
function swc_getById(sID)
{
	return (sID ? document.getElementById(sID) : null);
}

function swc_hideById(sID)
{
	var ctl = swc_getById(sID);
	if (!ctl)
		return;
	ctl.style.display = 'none';
}

function swc_showById(sID)
{
	var ctl = swc_getById(sID);
	if (!ctl)
		return;
	ctl.style.display = 'block';
}

function swc_invisibleById(sID)
{
    var ctl = swc_getById(sID);
    if (!ctl)
        return;
    ctl.style.visibility = 'hidden';
}

function swc_visibleById(sID)
{
    var ctl = swc_getById(sID);
    if (!ctl)
        return;
    ctl.style.visibility = 'visible';
}

function swc_messageConfirm(message) 
{
    if (confirm(message)) 
    {
        document.body.style.cursor="wait";
        return true;
    }
    return false; 
}

//3rd//
// shows the panel.
function swc_showPanel(panelID)
{
    var control = swc_getById(panelID);
    
    if ( control != null )
    {
	    control.style.display = "block";
	    control.setAttribute("Displayed", "true");	    
	}
}

// hides the panel.
function swc_hidePanel(panelID)
{
    var control = swc_getById(panelID);
    
    if ( control != null )
    {
	    control.style.display = "none";
	    control.setAttribute("Displayed", "false");	    
	}
}

// toggles the panels visibility. This is a variable argument list.
// parameter: a variable list argument list containing clientID's to 
//   toggle view.
function swc_togglePanelDisplay()
{
	var displayed = "none";
	for (var i = 0; i < swc_togglePanelDisplay.arguments.length; ++i) 
	{
	    var control = swc_getById(swc_togglePanelDisplay.arguments[i]);
	    if ( control != null )
	    {
		    displayed = control.style.display;

		    if ( displayed == "block" || displayed == "" )
		    {
			    swc_hidePanel(swc_togglePanelDisplay.arguments[i]);
		    }
		    else 
		    {
			    swc_showPanel(swc_togglePanelDisplay.arguments[i]);
		    }
		}
	}
}