/*********************************************************************
		 * No onMouseOut event if the mouse pointer hovers a child element 
		 * *** Please do not remove this header. ***
		 * This code is working on my IE7, IE6, FireFox, Opera and Safari
		 * 
		 * Usage: 
		 * <div onMouseOut="fixOnMouseOut(this, event, 'JavaScript Code');"> 
		 *		So many childs 
		 *	</div>
		 *
		 * @Author Hamid Alipour Codehead @ webmaster-forums.code-head.com		
		**/
		function is_child_of(parent, child) 
		{
		    //debugAlert('parent/child',parent, child)
			if( child != null ) 
			{			
				while( child.parentNode ) 
				{
					if( (child = child.parentNode) == parent ) 
					{
						return true;
					}
				}
			}
			return false;
		}
		function fixOnMouseOut(element, event, JavaScript_code) 
		{
			var current_mouse_target = null;
			
			if(event.toElement ) 
			{				
				current_mouse_target = event.toElement;
			} 
			else if( event.relatedTarget ) 
			{				
				current_mouse_target  = event.relatedTarget;
			}
			if( !is_child_of(element, current_mouse_target) && element != current_mouse_target ) 
			{
				eval(JavaScript_code);
			}
		}
		/*********************************************************************/