/*********************************************************************
		 * 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) {
			if( child != null ) {			
				while( child.parentNode ) {
					if( (child = child.parentNode) == parent ) {
						return true;
					}
				}
			}
			return false;
		}
		function isMouseOut(element, event) {
			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 ) {
			    return true;
			}
			return false;
		}

		function testing(element, event) {
		    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) {
		        return true;
		    }
		    return false;
		}
		/*********************************************************************/