/*
* dieu khien image slideshow
* Type:     Function use Jquery
* Name:     vonGuideBox 
* Date:     Aug 25, 2008
* @author   Tri Do <tridn@von-inc.com >
*/
(function($) {
		$.fn.vonGuideBox = function() 
		{
			var strObjId=$(this).attr('forId')
			var thisObj=this;
			function _initialize() {
				_addPanel();
				if($(thisObj).attr('isShow')=="true") _showGuide();
				$(thisObj).remove();
			};			
			function _addPanel(){
				$('body').append('<div id="'+strObjId+'_guidecontainer'+'" class="guidecontainer select-free"><!--[if lte IE 6.5]><iframe></iframe><![endif]--><div class="guidecontent"></div></div><div id="'+strObjId+'_guideconnector'+'" class="guideconnector"></div><div id="'+strObjId+'_guideclose" class="guideclose"></div>');
				
				$('#'+strObjId+'_guidecontainer .guidecontent').html($(thisObj).html());
				_hideGuide();
				
				$('#'+strObjId+'_guideclose').bind('click',function(){
					_hideGuide();
					return false;
				});
				$('#'+strObjId).bind('focus',function(){
					_showGuide();
					return false;
				});
				return false;
			};
			function _hideGuide() {
				$('#'+strObjId+'_guidecontainer').hide();
				$('#'+strObjId+'_guideconnector').hide();
				$('#'+strObjId+'_guideclose').hide();
				return false;
			};
			function _showGuide(){
				/* chuc nang nay ho tro chi 1 guidebox xuat hien*/
				/*-----------------------------------	*/
					$('.guidecontainer').hide();
				 	$('.guideconnector').hide();
					$('.guideclose').hide();
				/*------------------------------------*/
				
				$('#'+strObjId+'_guidecontainer').show();
				$('#'+strObjId+'_guideconnector').show();
				$('#'+strObjId+'_guideclose').show();
				_setPos();
				return false;
			};
			function _setPos(){
				$('#'+strObjId+'_guidecontainer').css('top',$('#'+strObjId).offset().top-15);
				$('#'+strObjId+'_guidecontainer').css('left',$('#'+strObjId).offset().left+$('#'+strObjId).width()+18);
				$('#'+strObjId+'_guideconnector').css('top',$('#'+strObjId).offset().top);
				$('#'+strObjId+'_guideconnector').css('left',$('#'+strObjId).offset().left+$('#'+strObjId).width()+7);
				$('#'+strObjId+'_guideclose').css('top',$('#'+strObjId+'_guidecontainer .guidecontent').offset().top+3);
				$('#'+strObjId+'_guideclose').css('left',$('#'+strObjId+'_guidecontainer .guidecontent').offset().left+$('#'+strObjId+'_guidecontainer .guidecontent').width()+14);
				return false;
			};
			return _initialize();
	};
})(jQuery);