var timerID = false;

function hide_sub () {
	$('#goodskinlabs-product').attr("src","/images/share/new_top-menu/btn_product.jpg");
	$('#sub_menu_product').hide();

	$('#goodskinlabs-activities').attr("src","/images/share/new_top-menu/btn_online_activity.jpg");
	$('#sub_menu_activity').hide();

	$('#tvc_goodskinlab').attr("src","/images/share/new_top-menu/btn_tvc.gif");
	$('#sub_menu_tvc').hide();

	$('#goodskinlabsthai_international').attr("src","/images/share/international/01_inter.jpg");
	$('#sub_menu_international').hide();
	
	 $('#goodskinlabthais').attr("src","/images/share/new_top-menu/btn_about.jpg");
	 $('#sub_menu_about').hide();
}

function setDestroyNavMenuTimer () {
	timerID = setTimeout("hide_sub();",100);
}



$(document).ready(function(){
	$(':submit,:reset,:button')
		.addClass('input_button')
		.mouseover( function()	{ $(this).addClass('input_button_hover'); 	})
		.mouseout( function()	{ $(this).removeClass('input_button_hover'); })

	$('#goodskinlabs-product').hover(
		function () { 
			hide_sub ();
			$(this).attr("src","/images/share/new_top-menu/btn_product_a.jpg");
	
			var nav_id = "goodskinlabs-product";
			var navMenuData	=	'#'+ nav_id + '_sub';	
			var navMenuPosition =$('#'+nav_id).offset({ scroll: true ,padding:true, border:false });
			var navMenuHeight = $('#'+nav_id).height();
			var navMenuWidth = $('#'+nav_id).width();
			var navMenuDataTop	=	(navMenuPosition.top + navMenuHeight) - 2;
			var navMenuDataLeft	=	navMenuPosition.left ;
			
			$("#sub_menu_product").css({ top: navMenuDataTop +"px", left: navMenuDataLeft +"px", position:"absolute" });	
			$('#sub_menu_product').show();
		}
	 );

	
	$('#goodskinlabs-activities').hover(
		function () { 
			hide_sub ();
			$(this).attr("src","/images/share/new_top-menu/btn_online_activity_a.gif");
	
			var nav_id = "goodskinlabs-activities";
			var navMenuData	=	'#'+ nav_id + '_sub';	
			var navMenuPosition =$('#'+nav_id).offset({ scroll: true ,padding:true, border:false });
			var navMenuHeight = $('#'+nav_id).height();
			var navMenuWidth = $('#'+nav_id).width();
			var navMenuDataTop	=	(navMenuPosition.top + navMenuHeight) - 2;
			var navMenuDataLeft	=	navMenuPosition.left ;
			
			$("#sub_menu_activity").css({ top: navMenuDataTop +"px", left: navMenuDataLeft +"px", position:"absolute" });	
			$('#sub_menu_activity').show();
		}
	 );
	
	$('#tvc_goodskinlab').hover(
		function () { 
			hide_sub ();
			$(this).attr("src","/images/share/new_top-menu/btn_tvc_a.gif");
	
			var nav_id = "goodskinlabs-activities";
			var navMenuData	=	'#sub_menu_tvc';	
			var navMenuPosition =$('#'+nav_id).offset({ scroll: true ,padding:true, border:false });
			var navMenuHeight = $('#'+nav_id).height();
			var navMenuWidth = $('#'+nav_id).width();
			var navMenuDataTop	=	(navMenuPosition.top + navMenuHeight) - 2;
			var navMenuDataLeft	=	navMenuPosition.left-6 ;
			
			$("#sub_menu_tvc").css({ top: navMenuDataTop +"px", left: navMenuDataLeft +"px", position:"absolute" });	
			$('#sub_menu_tvc').show();
		}
	 );

	if($("#frm_subscribe").length>0){		
		$("#frm_subscribe #Email").val("Please Input Your E-mail");		
		$("#frm_subscribe #Email").blur();		
	}


	$('#sub_menu_product').hover(
		function () { 
			clearTimeout(timerID);
		},
		function () {
			setDestroyNavMenuTimer();
		}
	 );	
	$('#sub_menu_activity').hover(
		function () { 
			
			clearTimeout(timerID);
		},
		function () {
			setDestroyNavMenuTimer();
		}
	 );	

	 $('#sub_menu_tvc').hover(
		function () { 
			clearTimeout(timerID);
		},
		function () {
			setDestroyNavMenuTimer();
		}
	 );	
	
	$('#goodskinlabsthai_international').hover(
		function () { 
			hide_sub ();
			$(this).attr("src","/images/share/international/01_inter_a.jpg");
	
			var nav_id = "goodskinlabsthai_international";
			var navMenuData	=	'#'+ nav_id + '_sub';	
			var navMenuPosition =$('#'+nav_id).offset({ scroll: true ,padding:true, border:false });
			var navMenuHeight = $('#'+nav_id).height();
			var navMenuWidth = $('#'+nav_id).width();
			var subMenuHeight=$('#sub_menu_international').height();
			var navMenuDataTop	=	(navMenuPosition.top + navMenuHeight) - (22+subMenuHeight);
			var navMenuDataLeft	=	navMenuPosition.left ;
			
			$("#sub_menu_international").css({ top: navMenuDataTop +"px", left: navMenuDataLeft +"px", position:"absolute" });	
			$('#sub_menu_international').show();
		}
	 );

	  $('#sub_menu_international').hover(
		function () { 
		  $('#goodskinlabsthai_international').attr("src","/images/share/international/01_inter.jpg");
			clearTimeout(timerID);
		},
		function () {
			setDestroyNavMenuTimer();
		}
	 );	

	 $('#goodskinlabthais').hover(
		function () { 
			hide_sub ();
			$(this).attr("src","/images/share/new_top-menu/btn_about_a.jpg");
			
			var nav_id = "goodskinlabthais";
			var navMenuData	=	'#sub_menu_about';	
			var navMenuPosition =$('#'+nav_id).offset({ scroll: true ,padding:true, border:false });
			var navMenuHeight = $('#'+nav_id).height();
			
			var navMenuWidth = $('#'+nav_id).width();
			var navMenuDataTop	=	(navMenuPosition.top + navMenuHeight) - 2;
			var navMenuDataLeft	=	navMenuPosition.left+1 ;
			
			$("#sub_menu_about").css({ top: navMenuDataTop +"px", left: navMenuDataLeft +"px", position:"absolute" });	
			$('#sub_menu_about').show();
		}
	 );

	 $('#sub_menu_about').hover(
		function () { 
		  $('#goodskinlabthais').attr("src","/images/share/new_top-menu/btn_about_a.jpg");
			clearTimeout(timerID);
		},
		function () {
			setDestroyNavMenuTimer();
		}
	 );	

/*
	$('#sub_menu_activity').hover(
		function()	{ $('#goodskinlabs-activities').attr("src","/images/share/new_top-menu/btn_online_activity_a.jpg");},
		function()	{ setTimeout("$('#goodskinlabs-activities').attr('src','/images/share/new_top-menu/btn_online_activity.jpg');$('#sub_menu_activity').hide();",1000); }
	);
*/

	$('.png-fix').ifixpng();
	
});


function PopUpWindow(URL, N, W, H, S) { // name, width, height, scrollbars
	var winleft	=	(screen.width - W) / 2;
	var winup	=	(screen.height - H) / 2;
	winProp		=	'width='+W+',height='+H+',left='+winleft+',top='+winup+',scrollbars='+S+',resizable' + ',status=yes'
	Win			=	window.open(URL, N, winProp)
	if (parseInt(navigator.appVersion) >= 4) { Win.window.focus(); }
}
function ContentMini(strUrl) {
	PopUpWindow(strUrl,'AddMini',550,350,'yes');
}
function SharePromotion(id){
	var d = new Date();
	ContentMini('http://www.facebook.com/sharer.php?u=http://www.goodskinlabsthai.com/goodskinlabsthai_news/goodskinlabs_promotion.php?Id='+id+'&t='+d.getTime());
}