//html for popup div
var popupHTML = '<iframe class="popupIframe"></iframe><div class="popupDiv"><table cellpadding="0" cellspacing="0" style="border: 0px solid black"><tr><th align="left">%popupname%</th><th align="right"><img src="http://www.myweddingmusic.com/close.png" class="closePopup" onclick="hidePopup()"/></th></tr><tr><td colspan="2" align="center" style="background-color:white">%popupcontent%</td></tr></table></div>';
var wtm;
function showPopup(name, html, event) {
	// function show popup
	// name = visible name of popup
	// html = content of popup
	// event = event (for set position)
	$('.popupIframe').remove();
	$('.popupDiv').remove();
	if (wtm) {
		window.clearTimeout(wtm);
		wtm = null;
	}
	var p = popupHTML.replace('%popupname%', name);
	p = p.replace('%popupcontent%', html);
	$('body').append(p);
	$('.popupIframe').css('left','650px');
	$('.popupIframe').css('top',document.body.scrollTop + 50);
	$('.popupDiv').css('left','650px');
	$('.popupDiv').css('top',document.body.scrollTop + 50);
	$('.popupIframe').height($('.popupDiv').height());
	/*$('.popupDiv').hide();
	$('.popupDiv').show('slow');*/
	wtm = window.setTimeout(hidePopup, 5000);
}
function hidePopup(){
	if (wtm) {
		window.clearTimeout(wtm);
		wtm = null;
	}
	$('.popupIframe').remove();
	$('.popupDiv').remove();
}