function hideEl(elName)
    {
        try
        {
            var el = document.getElementById(elName);
            el.style.display = "none";
        }
        catch(err)
        {
        }
    }
    function showElement(elName)
    {
        try
        {
            var el = document.getElementById(elName);
            el.style.display = "block";
        }
        catch(err)
        {
        }
    }

    function redirect(href)
    {
        try
        {
            location.href = href;
        }
        catch(err)
        {
        }
    }




function changeBorderColor(elName, color)
{
    try
    {
        document.getElementById(elName).style.borderColor = color;
        }
    catch(err){}
}

function changeClassName(elName, className)
{
    try
    {
        document.getElementById(elName).className = className;
        }
    catch(err){}
}


function showElOverflow(elName)
{
    try
    {
    
        var el = document.getElementById(elName);
        el.style.overflow = "visible";
    }
    catch(err)
    {
    }
}
    
    function hideElOverflow(elName)
{
    try
    {
        var el = document.getElementById(elName);
        el.style.overflow = "hidden";
    }
    catch(err)
    {
    }
}


		/*********************************************************************
		 * 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);
			}
		}
		/*********************************************************************/