// image preloading
var hc1 = new Image(); 
var hc2 = new Image(); 
var hc3 = new Image(); 
var hc4 = new Image(); 

var hb1 = new Image(); 
var hb2 = new Image(); 
var hb3 = new Image(); 
var hb4 = new Image();

/*hc1.src = '/i/hc1.jpg'; 
hc2.src = '/i/hc2.jpg'; 
hc3.src = '/i/hc3.jpg'; 
hc4.src = '/i/hc4.jpg'; 

hb1.src = '/i/hb1.jpg'; 
hb2.src = '/i/hb2.jpg'; 
hb3.src = '/i/hb3.jpg'; 
hb4.src = '/i/hb4.jpg';*/


hc1.src = '/images/template/hbox-corner-c1.gif'; 
hc2.src = '/images/template/hbox-corner-c2.gif'; 
hc3.src = '/images/template/hbox-corner-c3.gif'; 
hc4.src = '/images/template/hbox-corner-c4.gif'; 

hb1.src = '/images/template/hbox-border-b1.gif'; 
hb2.src = '/images/template/hbox-border-b2.gif'; 
hb3.src = '/images/template/hbox-border-b3.gif'; 
hb4.src = '/images/template/hbox-border-b4.gif';

 
/*
 * @Author Hamid Alipour Codehead @ webmaster-forums.code-head.com
 * 
 * This code taken and slightly modified from "fixOnMouseOut.js", which almost
 * perfectly met my needs.
 */
function is_child_of(parent, child) {
	if( child != null ) {			
		while( child.parentNode ) {
			if( (child = child.parentNode) == parent ) {
				return true;
			}
		}
	}
	return false;
}


function Td(event, obj, In)
{
    
    if (In == 1 ) //highlight the cell
    { 
        var divs = obj.getElementsByTagName("div");
        var tds = obj.getElementsByTagName("td");
        var imgs = obj.getElementsByTagName("img");
        
        //"border" images
        /*for (i=0; i<divs.length; i++)
            if ( (divs[i].getAttribute('name') == "b1") || (divs[i].getAttribute('name') == "b3") )
                divs[i].style.backgroundImage = "url(/images/template/hbox-border-" + divs[i].getAttribute('name') + ".gif)";*/
        for (i=0; i<tds.length; i++)
        {
            if ( (tds[i].getAttribute('name') == "b2") || (tds[i].getAttribute('name') == "b4") )
                tds[i].style.backgroundImage = 'url(/images/template/hbox-border-' + tds[i].getAttribute('name') + '.gif)';
            //reset the text background color
            if (tds[i].getAttribute('name') == 'txt')
                tds[i].style.backgroundColor = '#466fbf';
        }
        //corner images
        for (i=0; i<imgs.length; i++)
            {
                if ( (imgs[i].getAttribute('name') == "c1") || (imgs[i].getAttribute('name') == "c2") || (imgs[i].getAttribute('name') == "c3") || (imgs[i].getAttribute('name') == "c4") )
                    imgs[i].src = '/images/template/hbox-corner-' + imgs[i].getAttribute('name') + '.gif';
                if ( (imgs[i].getAttribute('name') == "b1") || (imgs[i].getAttribute('name') == "b3") )
                    imgs[i].src = '/images/template/hbox-border-' + imgs[i].getAttribute('name') + '.gif';
            }
        
    }
    if (In == 0) //remove highlight
    { 
        
        
        
        /*
         * @Author Hamid Alipour Codehead @ webmaster-forums.code-head.com
         * 
         * This code taken and slightly modified from "fixOnMouseOut.js", which almost
         * perfectly met my needs.
         */
        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(obj, current_mouse_target) && obj != current_mouse_target ) {
            
            
            
            var divs = obj.getElementsByTagName("div");
            var tds = obj.getElementsByTagName("td");
            var imgs = obj.getElementsByTagName("img");
            
            //remove "border" images
            /*for (i=0; i<divs.length; i++)
                if ( (divs[i].getAttribute('name') == "b1") || (divs[i].getAttribute('name') == "b3") )
                    divs[i].style.backgroundImage = "url(/images/spacer.gif)";*/
            for (i=0; i<tds.length; i++)
                {
                if ( (tds[i].getAttribute('name') == "b2") || (tds[i].getAttribute('name') == "b4") )
                    tds[i].style.backgroundImage = 'url(/images/spacer.gif)';
                //reset the text background color
                if (tds[i].getAttribute('name') == 'txt')
                    tds[i].style.backgroundColor = '';
                }
            //remove the corner images
            for (i=0; i<imgs.length; i++)
            {
                if ( (imgs[i].getAttribute('name') == "c1") || (imgs[i].getAttribute('name') == "c2") || (imgs[i].getAttribute('name') == "c3") || (imgs[i].getAttribute('name') == "c4") )
                    imgs[i].src = '/images/spacer.gif';
                if ( (imgs[i].getAttribute('name') == "b1") || (imgs[i].getAttribute('name') == "b3") )
                    imgs[i].src = '/images/spacer.gif';
            }
        }
    }
}

function HlBoxShowHideDiv(TargetDiv, TargetDivID, HowManyToHide)
{
    if (document.getElementById)
    {
        var i;
        for (i=1; i<=HowManyToHide; i++)
        {
            if (document.getElementById(TargetDiv + i))
            {
                document.getElementById(TargetDiv + i).style.display = 'none';
            }
        }
        if (document.getElementById(TargetDiv + TargetDivID))
        {
            document.getElementById(TargetDiv + TargetDivID).style.display = 'inline';
        }
    }
}