// ActionScript Document
/***********************************************
* Image w/ description tooltip- By Dynamic Web Coding (www.dyn-web.com)
* Copyright 2002-2007 by Sharon Paine
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

/* IMPORTANT: Put script after tooltip div or 
	 put tooltip div just before </BODY>. */
var dom = (document.getElementById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var _ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !_ie4 && !ie5 && !dom) ? true : false;
var origWidth, origHeight;

if (nodyn) { event = "nope" }

var tipFollowMouse= true;	
var tipWidth= 200;
var offX= -16;
var offY= 28; 

var tooltip, tipcss, concss;
function initTip() {
	if (nodyn) return;
	tooltip = (_ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
	toolcon = (_ie4)? document.all['tipconnector']: (ie5||ns5)? document.getElementById('tipconnector'): null;
	tipcss = tooltip.style;
	concss=toolcon.style;
	if (tooltip&&tipFollowMouse) {
		document.onmousemove = trackMouse;
	}
}

//window.onload = initTip;

var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip link
function doTooltip(evt,value1, value2, value3, value4) {
	if (!tooltip) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	tipOn = true;	
	
	if (_ie4||ie5||ns5) {					
		var tip ="<div class='tip'><div class='tip_content'><p class='content'>" + value2 + "</p></div></div></div><div>"
	 	tooltip.innerHTML = tip;
	}
	
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout(function(){
									tipcss.visibility='visible';
									concss.visibility='visible';
								},100);
}

var mouseX, mouseY;
function trackMouse(evt) {
	standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
	mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
	mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	if (tipOn) positionTip(evt);
}

function positionTip(evt) {
	if (!tipFollowMouse) {
		standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
		mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
		mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;		
	}
	var tpWd = (_ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (_ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	var winWd = (ns5)? window.innerWidth+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
	var winHt = (ns5)? window.innerHeight+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;

	/*if ((mouseX+offX+tpWd)+17>winWd) 
		tipcss.left = winWd-415+"px";
	else */
	tipcss.left = mouseX+offX+"px";
	concss.left=(mouseX+offX+10)+"px";

	//if(navigator.appVersion.match("MSIE 6.0")){tipcss.top = mouseY+offY+7+"px";*/}
	/*else*/
	tipcss.top = mouseY+offY+"px";
	concss.top=(mouseY+offY-8)+"px";

	if (!tipFollowMouse) t1=setTimeout(function(){
									tipcss.visibility='visible';
									concss.visibility='visible';
								},100);
}

function hideTip() {
	if (!tooltip) return;
	t2=setTimeout(function(){
						   tipcss.visibility='hidden';
						   concss.visibility='hidden';
						   },100);
	tipOn = false;
}

document.write('<div id="tipDiv"></div><div id="tipconnector"></div>')
/*------------*/
function _getPageSize() {
	var xScroll, yScroll;
	var arrPageScroll=_getPageScroll();
	if (window.innerHeight && window.scrollMaxY) {	
		xScroll = window.innerWidth + window.scrollMaxX;
		yScroll = window.innerHeight + window.scrollMaxY;
	} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
		xScroll = document.body.scrollWidth;
		yScroll = document.body.scrollHeight;
	} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
		xScroll = document.body.offsetWidth;
		yScroll = document.body.offsetHeight;
	}
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		if(document.documentElement.clientWidth){
			windowWidth = document.documentElement.clientWidth; 
		} else {
			windowWidth = self.innerWidth;
		}
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}	
	var pageHeight, pageWidth;
	// for small pages with total height less then height of the viewport
	if(yScroll < windowHeight){
		pageHeight = windowHeight;
	} else { 
		pageHeight = yScroll;
	}
	// for small pages with total width less then width of the viewport
	if(xScroll < windowWidth){	
		pageWidth = xScroll;		
	} else {
		pageWidth = windowWidth;
	}
	arrayPageSize=new Array(pageWidth,pageHeight,windowWidth,windowHeight,arrPageScroll[0],arrPageScroll[1]);
	return arrayPageSize;
};
//ham lay thong so thanh cuon
function _getPageScroll() {
	var scrOfX = 0, scrOfY = 0;
	if( typeof( window.pageYOffset ) == 'number' ) {
	//Netscape compliant
		scrOfY = window.pageYOffset;
		scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	//DOM compliant
		scrOfY = document.body.scrollTop;
		scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
	//IE6 standards compliant mode
		scrOfY = document.documentElement.scrollTop;
		scrOfX = document.documentElement.scrollLeft;
	}
	arrayPageScroll = new Array(scrOfX, scrOfY);
	return arrayPageScroll;
};
/*
 * Show/hide all Services
 * Type:	
 * Name:	
 * Date:	2008/10/06
 * @author:	Hien Nguyen <hiennh@von-inc.com>
 */
var flag = false ;
var time2Hide;
function TNShowAllServices(){
	$('.allservices').css('backgroundPosition','right bottom');
	$('#uni_link').slideDown('normal');
}

function TNHideAllServices(){
	$('.allservices').css('backgroundPosition','right top');
	$('#uni_link').slideUp('normal');
}
function TNHideAS(){
	clearTimeout(time2Hide);
	if(!flag){
		time2Hide = setTimeout('TNHideAllServices()',2000);
	}
	else if(flag)	{			
		TNShowAllServices();
	}
}
function TNAS_Show(){
	flag = true;
	TNHideAS();
}
function TNAS_Hide(){
	flag = false;
	TNHideAS();
}//end function

/*
 * Ham thuc hien thay doi icon bo go
 * Type:	onload function
 * Name:	
 * Date:	2008/05/20
 * @author:	Hien Nguyen <hiennh@von-inc.com>
 */
var typing_icon_status = 0;
function typing_change_icon(){
	typing_icon_status++;
	$('.typing_icon').each(function(index)
		{
			$(this).css('background-position', function(){			
			if (typing_icon_status % 2 == 0) { return 'top'; }
			else { return 'bottom'; }
		})
	});
}//end function

/*
 * Change Tab Search form
 * Type:	
 * Name:	
 * Date:	2008/10/07
 * @author:	Hien Nguyen <hiennh@von-inc.com>
 */
function TNchangeTabSearch(clickTab){
	var parentTab = clickTab.parentNode;	
	$('.'+parentTab.className+' li').removeClass('active').css('background','url(css/images/graphics/bg_uppertab_hline.gif) no-repeat right');
	$('.'+parentTab.className+' li:last').css('background','none');
	$('.'+parentTab.className+' li:last').prev().css('background','none');
	$(clickTab).addClass('active');
	$(clickTab).prev().css('background','none');
}//end function

/*
 * Show/hide hot Tag
 * Type:	
 * Name:	
 * Date:	2008/10/08
 * @author:	Hien Nguyen <hiennh@von-inc.com>
 */
var hotTagArrow = 'right top';
function TNshowHotTag(linkTitle){
	$(linkTitle).css('background-position',function(){
		if (hotTagArrow == 'right top') {
			hotTagArrow = 'right bottom';
			return 'right bottom';
		}
		else {
			hotTagArrow = 'right top';
			return 'right top';
		}
	});
	$('#list_hotTag').slideToggle('fast');
}//end function

/*
 * import flash mp3 player 
 * Type:	
 * Name:	
 * Date:	2008/10/09
 * modifed:	Tri Do <tridn@von-inc.com>
 */
function TNplayerMp3(obj,url){
	$(".playcontrol").html('');
	$(".playbox").removeClass("isplaying");
	$(obj).parent().addClass("isplaying");
	$(obj).parent().children(".playcontrol").html('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="230" height="28" id="mp3player" align="middle">' +
		'<param name="allowScriptAccess" value="sameDomain" />' +
		'<param name="movie" value="../../js/'+url+'&mAuto=true" />' +
		'<param name="quality" value="best" />' +
		'<param name="bgcolor" value="#ffffff" />' +
		'<param name="wmode" value="opaque" />' +
		'<embed src="../../js/'+url+'&mAuto=true" quality="best" bgcolor="#ffffff" width="230" height="28" name="simple_play_Flash8" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />');
	return false;
}
/*
* dieu khien image tip
* Type:     Function use Jquery
* Name:     tnPhototip 
* date: 	oct 10, 2008
* @author   Tri Do <tridn@von-inc.com >
*/
(function($) {
		$.fn.TNPhototip = function() 
		{	
			function _initialize(e) {
				var arrwsize=_getPageSize();
				var arrscroll=_getPageScroll();
				var objLeft=$(this).offset().left;
				var objWidth=$(this).width();
				var intToolW=0;
				_addPanel();
				if($.browser.msie){ 
					$('#tooltipcontainer').css('top',($(this).offset().top));
				}
				else{
					$('#tooltipcontainer').css('top',($(this).offset().top-70));
				}
				$('#tooltipcontainer').html($(this).children('.tooltipcontent').html());
				$('#tooltipcontainer').width($(this).children('.tooltipcontent').width());
				intToolW=$('#tooltipcontainer').width();
				$('#tooltipcontainer .photodes').width(intToolW-10);
				$('#tooltipcontainer .photosize').width(intToolW-10);
				$('#tooltipcontainer').css('left',(objLeft-intToolW-15));
				$('#tooltipcontainer').fadeIn(300);
				if((e.pageY)>=($('#tooltipcontainer').offset().top+40)){
					$('#tooltipconnector').css('top',e.pageY-18);
				}
				else{
					$('#tooltipconnector').css('top',e.pageY+2);
				}
				$('#tooltipconnector').css('left',objLeft-8);
				$('#tooltipconnector').fadeIn(300);									 
				return false;
			};
			function _addPanel(){
				_finish();
				$('body').append('<div id="tooltipcontainer"></div><div id="tooltipconnector"></div>');
				return false;
			};
			function _finish() {
				$('body #tooltipcontainer').html('');
				$('body #tooltipcontainer').hide();
				$('body #tooltipconnector').hide();
				$('body #tooltipconnector').remove();
				$('body #tooltipcontainer').remove();
			};		
			return this.parent().unbind('ouseover','mouseout').mouseover(_initialize).mouseout(_finish);
		};
})(jQuery);

/*
* dieu khien box collapse and expand
* Type:     Function use Jquery
* Name:     s20CollapseBox 
* Date:     Oct 07, 2008
* @author   Tri Do <tridn@von-inc.com >
* Cau truc box
	<div class="box_size">
		<div class="comtitle">
			<div class="ttright">
				<p class="ttmid">
					<span class="iconexp"></span>
					<span class="textleft">Video</span>
					<span  class="textright"><a href="#">Xem thêm</a></span>
				</p>
			</div>	
		</div>
		<div class="content_size">
			
		</div>
	</div>
*/
var g_speedSlide=400;
(function($) {
	$.fn.TNCollapseBox = function() 
	{
		var thisObj=this;
		function _initialize(){
			var boxnode =$(thisObj).parent().parent().parent().siblings();
			$(thisObj).toggle(
				function(){
					$(this).addClass("iconcoll");
					boxnode.slideUp(g_speedSlide);
				},
				function(){
					$(this).removeClass("iconcoll");
					boxnode.slideDown(g_speedSlide);
				}
			);
		};		
		return _initialize();
	};
})(jQuery);

/*
* active menu
* Type:     Function use Jquery
* Name:     TNActiveMenu 
* Date:     Oct 14, 2008
* @author   Tri Do <tridn@von-inc.com >
* update    nov 06,2008
*/
var g_obj;
var g_tout;
(function($) {
	$.fn.TNActiveMenu = function() 
	{	
		var intDis=$(this).offset().left-$("#uni_menu").offset().left+$(this).width()/2;
		var intsubw=itemW($(this).children(".submenu"));
		var intmargin=Math.round(intDis - intsubw/2);
		if((intmargin+intsubw)>974) intmargin=974-intsubw-5;
		if(intmargin<0) intmargin=5;
		$(this).children(".submenu").css("padding-left",intmargin);
		$(this).children(".submenu").width(974);
		if($(this).hasClass("active")){
			$(this).addClass("over");
			$(this).prev().addClass("preactive");
		}
		$(this).mouseover(function(){
			$(g_obj,".mainmenu .active").removeClass("over");
			$(g_obj,".mainmenu .active").prev().removeClass("preactive");
			clearTimeout(g_tout);
			$(this).addClass("over");
			$(this).prev().addClass("preactive");	
		});
		$(this).mouseout(function(){
			g_obj=this;
			clearTimeout(g_tout);
			g_tout=setTimeout(function(){
				$(g_obj).removeClass("over");
				$(g_obj).prev().removeClass("preactive");
				$(".mainmenu .active").addClass("over");
				$(".mainmenu .active").prev().addClass("preactive");
			},800);
		});
		function itemW(objitem){
			var w=0;
			var ratio=8.8;
			if($.browser.msie) ratio=7.8;
			for(i=0;i<$(objitem).length;i++)
			{
				w=w+$(objitem).children("li"+"eq:("+i+")").text().length*ratio;
			}
			return Math.round(w);
		}
	};
})(jQuery);
$('.mainmenu .item').each(function(){
     $(this).TNActiveMenu();
 });
/*
* change active
* Type:     Function use Jquery
* Name:     TNSetActive
* Date:     Oct 22, 2008
* @author   Tri Do <tridn@von-inc.com >
*/
function TNSetActive(ulClass){
	$("."+ulClass+" li").click(function(){
		$("."+ulClass+" .active").removeClass("active");
		$(this).addClass("active");
	});
}
/*
* slide photo even
* Type:     Function use Jquery
* Name:     TNSlideEven
* Date:     Oct 22, 2008
* @author   Tri Do <tridn@von-inc.com >
*/
function TNSlideEven(){
	var t;
	$(".piclist li").click(function(){
		$(".piclist .active").removeClass("active");
		$(this).addClass("active");
		clearTimeout(t);
		autochange($(this));
	});
	autochange($(".piclist li:first"));
	function autochange(obj){
		$(".piclist .active").removeClass("active");
		$(obj).addClass("active");
		$(".piccontainer .pictxt").animate({marginTop:"44px"},500,function(){
			$(".piccontainer .pictxt").text("");														   
			$(".piccontainer .picframe").fadeOut("fast",function(){
				$(".piccontainer .picframe").attr("href",$(obj).attr("piclink"));
				$(".piccontainer .picframe").css("background","url("+$(obj).attr("picurl")+")").fadeIn("slow",function(){
					$(".piccontainer .pictxt").text($(obj).attr("pictext")).animate({marginTop:"0px"}, 500);
				});												 		
			});																							
		});
		t=setTimeout(function(){
			if($(".piclist .active").hasClass("end")) autochange($(".piclist li:first"));
			else autochange($(".piclist .active").next());	
			
		},5000);	
		
	}
}
/*
* slide photo even
* Type:     Function use Jquery
* Name:     TNSlideSpec
* Date:     Oct 22, 2008
* @author   Tri Do <tridn@von-inc.com >
*/
function TNSlideSpec(){
	change($("#imgdata .first"));
	$(".tnpicslide .btnleft").click(function(){
		if(!$(this).children("img").hasClass("stop")) change($("#imgdata .active").prev());	
		return false;
	});
	$(".tnpicslide .btnright").click(function(){
		if(!$(this).children("img").hasClass("stop")) change($("#imgdata .active").next());
		return false;
	});
	function change(obj){
		$(".tnpicslide .imgtext").animate({marginTop:"44px"},500,function(){
			$(".tnpicslide .imgtext").text("");														   
			$(".tnpicslide .imgframe").fadeOut("fast",function(){
				$(".tnpicslide .imgframe").attr("href",$(obj).attr("url"));
				$(".tnpicslide .imgframe").css("background","url("+$(obj).attr("src")+")").fadeIn(1000,function(){
					$(".tnpicslide .imgtext").text($(obj).text()).animate({marginTop:"0px"}, 500);
					$("#imgdata .active").removeClass("active");
					$(".stop").removeClass("stop");
					$(obj).addClass("active");
					if($(obj).hasClass("first")) $(".tnpicslide .btnleft").children("img").addClass("stop");
					if($(obj).hasClass("end")) $(".tnpicslide .btnright").children("img").addClass("stop");
				});												 		
			});																							
		});		
	}
}	
	
/*
* show photo
* Type:     Function use Jquery
* Name:     lightBox
* Date:     Oct 27, 2008
* @author   Tri Do <tridn@von-inc.com >
*/
(function($) {
		$.fn.lightBox = function(settings) 
		{
				settings = jQuery.extend({
				overlayBgColor: 		'#000',		
				overlayOpacity:			0.4,			
				containerBorderSize:	15,	
				containerResizeSpeed:	500,
				numMaxWidth:			974
				},settings);
			var objPhotoLink = this;
			function _initialize() {
				_start(this,objPhotoLink);
				return false;
			}
			function _start(objClicked,objPhotoLink) {
				$('embed, object, select').css({ 'visibility' : 'hidden' });
				_set_interface();
				_set_image_to_view();
			}
			// ham sap dat giao dien xuat hien
			function _set_interface() {
				$('body').append('<div id="jquery-overlay"></div><div id="jquery-lightbox"><div id="lightbox-container-image-box"><div id="lb_top_border_cl"><div id="lb_top_border_cr"><div id="lb_top_border_m"></div></div></div><div id="lb_con_border_l"><div id="lb_con_border_r"><div id="lightbox-container-image"><img id="lightbox-image"/><div id="lightbox-loading"></div><div id="closebox"><p id="close-btn"></p></div></div></div></div><div id="lb_bot_border_cl"><div id="lb_bot_border_cr"><div id="lb_bot_border_m"></div></div></div></div></div>');	
				var arrPageSizes = _getPageSize();
				$('#lightbox-container-image-box').width(30);
				$('#lightbox-container-image-box').height(30);
				$('#jquery-overlay').css({
					backgroundColor:	settings.overlayBgColor,
					opacity:			settings.overlayOpacity,
					width: 				$.browser.msie?arrPageSizes[0]:arrPageSizes[0]-2,
					height:				arrPageSizes[1]
				}).fadeIn();
				var arrPageScroll = _getPageScroll();
				$('#jquery-lightbox').css({
					top:	arrPageScroll[1] + (arrPageSizes[3] / 10),
					left:	arrPageScroll[0]
				}).show();
				$('#jquery-overlay').click(function() {
					_finish();									
				});
				$('#close-btn').click(function() {
					_finish();
					return false;
				});
				$(window).resize(function() {
					var arrPageSizes = _getPageSize();
					$('#jquery-overlay').css({
						width:		$.browser.msie?arrPageSizes[0]:arrPageSizes[0]-2,
						height:		arrPageSizes[1]
					});
					var arrPageScroll = _getPageScroll();
					$('#jquery-lightbox').css({
						top:	arrPageScroll[1] + (arrPageSizes[3] / 10),
						left:	arrPageScroll[0]
					});
				});
			};
			// ham cai dat thong so cho hinh xuat
			function _set_image_to_view() {
				$('#lightbox-loading').show();
				$('#lightbox-image').hide();
				var objImagePreloader = new Image();
				objImagePreloader.onload = function() {
					$('#lightbox-image').attr('src',$(objPhotoLink).attr("href"));
					$('#lightbox-image').attr('width',objImagePreloader.width);
					if(objImagePreloader.width>settings.numMaxWidth){
						$('#lightbox-image').attr('width',(settings.numMaxWidth-settings.containerBorderSize * 2));
						objImagePreloader.width=(settings.numMaxWidth-settings.containerBorderSize * 2);
						objImagePreloader.height=$('#lightbox-image').height();
					}
					$('#lightbox-loading').animate({height:objImagePreloader.height},"fast");
					_resize_container_image_box(objImagePreloader.width,objImagePreloader.height);
					objImagePreloader.onload=function(){};
				};
				objImagePreloader.src = $(objPhotoLink).attr("href");
			};
			// ham thay doi kick thuoc cho hinh
			function _resize_container_image_box(intImageWidth,intImageHeight) {
				var intWidth = (intImageWidth + (settings.containerBorderSize * 2)); 
				var intHeight = (intImageHeight + (settings.containerBorderSize * 2)); 
				$('#lightbox-container-image-box').animate({ width: intWidth, height: intHeight },settings.containerResizeSpeed,function() { _show_image(); });
			};
			// ham xuat hinh
			function _show_image() {
				$('#lightbox-loading').hide();
				$('#lightbox-image').fadeIn(settings.containerResizeSpeed);
			};
			//ham ket thuc 
			function _finish() {
				$('#jquery-lightbox').remove();
				$('#jquery-overlay').fadeOut(function() { $('#jquery-overlay').remove(); });
				$('embed, object, select').css({ 'visibility' : 'visible' });
			};
	return this.unbind('click').click(_initialize);
	};
})(jQuery);

function load2func(){initTip();}
		window.onload = load2func;
$(document).ready(function(){
	TNSlideEven();
	TNSetActive("soption");
	TNSlideSpec();
	$(".iconvideo").mouseover(function(event){
		doTooltip(event,"", "Tin có video","","");
									   });
	$(".iconvideo").mouseout(function(){ 
									  hideTip();
									  });
	$(".efamus").mouseover(function(event){
		var strinfo="<p class='blue'>"+$(this).text()+"</p><p class='gray'>"+$(this).attr("descript")+"</p>";
		doTooltip(event,"",strinfo,"","");
									   });
	$(".efamus").mouseout(function(){ 
									hideTip();
									  });
});