if(document.addEventListener){
	document.addEventListener('DOMContentLoaded', init, false);
} else if(document.attachEvent){
	document.attachEvent('onreadystatechange', function(){
		if(document.readyState == 'complete'){
			init();
		}
	});
} else {
	window.onload = init;
}

function init(){
	if(document.addEventListener){
		// Visa
		document.getElementById('reel').addEventListener('click', openPopover, false);

		// Stäng
		document.getElementById('close').addEventListener('click', closePopover, false);
		document.getElementById('backdrop').addEventListener('click', closePopover, false);
	} else {
		// visa popover
		document.getElementById('reel').attachEvent('onclick', openPopover);

		// stäng popove
		document.getElementById('close').attachEvent('onclick', closePopover);
		document.getElementById('backdrop').attachEvent('onclick', closePopover);
	}
}

function closePopover(){
	document.getElementById('backdrop').style.display = 'none';
	document.getElementById('popover').style.display = 'none';
}

function openPopover(){
	document.getElementById('backdrop').style.display = 'block';
	document.getElementById('popover').style.display = 'block';
}