// JavaScript Document
$(document).ready(function(){
	$('#pop-close-btn').css('cursor','pointer');
	var timer;
	jQuery.fn.extend({
		popup_main:function(id, id_bg, close_btn, content, type){
			switch (type){
				case 'modal':
						$(this).css('cursor','pointer');
						$(this).click(function(){
								var btn_off=$('#'+id).offset();
								var btn_L=btn_off.left-150;
								var btn_T=btn_off.top-20;
								var S_W= '100%';
								var S_H=$(document).height();
								var T_W=$(window).width();
								var T_H=$(window).height();
								var pop_W=$('#'+id).width();
								var pop_H=$('#'+id).height();
								var SC_T=$().scrollTop();
								var P_T=((T_H-pop_H)/2)+SC_T;
								var P_L=(T_W-pop_W)/2;
								$('#'+id).css({
									'position':'absolute',
									'z-index':100,
									'top':P_T,
									'left':P_L
								})	
								$('#'+id_bg).css({
									'width':T_W,
									'height':S_H,
									'background':'#000',
									'opacity':0.2,
									'position':'absolute',
									'top':'0px',
									'left':'0px'
								})	
								$('#'+content).css({
									'position':'absolute',
									'z-index':150,
									'top':P_T,
									'left':P_L
								})
								$('#'+id).animate({opacity:'show'},500);
								$('#'+id_bg).animate({opacity:'show'}, 500);
								$('#'+content).animate({opacity:'show'}, 500);
						})
						$('#'+id_bg+',#'+close_btn).click(function(){
							$('#'+id).animate({opacity:'hide'},500);
							$('#'+id_bg).animate({opacity:'hide'},500);
								$('#'+content).animate({opacity:'hide'}, 500);
						})
						$(window).scroll(function(){
							if ($('#'+id).css('display')=='block'){
								var SC_T=$().scrollTop();
								var T_H=$(window).height();
								var pop_H=$('#'+id).height();
								var SC_T=$().scrollTop();
								var P_T=((T_H-pop_H)/2)+SC_T;
								$('#'+id+', #'+content).css({
									'top':P_T
								})
							}
						})
				break;
				case 'wrt-btn':
						var btn_off = $(this).offset();
						var btn_L = btn_off.left;
						var btn_T = btn_off.top;
						var btn_B = btn_T + 30;
						$(this).hover(function(){
							clearTimeout(timer);
							$('#'+id).css({'position':'absolute', 'left': btn_L, 'top': btn_B, 'z-index':500});
							$('#'+content).css({'position':'absolute', 'left': btn_L, 'top': btn_B, 'z-index':550});
							$('#'+id).show();
							$('#'+content).show();
						}, function(){
							timer = setTimeout(function(){
								$('#'+id).hide();
								$('#'+content).hide();
							}, 200);
						});
						$('#'+content+', #'+id).hover(function(){
							clearTimeout(timer);							  
						}, function(){
							timer = setTimeout(function(){
								$('#'+id).hide();
								$('#'+content).hide();
							}, 200);									
						});
				break;
			}
		},
		main_page_popup :function (id, id_bg, close_btn, content, bot_id, type, extra){
			$(this).css('cursor','pointer');
			$('#'+close_btn).css('cursor','pointer');
			$(this).click(function(){
				var btn_off=$(this).offset();
				var btn_T=btn_off.top;
				var T_W=$(window).width();
				var T_H=$(window).height();
				var pop_W=$('#'+id).width();
				var pop_H=$('#'+id).height();
				var SC_T=$().scrollTop();
				var P_T=btn_T - pop_H - extra;
				var P_L=(T_W-pop_W)/2;
				switch(type){
					case 1:
						var bot_bg = '/images/main-page-popup-2.png';	
					break;
					case 2:
						var bot_bg = '/images/main-page-popup-3.png';	
					break;
				}
				$('#'+id).css({
					'position':'absolute',
					'z-index':100,
					'top':P_T,
					'left':P_L
				})
				$('#'+content).css({
					'position':'absolute',
					'z-index':150,
					'top':P_T,
					'left':P_L
				})
				$('#'+bot_id).css({
					'background':'url('+bot_bg+') no-repeat',
					'width': '965px',
					'height':'27px'
				})
				$('#'+id).show();
				$('#'+content).show();
			})
			$('#'+id_bg+',#'+close_btn).click(function(){
				$('#'+id).hide();
				$('#'+content).hide();
			})
		}
	})		
	$('#pro_tag_1').popup_main('main-popup-1', 'pop_bg', 'pop-close-btn', 'designproductmenubox2', 'modal');
	$('#btn-pro-popup').popup_main('main-popup-2', 'pop_bg', 'pop-close-btn', 'designproductpopup', 'wrt-btn');
	$('#pro-tag-mainpage').main_page_popup('main-popup-3', 'pop_bg', 'pop-close-btn-3', 'pro-mainpage-cont', 'pop-main-bot', 1, 0);
	$('#pro_tag_3').main_page_popup('main-popup-3', 'pop_bg', 'pop-close-btn-3', 'pro-mainpage-cont', 'pop-main-bot', 2, 0);
	$('#pro_tag_2').main_page_popup('main-popup-3', 'pop_bg', 'pop-close-btn-3', 'pro-mainpage-cont', 'pop-main-bot', 1, 0);
	$('#footer-pop').main_page_popup('main-popup-3', 'pop_bg', 'pop-close-btn-3', 'pro-mainpage-cont', 'pop-main-bot', 2, 10);
})

function services_popup(){
	var btn_off=$('#main-popup-1').offset();
	var btn_L=btn_off.left-150;
	var btn_T=btn_off.top-20;
	var S_W= '100%';
	var S_H=$(document).height();
	var T_W=$(window).width();
	var T_H=$(window).height();
	var pop_W=$('#main-popup-1').width();
	var pop_H=$('#main-popup-1').height();
	var SC_T=$().scrollTop();
	var P_T=((T_H-pop_H)/2)+SC_T;
	var P_L=(T_W-pop_W)/2;
	$('#main-popup-1').css({
		'position':'absolute',
		'z-index':150,
		'top':P_T,
		'left':P_L
	})
	$('#designproductmenubox2').css({
		'position':'absolute',
		'z-index':250,
		'top':P_T,
		'left':P_L
	})	
	$('#pop_bg').css({
		'width':S_W,
		'height':S_H,
		'background':'#000',
		'opacity':0.2,
		'position':'absolute',
		'top':'0px',
		'left':'0px',
		'z-index':100
	})	
	$('#main-popup-1').animate({opacity:'show'}, 500);
	$('#designproductmenubox2').animate({opacity:'show'}, 500);
	$('#pop_bg').animate({opacity:'show'},500); 
}