// JavaScript Document
$(document).ready(function(){
jQuery.fn.extend({
		popup_hover:function(id, popid){
				$('#'+id).css('cursor','pointer');
				$(this).hover(function(){
					var btn_off=$('#'+id).offset();
						if (id=='btn-5'){
							var btn_LL=btn_off.left-80;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-40;
						}else{
							var btn_LL=btn_off.left+500;
							var btn_TT=btn_off.top+$('#'+id).height()-14;
						}
						if (id=='btn-6'){
							var btn_LL=btn_off.left-37;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-5;
						}
						if ($('#'+popid).css('display')=='block'){
							clearInterval(timer);
							$('#'+popid).css({
								'position':'absolute',
								'top':btn_TT,
								'left':btn_LL,
								'z-index':5000
							})	
							$('#'+popid).animate({opacity:'show'},500);
						}else{
							$('#'+popid).css({
								'position':'absolute',
								'top':btn_TT,
								'left':btn_LL,
								'z-index':5000
							})	
							$('#'+popid).animate({opacity:'show'}, 500);
						}
				},function(){
					timer=setTimeout("$('#"+popid+"').animate({opacity:'hide'},500);	",500);
				})
		}				 
	})	
	jQuery.fn.extend({
		popup:function(id){
				$('#'+id).css('cursor','pointer');
				$(this).click(function(){
					var btn_off=$('#'+id).offset();
						var btn_LL=btn_off.left+150;
						var btn_TT=btn_off.top-20;
						var S_W=$().width();
						var S_H=$().height();
						var T_W=$(window).width();
						var T_H=$(window).height();
						var pop_W=$('#main-pop-click').width();
						var pop_H=$('#main-pop-click').height();
						var SC_T=$().scrollTop();
						var P_T=((T_H-pop_H)/2)+SC_T;
						var P_L=(T_W-pop_W)/2;
						$('#main-pop-click').css({
							'position':'absolute',
							'top':btn_TT,
							'left':btn_LL,
							'z-index':100,
							'top':P_T,
							'left':P_L
						})	
						$('#popback').css({
							'width':S_W,
							'height':S_H,
							'background':'#000',
							'opacity':0.2,
							'position':'absolute',
							'top':0,
							'left':0
						})	
						$('#main-pop-click').animate({opacity:'show'},500);
						$('#popback').animate({opacity:'show'}, 500);
				})
				$('#popback').click(function(){
					$('#main-pop-click').animate({opacity:'hide'},500);
					$(this).animate({opacity:'hide'},500);
				})
			
		}				 
	})	
	$('#btn-close').click(function(){
		$('#main-pop').animate({opacity:'hide'},1000);		
	})
	$('#btn-close2').click(function(){
		$('#main-pop-bottom2').animate({opacity:'hide'},1000);		
	})
	$('#btn-close-click').click(function(){
		$('#main-pop-click').animate({opacity:'hide'},1000);		
		$('#popback').animate({opacity:'hide'},500);
	})
	$('#main-pop-top').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-top').animate({opacity:'hide'},500);",500);
	});
	$('#main-pop-bottom').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-bottom').animate({opacity:'hide'},500);",500);
	});
	$('#main-pop-bottom2').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-bottom2').animate({opacity:'hide'},500);",500);
	});
	$('#btn-5').popup_hover('btn-5', 'main-pop-bottom');
	$('#btn-6').popup_hover('btn-6', 'main-pop-bottom2');
})