// 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-00;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}else{
							var btn_LL=btn_off.left+215;
							var btn_TT=btn_off.top+$('#'+id).height()-14;
						}
						if (id=='btn-6'){
							var btn_LL=btn_off.left-00;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
						if (id=='btn-7'){
							var btn_LL=btn_off.left-05;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
						
						if (id=='btn-8'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
						if (id=='btn-8a'){
							var btn_LL=btn_off.left+8;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()+2;
						}
						if (id=='btn-9'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
						if (id=='btn-10'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-11'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-12'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
								if (id=='btn-13'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-14'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-15'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-16'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-17'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
								if (id=='btn-18'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-19'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-20'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-21'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-22'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
								if (id=='btn-23'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
							if (id=='btn-24'){
							var btn_LL=btn_off.left-0;
							var btn_TT=btn_off.top+$('#'+id).height()-$('#'+popid).height()-12;
						}
						if ($('#'+popid).css('display')=='block'){
							clearInterval(timer);
							$('#'+popid).css({
								'position':'absolute',
								'top':btn_TT,
								'left':btn_LL,
								'z-index':5000
							})	
							$('#'+popid).hide();
						}else{
							$('#'+popid).css({
								'position':'absolute',
								'top':btn_TT,
								'left':btn_LL,
								'z-index':5000
							})	
							//$('#'+popid).animate({opacity:'show'}, 500);
							$('#'+popid).show();
						}
				},function(){
					//timer=setTimeout("$('#"+popid+"').animate({opacity:'hide'},500);	",500);
					timer=setTimeout("$('#"+popid+"').hide();	",0);
				})
		}				 
	})	
	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-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'},10);",100);
	});
	$('#btn-5').popup_hover('btn-5', 'main-pop-bottom');


	$('#main-pop-notice').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-notice').animate({opacity:'hide'},10);",100);
	});
	$('#btn-6').popup_hover('btn-6', 'main-pop-notice');
	
	$('#main-pop-email').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-email').animate({opacity:'hide'},10);",100);
	});
	$('#btn-7').popup_hover('btn-7', 'main-pop-email');
	
	
	$('#main-pop-category').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-category').animate({opacity:'hide'},500);",500);
	});
	$('#btn-8').popup_hover('btn-8', 'main-pop-category');
	
	$('#main-pop-download').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-download').animate({opacity:'hide'},500);",500);
	});
	$('#btn-8a').popup_hover('btn-8a', 'main-pop-category1');
	
	$('#main-pop-category1').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-category1').animate({opacity:'hide'},500);",500);
	});
	$('#btn-9').popup_hover('btn-9', 'main-pop-download');
		$('#main-pop-download').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-download').animate({opacity:'hide'},500);",500);
	});
	$('#btn-10').popup_hover('btn-10', 'main-pop-product1');
		$('#btn-10').popup_hover('btn-10', 'main-pop-product1');
		$('#main-pop-product1').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product1').animate({opacity:'hide'},500);",500);
	});
	$('#btn-11').popup_hover('btn-11', 'main-pop-product2');
		$('#btn-11').popup_hover('btn-11', 'main-pop-product2');
		$('#main-pop-product2').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product2').animate({opacity:'hide'},500);",500);
	});
		$('#btn-12').popup_hover('btn-12', 'main-pop-product3');
		$('#btn-12').popup_hover('btn-12', 'main-pop-product3');
		$('#main-pop-product3').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product3').animate({opacity:'hide'},500);",500);
	});
	   $('#btn-13').popup_hover('btn-13', 'main-pop-product4');
		$('#btn-13').popup_hover('btn-13', 'main-pop-product4');
		$('#main-pop-product4').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product3').animate({opacity:'hide'},500);",500);
	});
		$('#btn-14').popup_hover('btn-14', 'main-pop-product5');
		$('#btn-14').popup_hover('btn-14', 'main-pop-product5');
		$('#main-pop-product5').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product5').animate({opacity:'hide'},500);",500);
	});
			$('#btn-15').popup_hover('btn-15', 'main-pop-product6');
		$('#btn-15').popup_hover('btn-15', 'main-pop-product6');
		$('#main-pop-product6').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product6').animate({opacity:'hide'},500);",500);
	});
	$('#btn-16').popup_hover('btn-16', 'main-pop-product7');
		$('#btn-16').popup_hover('btn-16', 'main-pop-product7');
		$('#main-pop-product7').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product7').animate({opacity:'hide'},500);",500);
	});
		$('#btn-17').popup_hover('btn-17', 'main-pop-product8');
		$('#btn-17').popup_hover('btn-17', 'main-pop-product8');
		$('#main-pop-product8').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product3').animate({opacity:'hide'},500);",500);
	});
		$('#btn-18').popup_hover('btn-18', 'main-pop-product9');
		$('#btn-18').popup_hover('btn-18', 'main-pop-product9');
		$('#main-pop-product9').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product9').animate({opacity:'hide'},500);",500);
	});
		
		
		$('#btn-19').popup_hover('btn-19', 'main-pop-product10');
		$('#btn-19').popup_hover('btn-19', 'main-pop-product10');
		$('#main-pop-product19').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product19').animate({opacity:'hide'},500);",500);
	});
		$('#btn-20').popup_hover('btn-20', 'main-pop-product11');
		$('#btn-20').popup_hover('btn-20', 'main-pop-product11');
		$('#main-pop-product11').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product11').animate({opacity:'hide'},500);",500);
	});
	$('#btn-21').popup_hover('btn-21', 'main-pop-product12');
		$('#btn-21').popup_hover('btn-21', 'main-pop-product12');
		$('#main-pop-product12').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product12').animate({opacity:'hide'},500);",500);
	});
		$('#btn-22').popup_hover('btn-22', 'main-pop-product13');
		$('#btn-22').popup_hover('btn-22', 'main-pop-product13');
		$('#main-pop-product13').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product13').animate({opacity:'hide'},500);",500);
	});
		$('#btn-23').popup_hover('btn-23', 'main-pop-product14');
		$('#btn-23').popup_hover('btn-23', 'main-pop-product14');
		$('#main-pop-product14').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product15').animate({opacity:'hide'},500);",500);
	});
				$('#btn-24').popup_hover('btn-24', 'main-pop-product15');
		$('#btn-24').popup_hover('btn-24', 'main-pop-product15');
		$('#main-pop-product15').hover(function(){
		clearInterval(timer);
	}, function(){
		timer=setTimeout("$('#main-pop-product15').animate({opacity:'hide'},500);",500);
	});

	
})