function createPopUp(id)
{
	var div = document.createElement('div');
	div.setAttribute('id', 'testing');

	
	var myWidth = 600, myHeight = 600;
  	if( typeof( window.innerWidth ) == 'number' ) {
   	 //Non-IE
	    myWidth = window.innerWidth;
	    myHeight = window.innerHeight;
	  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
 	   //IE 6+ in 'standards compliant mode'
	    myWidth = document.documentElement.clientWidth;
 	   myHeight = document.documentElement.clientHeight;
	  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
	    //IE 4 compatible
	    myWidth = document.body.clientWidth;
	    myHeight = document.body.clientHeight;
	  }


	div.innerHTML = "<div class=\"shadow\"></div><div class=\"popUp\" id=\"test\"><iframe id=\"testiframe\" name=\"testiframe\" src=\"/slideshow.php#"+id+"\" allowtransparency=\"true\" frameborder=\"0\" width=\"" + myWidth + "\" height=\"" + myHeight + "\" class=\"iframeContent\"></iframe><br></div>";
	document.body.appendChild(div);
}

function removeElement() 
{
	var olddiv = this.parent.returnObjById("testing");
	this.parent.document.body.removeChild(olddiv);
}

function returnObjById(id) 
{
    if (document.getElementById) 
        var returnVar = document.getElementById(id); 
    else if (document.all) 
        var returnVar = document.all[id]; 
    else if (document.layers) 
        var returnVar = document.layers[id]; 
    return returnVar; 
}