$(document).ready(function(){
	initPopup();
});

function initPopup(){
	var _popup = $('#popap');
	var _fader;
	var _faderOpacity = 0.7;
	var _faderBackground = '#000';
	var _faderId = 'overlay';
	var _zIndex = 1000;
	var _t;
	var _time = 5000;
	var _close = $('a.close', _popup);
	
	// init popup fader
	_fader = jQuery('#'+_faderId);
	if(!_fader.length) {
		_fader = jQuery('<div />');
		_fader.attr('id',_faderId);
		jQuery('body').append(_fader);
	}
	_fader.css({
		opacity:_faderOpacity,
		backgroundColor:_faderBackground,
		position:'absolute',
		overflow:'hidden',
		bottom:0,
		right:0,
		top:0,
		left:0,
		zIndex:_zIndex
	});

	// IE6 iframe fix
	if(jQuery.browser.msie && jQuery.browser.version < 7) {
		if(!_fader.children().length) {
			var _frame = jQuery('<iframe src="javascript:false" frameborder="0" scrolling="no" />');
			_frame.css({
				opacity:0,
				width:'100%',
				height:'100%'
			});
			var _frameOverlay = jQuery('<div>');
			_frameOverlay.css({
				top:0,
				left:0,
				zIndex:1,
				opacity:0,
				background:'#000',
				position:'absolute',
				width:'100%',
				height:'100%'
			});
			_fader.empty().append(_frame).append(_frameOverlay);
		}
	}
	
	if(_popup.length){
		_popup.css({
			zIndex: _zIndex+1
		})
		
		if(_popup.is(':visible')){
			_t = setTimeout(_popupHide, _time)
		}
		
		_popup.mouseenter(function(){
			if(_t) clearTimeout(_t);
		}).mouseleave(function(){
			_t = setTimeout(_popupHide, _time)
		})
		
		_close.click(function(){
			_popupHide();
			return false
		})
	}
	function _popupHide(){
		if(_t) clearTimeout(_t);
		_popup.fadeOut();
		_fader.fadeOut();
	}
}