	function show_promo(an, boxID)
		{
		var browser=navigator.appName;
		var version=(navigator.appVersion).substring(22,23);
		var titleMsgTxt='bloo Validation Code';
		
		width=272;
		height=183;
		borderStyle='none';
		
		var href = an.href;
		var canvas = document.getElementById(boxID); // this is our canvas
		
		if (canvas != null)
		    {
		    if (canvas.style.display=='none')
			    {
		        move_box(an, canvas);
		
				canvas.style.display='block';
		        bringToFront(canvas);
				
		        if (!canvas.contents.contentWindow)
		            canvas.contents.src = href;
		    	}
		    else
		        canvas.style.display='none';
		    return false;
		    }

		/*
		var padlock = document.createElement('img');
		padlock.src = '/img/basics/beamlock.gif';
		padlock.title = 'Secured by RapidSSL 128-bit encryption';
		padlock.align = 'left';
		padlock.style.marginTop = '5px';
		*/
		
		var titleMsg = document.createElement('div');
		titleMsg.appendChild(document.createTextNode(titleMsgTxt));
		//titleMsg.style.color = '#8d8d8d';
		titleMsg.style.color = '#858585';
		titleMsg.style.fontFamily = 'Arial, Helvetica, sans-serif';
		titleMsg.style.fontSize = '11px';
		titleMsg.style.fontWeight = 'bold';
		titleMsg.style.position = 'absolute';
		//titleMsg.style.top = '15px';
		titleMsg.style.top = '12px';
		//titleMsg.style.left = '20px';
		titleMsg.style.left = '81px';
		
		var close_href = document.createElement('a');
		close_href.href = 'javascript:void(0);';
		close_href.title = 'Close Window';
		close_href.onclick = function()
		    {
		    contents.contentWindow.document.location.replace(href);
			//show_hide_box(an, titleMsgTxt, boxID);
		    show_promo(an, boxID);
			}
		
		var offset = 0;
		close_href.appendChild(document.createTextNode('X'));
		offset = close_href.offsetHeight;
		
		close_href.style.color = '#009bc2';
		close_href.style.fontFamily = 'Arial, Helvetica, sans-serif';
		close_href.style.fontSize = '12px';
		close_href.style.fontWeight = 'bold';
		close_href.style.textDecoration = 'none';
		close_href.style.position = 'absolute';
		close_href.style.top = '5px';
		close_href.style.right = '16px';
		close_href.style.padding = '1px';
		
		var contents = new IFrame(canvas);
		contents.setAttribute('id', 'if' + boxID); // e.g. "ifDIV1300buzz"
		contents.setAttribute('name', 'if' + boxID); // e.g. "ifDIV1300buzz"
		contents.setAttribute('allowTransparency', 1);  // this works for IE and is not needed for FF
		contents.scrolling = 'no';  // this works for FF (and others) but not at all in IE
		contents.overflowX = 'hidden';  // this works for FF (and others) but not at all in IE
		contents.overflowY = 'fixed';  // this works for FF (and others) but not at all in IE
		contents.frameBorder = '0';  // this works for FF (and others) but not at all in IE
		contents.style.width = width + 'px';
		contents.style.height = (height - offset) + 'px';
		
		var boxdiv = document.createElement('div'); // METHOD 1... GOOD FOR FF
		boxdiv.setAttribute('id', boxID); // e.g. "DIV1300buzz"
		boxdiv.style.display = 'block';
		boxdiv.style.position = 'absolute';
		boxdiv.style.marginTop = '-80px';
		boxdiv.style.width = width + 'px';
		boxdiv.style.height = height + 'px';
		boxdiv.style.border = borderStyle;
		boxdiv.style.textAlign = 'right';
		boxdiv.style.padding = '4px';
		boxdiv.style.zIndex = '100'; // stops text showing through the background
		
	    boxdiv.style.background = "url('/img/boxes/box_bloo_call_us_ok_box only copy_crop.png') no-repeat top left";
		
		//boxdiv.appendChild(padlock);
		boxdiv.appendChild(titleMsg);
		boxdiv.appendChild(close_href);
		
		boxdiv.contents = contents; // METHOD 1... GOOD FOR FF ... just added back in -- important as it stops window opening into new document on second click -- correct
		boxdiv.appendChild(contents); // METHOD 1... GOOD FOR FF
		document.body.appendChild(boxdiv); // METHOD 1... GOOD FOR FF
		
		if (contents.contentWindow)
		    contents.contentWindow.document.location.replace(href);
		else
		    contents.src = href; // works in FF
		
		move_box(an, boxdiv); // fixes up positioning of initial load -- correct
		
		return false;
		}


		
	function show_promo_IE(an, boxID)
		{
		var browser=navigator.appName;
		var version=(navigator.appVersion).substring(22,23);
		var titleMsgTxt='bloo Validation Code';
		
		width=272;
		//height=183;
		height=170;
		//borderStyle='none';
		borderStyle='1px solid #ccc';
	    var href = an.href;
		var boxdiv = document.getElementById(boxID);
		
//		alert(href);
//		alert(boxID);

		if (boxdiv != null)
		    {
	        if (boxdiv.style.display=='none')
	    	    {
	            move_box(an, boxdiv);

				boxdiv.style.display='block';
	            bringToFront(boxdiv);

	            if (!boxdiv.contents.contentWindow)
	                boxdiv.contents.src = href;
	        	}
	        else
	            boxdiv.style.display='none';
	        return false;
		    }

	    boxdiv = document.createElement('div');
	    boxdiv.setAttribute('id', boxID);
	    boxdiv.style.display = 'block';
	    boxdiv.style.position = 'absolute';
		boxdiv.style.marginTop = '-80px';
//	    boxdiv.style.marginTop = '-90px';
		boxdiv.style.width = width + 'px';
	    boxdiv.style.height = height + 'px';
	    boxdiv.style.border = borderStyle;
	    boxdiv.style.textAlign = 'right';
	    boxdiv.style.padding = '4px';
	    boxdiv.style.background = '#FFFFFF';
	    boxdiv.style.zIndex = '100';

		document.body.appendChild(boxdiv);
		
		/*
	    var padlock = document.createElement('img');
//		padlock.src = 'http://www.beamme.info/images/beamicon/beamlock.png';
		padlock.src = '/img/basics/beamlock.gif';
		padlock.title = 'Secured by RapidSSL 128-bit encryption';
		padlock.align = 'left';
	    boxdiv.appendChild(padlock);
	    */

	    var closebtn = document.createElement('img');
		closebtn.src = '/img/boxes/box_bloo_call_close-btn_r2.gif';
		closebtn.title = 'Close Window';
//		closebtn.align = 'right';
//		closebtn.style.marginRight = '0px';
		closebtn.border = '0';
//	    boxdiv.appendChild(closebtn);
		
	    var close_href = document.createElement('a');
		close_href.href = 'javascript:void(0);';
		close_href.onclick = function()
	        {
	        contents.contentWindow.document.location.replace(href); // probably need a check of current state so we don't do this unnecessarily
			//show_hide_box(an, width, height, borderStyle);
			//show_hide_box_old(an, width, height, borderStyle, boxID);
	        show_promo_IE(an, boxID)
			}

	    var offset = 0;
//		close_href.appendChild(document.createTextNode('Close'));
		//close_href.appendChild(document.createTextNode('[X]'));
		//close_href.appendChild(document.createTextNode(''));
		close_href.appendChild(closebtn);
		
//	    close_href.style.backgroundColor = 'white';
//	    close_href.style.border = '1px solid #bbb;';
//	    close_href.style.border = '1px';
		
	    boxdiv.appendChild(close_href);
	    offset = close_href.offsetHeight;

	    var contents = document.createElement('iframe');
	    //contents.setAttribute('name', an.id);
	    //contents.setAttribute('name', boxID);

		contents.scrolling = 'no'; // needed?
	    contents.overflowX = 'hidden';
	    contents.overflowY = 'scroll'; // needed?
	    contents.overflowY = 'fixed';
	    contents.frameBorder = '0';
	    contents.style.width = width + 'px';
	    contents.style.height = (height - offset) + 'px';

	    boxdiv.contents = contents;
	    boxdiv.appendChild(contents);

	    move_box(an, boxdiv);

	    if (contents.contentWindow)
	        contents.contentWindow.document.location.replace(href);
	    else
	        contents.src = href;

	    return false;
		}
		
		