function getElement(theName)
{
  if (document.all)
  {
    return document.all[theName];
  }
  else if (document.getElementById)
  {
    return document.getElementById(theName);
  }
  else
  {
    return document[theName];
  }
}

function getNamedElement(name)
{
	if (document.getElementsByName)
  {
  	return document.getElementsByName(name);
  }
  else
  {
  	return document.forms[0].name;
  }
}

function getSelectedValue(theSelect)
{
  if (theSelect.selectedIndex < 0)
    return null;
  return theSelect.options[theSelect.selectedIndex].value;
}

function getRadioValue(theRadioSet)
{
	for (var i = 0; i < theRadioSet.length; i++)
	{
    if (theRadioSet[i].checked)
    {
			return theRadioSet[i].value;
    }
  }
  return null;
}


function popup(page, name, width, height)
{
  popupWindow=window.open(page,name,"menubar=no,resizable=yes,scrollbars=yes,width=" + width + ",height=" + height);
  popupWindow.focus();
	popupWindow.opener = window;
}

function showExhibitor(exhibitorID)
{
  popup("http://www.picturehouse.org/exhibitor.php?exhibitorID=" + exhibitorID, 'exhibitor', 400, 450);
}

var DragHandler;

function showPopup(url, anchorPoint, boxWidth, boxHeight)
{
	// don't display popup more than once
	if (document.getElementById('popup'))
		return;
  	var browser = navigator.userAgent;
	var ie = browser.indexOf('MSIE') > -1;
  	// prefix URL with slash if necessary
	if (url.indexOf('://') == -1 && url.substr(0, 1) != '/')
		url = '/' + url;

	var width = document.documentElement.clientWidth + document.documentElement.scrollLeft;
	var x, y;
  	if (!boxWidth)
		boxWidth = 400;
	if (!boxHeight)
		boxHeight = 400;
  	if (anchorPoint)
	{
		x = anchorPoint.offsetLeft + anchorPoint.offsetWidth + 15;
		y = anchorPoint.offsetTop + 5;
	}
  	if (x > width - boxWidth) x = width - boxWidth - 15;
	if (!x) x = 360;
	if (!y) y = 360;

	var div = document.createElement('div');
	div.id = 'popup';
	div.style.zIndex = 3;
	div.style.position = 'absolute'; // (navigator.userAgent.indexOf('MSIE 6') > -1) ? 'absolute' : 'fixed';
	div.style.left = x + 'px'; 
	div.style.top = y + 'px';
	div.style.height = boxHeight + 'px';
	div.style.width = boxWidth + 'px';
	div.className = 'popup';
//	div.src = url;
	document.body.appendChild(div); 
  	var masthead = document.createElement('div');
	masthead.style.width = boxWidth + 'px';
	masthead.className = 'masthead';
	masthead.style.cursor = 'move';
	div.appendChild(masthead);
  	var img = document.createElement('img');
	img.src = '/images/icons-16/close.png';
	img.align = 'right';
	img.style.padding = '2px 1px';
	img.style.cursor = 'default';
	img.onclick = function()
	{
	  document.body.removeChild(document.getElementById('popup'));
	};
	masthead.appendChild(img);
  	var h1 = document.createElement('h1');
	h1.id = 'popup_title';
	h1.className = 'popupTitle';
	masthead.appendChild(h1);
  	var iframe;
	if (ie)
	{
		iframe = document.createElement("<iframe onload='setTitle()'>");
	}
	else
	{
		iframe = document.createElement('iframe');
		iframe.onload = setTitle;
	}
	iframe.id = 'popup_iframe';
	iframe.frameBorder = '0';
	iframe.style.margin = '6px 0 0 1px';
	iframe.style.height = (boxHeight - 29) + 'px';
	iframe.style.width = (boxWidth - 2) + 'px';
	iframe.src = url;
	div.appendChild(iframe);

  DragHandler = {

    // private property.
    _oElem : null,

    // public method. Attach drag handler to an element.
    attach : function(oElem) {
        oElem.onmousedown = DragHandler._dragBegin;

        // callbacks
        oElem.dragBegin = new Function();
        oElem.drag = new Function();
        oElem.dragEnd = new Function();

        return oElem;
    },

    // private method. Begin drag process.
    _dragBegin : function(e) {
        var oElem = DragHandler._oElem = this;

        if (isNaN(parseInt(oElem.style.left))) { oElem.style.left = '0px'; }
        if (isNaN(parseInt(oElem.style.top))) { oElem.style.top = '0px'; }

        var x = parseInt(oElem.style.left);
        var y = parseInt(oElem.style.top);

        e = e ? e : window.event;
        oElem.mouseX = e.clientX;
        oElem.mouseY = e.clientY;

        oElem.dragBegin(oElem, x, y);

        document.onmousemove = DragHandler._drag;
        document.onmouseup = DragHandler._dragEnd;
        return false;
    },

    // private method. Drag (move) element.
    _drag : function(e) {
        var oElem = DragHandler._oElem;

        var x = parseInt(oElem.style.left);
        var y = parseInt(oElem.style.top);

        e = e ? e : window.event;
        oElem.style.left = x + (e.clientX - oElem.mouseX) + 'px';
        oElem.style.top = y + (e.clientY - oElem.mouseY) + 'px';

        oElem.mouseX = e.clientX;
        oElem.mouseY = e.clientY;

        oElem.drag(oElem, x, y);

        return false;
    },

    // private method. Stop drag process.
    _dragEnd : function() {
        var oElem = DragHandler._oElem;

        var x = parseInt(oElem.style.left);
        var y = parseInt(oElem.style.top);

        oElem.dragEnd(oElem, x, y);

        document.onmousemove = null;
        document.onmouseup = null;
        DragHandler._oElem = null;
    }
  };
  
  DragHandler.attach(div);
   
}

function setTitle()
{
	var h1 = document.getElementById('popup_title');
	h1.innerHTML = document.getElementById('popup_iframe').contentWindow.document.title;
}