/*********************************************************************
		 * 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 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);
			}
		}
		/*********************************************************************/
		
		
		function get_object(id) {
			var object = null;
			if( document.layers )	{			
				object = document.layers[id];
			} else if( document.all ) {
				object = document.all[id];
			} else if( document.getElementById ) {
				object = document.getElementById(id);
			}
			return object;
		}
		
		function show_message(message) {
			get_object('status').innerHTML = message;
		}
		
		//initialize swapped at 0
		function hide (id) {
			//clear all three timesout in case mouse moves too quickly
//			clearTimeout(timer);
			clearTimeout(timer3);
//			clearTimeout(timer4);
			//restore the swapped image (DW function)
			//MM_swapImgRestore();
			//hide lower that is past in 'id', append _text as all text layers are xxx_text
			if (swapped==1) {
				opacity(id+'_text', 100, 0, 200);
			}
			//opacity(id, 0, 100, 200);
//		    MM_showHideLayers(id+'_text','','hide');
//			timer5 = setTimeout("MM_showHideLayers('"+id+"_text','','hide');",100);
			//move swapped to 0, reseting it as no longer swapped
			swapped = 0;			
		}
		
		function swapImage (id) {
			swapped = 0;
				//set all three timeout.  Use ID from div and append _swap for the swapped image, _text for the text box	
				//timer = setTimeout("MM_swapImage('"+id+"_swap','','images/"+id+"_rep.png',1);",200);
//				timer2 = setTimeout("MM_showHideLayers('"+id+"_text','','show');",100);
				//Fade text box in, opacity from 0 to 100 in 500 miliseconds
				timer3 = setTimeout("myTimer('"+id+"');",300);
				
				//timer4 = setTimeout("opacity('"+id+"', 100, 0, 500);",1000);
				//move swapped to 1, we do this to ensure that as we move over child divs it is not swapping again
		}
		
		function myTimer (id) {
			opacity(id+'_text', 0, 100, 500);
			swapped = 1;
		}