function objShow(obj) {
var temp = "";
for (x in obj)
        temp += x + ": " + obj[x] + "\n";
alert (temp);
}

window.addEvent('domready', function(){  
   var bgs = {};
   var sizetot = 0;

   var kwicks = $$("#menu li a");
    kwicks.each(function(kwick, i) {
		size = kwick.getSize();
		pos = kwick.getPosition();
		pos2 = kwick.getParent().getParent().getPosition();
		relposx = pos.x-pos2.x;
		relposy = pos.y-pos2.y;
        if (relposx < 0) relposx = 0;
        bgs[i] = new Element('span', {
			'styles': {
				'position': 'absolute',
				'bottom': '15px',
				'z-index': '-1',
				'left': relposx,
     	   		'display': 'block',
				'visibility': 'hidden',
				'width': +size.size.x+'px',
				'height': size.size.y-10+'px',
				'background-image': 'url(images/header_bg_hl.jpg)',
				'background-position': '-'+relposx + 'px -34px'
    		}
		});
//        objShow(bgs[i].style);
		kwick.getParent().getParent().adopt(bgs[i]);
        if (kwick.getParent().getParent().className == kwick.getParent().id) {
            bgs[i].setStyle('visibility', 'visible');
        }
        
		kwick.addEvents({
		    'mouseover': function(){
		        bgs[i].setStyle('visibility', 'visible');
		    },
		    'mouseout': function(){
                if (kwick.getParent().getParent().className.indexOf(kwick.getParent().id)) {
                    bgs[i].setStyle('visibility', 'hidden');
                }
		    }
		});
    });
});