function advanced_overlay_display(iframe_height, iframe_width, reference, reference_id, image_id, image_type){

	//GET BROWSER INFO
	var window_height = document.height || document.documentElement.offsetHeight;
	var window_width = document.documentElement.clientWidth;
	var scroll_position = document.documentElement.scrollTop;
	
	//CREATE OVERLAY DIV
	var overlay_div = document.createElement('div');
	overlay_div.setAttribute('id', 'overlay_div');
	overlay_div.style.position = 'absolute';
	overlay_div.style.top = '0px';
	overlay_div.style.left = '0px';
	overlay_div.style.width = window_width+'px';
	overlay_div.style.height = (parseInt(scroll_position) + parseInt(window_height))+'px';
	overlay_div.style.backgroundColor = '#000000';
	overlay_div.className = 'transparent';
	
	//CREATE OVERLAY DIV
	var display_div = document.createElement('div');
	display_div.setAttribute('id', 'display_div');
	display_div.style.position = 'absolute';
	display_div.style.top = (parseInt(scroll_position)+ ((parseInt(window_height) / 3) - (parseInt(iframe_height) / 2)))+'px';
	display_div.style.left = ((parseInt(window_width) / 2) - (parseInt(iframe_width) / 2))+'px';
	display_div.style.backgroundColor = '#ffffff';
	display_div.style.padding = '10px;';
	display_div.style.border = '2px solid #000000';
	display_div.innerHTML = "<div style=\"text-align: right;\"><a href=\"javascript:void overlay_close();\"><img src=\"images/close_off.jpg\" onMouseOver=\"this.src='images/close_on.jpg';\" onMouseOut=\"this.src='images/close_off.jpg';\" border=\"0\" /></a></div><iframe id=\"overlay_iframe\" align=\"center\" src=\"advanced_overlay_display.php?reference="+reference+"&reference_id="+reference_id+"&image_id="+image_id+"&image_type="+image_type+"\"\" frameborder=\"0\" scrolling=\"no\" style=\"padding: 10px; width: "+iframe_width+"px; height: "+iframe_height+"px;\" class=\"visable\"></iframe>";
	
	//SPAWN ELEMENT
	document.body.appendChild(overlay_div);
	document.body.appendChild(display_div);
				
}

function overlay_display(iframe_height, iframe_width, reference, reference_id, image_id){

	//GET BROWSER INFO
	var window_height = document.height || document.documentElement.offsetHeight;
	var window_width = document.documentElement.clientWidth;
	var scroll_position = document.documentElement.scrollTop;
	
	//CREATE OVERLAY DIV
	var overlay_div = document.createElement('div');
	overlay_div.setAttribute('id', 'overlay_div');
	overlay_div.style.position = 'absolute';
	overlay_div.style.top = '0px';
	overlay_div.style.left = '0px';
	overlay_div.style.width = window_width+'px';
	overlay_div.style.height = (parseInt(scroll_position) + parseInt(window_height))+'px';
	overlay_div.style.backgroundColor = '#000000';
	overlay_div.className = 'transparent';
	
	//CREATE OVERLAY DIV
	var display_div = document.createElement('div');
	display_div.setAttribute('id', 'display_div');
	display_div.style.position = 'absolute';
	display_div.style.top = (parseInt(scroll_position)+ ((parseInt(window_height) / 3) - (parseInt(iframe_height) / 2)))+'px';
	display_div.style.left = ((parseInt(window_width) / 2) - (parseInt(iframe_width) / 2))+'px';
	display_div.style.backgroundColor = '#ffffff';
	display_div.style.padding = '10px;';
	display_div.style.border = '2px solid #000000';
	display_div.innerHTML = "<div style=\"text-align: right;\"><a href=\"javascript:void overlay_close();\"><img src=\"close_off.jpg\" onMouseOver=\"this.src='close_on.jpg';\" onMouseOut=\"this.src='close_off.jpg';\" border=\"0\" /></a></div><iframe id=\"overlay_iframe\" align=\"center\" src=\"overlay_display.php?reference="+reference+"&reference_id="+reference_id+"&image_id="+image_id+"\" frameborder=\"0\" scrolling=\"no\" style=\"padding: 10px; width: "+iframe_width+"px; height: "+iframe_height+"px;\" class=\"visable\"></iframe>";
	
	//SPAWN ELEMENT
	document.body.appendChild(overlay_div);
	document.body.appendChild(display_div);
				
}

function overlay_close(){
	
	//TARGET OVERLAYS AND REMOVE
	var overlay_div = document.getElementById('overlay_div');
	var display_div = document.getElementById('display_div');
	
	//REMOVE
	document.body.removeChild(overlay_div);
	document.body.removeChild(display_div);
	
}
