function layerPopup(optional){
	var o = optional,
		dir = o.dir || 'right',
		_width = o.width || 300,
		target = $(o.target) || {},
		handler = $(o.handler) || {};
	
	//initialize
	var rightArrow = target.find('.arrow-Right'),
		topArrow = target.find('.arrow-Top'),
		btmArrow = target.find('.arrow-Btm'),
		leftArrow = target.find('.arrow-Left'); 
		target.data('dir',dir);
	

	//initialize target width
	target.width(_width);

	//click events
	handler.click(function(){
	
	//reset
	target.find('span[name^="arrow"]').css({'visibility':'hidden','top':'auto','bottom':'auto','right':'auto','left':'auto'});
	dir = target.data('dir');

	if((isSafari=navigator.userAgent.indexOf("Safari")>0) || (isChrome=navigator.userAgent.indexOf("chrome")>0)) {
		sLeft = document.body.scrollLeft;
	}else{
		sLeft = $(document).scrollLeft();
	}

	//initialize xy points
	var _offset = handler.offset(),
		_x = _offset.left,
		_y = _offset.top,
		_pwidth = handler.outerWidth()-sLeft,
		_pheight = handler.outerHeight(),
		_height = $(o.target).height(),
		_exWidth,_exHeight;

	//caculate width
	var _comparewidth = $('#container').width()-_x;
	var _compareheight = $('#container').height()-_y;


	//redirect
	if(dir=='right'&&_width>_comparewidth) {
		dir = 'left';
		if(_height>_compareheight) dir = 'left-top';
	}else{
		if(dir=='right'&&_height>_compareheight) dir = 'right-top';
	}
	


	//cases
	switch (dir)
	{
		case 'top':
				_exWidth = topArrow.width();
				_exHeight = topArrow.height();
				topArrow.css({'visibility':'visible','top':_height-6,'left':_exWidth});
				target.css({'visibility':'visible','left':_x,'top':_y-_height-_exHeight});
				break;
		case 'btm':
				_exWidth = btmArrow.width();
				_exHeight = btmArrow.height();
				btmArrow.css({'visibility':'visible','top':-_exHeight+2,'left':_exWidth});
				target.css({'visibility':'visible','left':_x,'top':_y+_exHeight+_pheight});
				break;
		case 'right':
				_exWidth = rightArrow.width();
				_exHeight = rightArrow.height();
				rightArrow.css({'visibility':'visible','top':_exHeight,'left':-_exWidth+2});
				target.css({'visibility':'visible','left':_x+_pwidth+_exWidth,'top':_y-_exHeight});
				break;
		case 'left':
				_exWidth = leftArrow.width();
				_exHeight = leftArrow.height();
				leftArrow.css({'visibility':'visible','top':_exHeight,'left':_width-2});
				target.css({'visibility':'visible','left':_x-_width-_exWidth,'top':_y-_exHeight});
				break;
		case 'left-top':
				_exWidth = leftArrow.width();
				_exHeight = leftArrow.height();
				leftArrow.css({'visibility':'visible','bottom':_pheight,'left':_width-2});
				target.css({'visibility':'visible','left':_x-_width-_exWidth,'top':_y-_height+_pheight+_exHeight});
				break;
		case 'right-top':
				_exWidth = rightArrow.width();
				_exHeight = rightArrow.height();
				rightArrow.css({'visibility':'visible','bottom':_exHeight,'left':-_exWidth+2});
				target.css({'visibility':'visible','left':_x+_pwidth+_exWidth,'top':_y-_height+_pheight+_exHeight});
				break;
		
		default:break;
	
	}
		
	
});




	//close
	target.find('.btn-close').click(function(){
		target.css({'visibility':'hidden'});
		target.find('span[name^="arrow"]').css({'visibility':'hidden','top':'auto','bottom':'auto','right':'auto','left':'auto'});
	});

}


/* 2011-4 ZCY */
$(function(){
	$('.btnJumpJD').click(function(){
		 new layerPopup({
            dir: 'right',
            width: 160,
            target: '#l-reports',
            handler: '.l-reports'
        });
		$('.jumpJD').find('a:first').attr('href',$(this).attr('path'));
		popJD('.jumpJD');
		$('.jumpJD').find('a:first').attr('href',$(this).attr('link'));
		return false;
	})
	$('.jumpJD a.cc').click(function(){
		$('.jumpJD').find('a:first').attr('href','');
		$('.jumpJD').css({'display':'none'});
		$('.partMask').css({'display':'none'});
		return false;
	})
})
function popJD(layer){
	var $wrapper = $('#container'), $mask = $('.partMask'), $layer = $(layer),
	oW = $layer.width(),
	oH = $layer.height(),
	offL = (($(window).width()-oW)/2) + $(document).scrollLeft(),
	offT = (($(window).height()-oH)/2) + $(document).scrollTop();

	if((isSafari=navigator.userAgent.indexOf("Safari")>0) || (isChrome=navigator.userAgent.indexOf("chrome")>0)) { 
		offL = ($(window).width()-oW)/2 + document.body.scrollLeft;
		offT = ($(window).height()-oH)/2 + document.body.scrollTop;
	}
	$mask.css({'display':'block','height':$(document).height()+27});
	$layer.css({'display':'block'});
	var sys = getBrowser();

	if (sys.ver=='6.0')
	{
		$layer.css({'position':'absolute'});
		if ($(window).height()<oH)
		{
			$layer.css({'top':'0px'});
		}else {
			$layer.css({'top':offT+'px'});
		}

		if ($(window).width()<oW)
		{
			$layer.css({'left':'0px'});
		}else {
			$layer.css({'left':offL+'px'});
		}
		
		windScroll($layer,oW,oH);
	}else {
		$layer.css({'position':'fixed','left':'50%','margin-left':'-250px','top':'220px'});
	}
	return false;
}

function windScroll(layer,oW,oH){
	var $mask = $('.partMask'), $layer = layer;

	$(window).bind('scroll resize',function () {
		offL = (($(window).width()-oW)/2)+$(document).scrollLeft();
		offT = (($(window).height()-oH)/2)+$(document).scrollTop();

		if((isSafari=navigator.userAgent.indexOf("Safari")>0) || (isChrome=navigator.userAgent.indexOf("chrome")>0)) { 
			offL = ($(window).width()-oW)/2 + document.body.scrollLeft;
			offT = ($(window).height()-oH)/2 + document.body.scrollTop;
		}

		$(window).width()<1000?$mask.css({'width':$(window).width() + $(document).scrollLeft() + 'px'}):$mask.css({'width':'100%'});
		$(window).height()<400?$mask.css({'height':$(window).height() + $(document).scrollTop() + 'px'}):$mask.css({'height':$(window).height() + $(document).scrollTop() + 'px'});

		if ($(window).height()<oH)
		{
			$layer.css({'top':'0px'});
		}else {
			$layer.css({'top':offT+'px'});
		}
		if ($(window).width()<oW)
		{
			$layer.css({'left':'0px'});
		}else {
			$layer.css({'left':offL+'px'});
		}
	})
}	

function getBrowser() { 
	var Sys = {}; 
	var ua = navigator.userAgent.toLowerCase(); 
	var re =/(msie|firefox|chrome|opera|version).*?([\d.]+)/; 
	var m = ua.match(re); 
	Sys.browser = m[1].replace(/version/, "'safari"); 
	Sys.ver = m[2]; 
	return Sys; 
} 

/*central pop*/
function centralPop(optional){

	var o = optional,
		handle = $(o.handle),
		layer = o.layer,
		mask = $(o.mask),
		close = $(o.close);
	
	handle.click(function(){popJD(layer);return false;});
	close.click(function(){
		$(o.layer).css({'display':'none'});
		mask.css({'display':'none'});
		return false;
	})

}

function lblChangePro(_obj){
    var o = _obj,
        handler = $(o.handler),
        tar = $(o.target);
    
    var _cur = 0;
    
    //initial
    handler.eq(_cur).addClass('active');
    tar.eq(_cur).show();
    
    handler.each(function(i){
        var $this = $(this);
        $this.click(function(){
            handler.removeClass('active');
            $this.addClass('active');
            tar.hide().eq(i).show();    
        });
        
        
    });
    
}