$j(document).ready(function(){ 
    // attach mouse events for browsers that can't handle z-index contexts properly
    $j("div.tile").mouseover(function (argument) {hoverIdx(this) })
    $j("div.tile").mouseout(function (argument) { outIdx(this) })
     //force visibility:hidden/visible 
     //for browsers that can't cascade :hover more than 1 level deep for our css display:block/none
    $j("div.tile div.detail").mouseover(function (argument) { hoverHide(this) })
    $j("div.tile div.detail").mouseout(function (argument) { hoverShow(this) })
});



function hoverIdx(obj){
	obj.style.zIndex=19;
}

function outIdx(obj){
	obj.style.zIndex=5;
}

function hoverHide (obj) {
	obj.style.visibility='hidden';
}

function hoverShow (obj) {
	obj.style.visibility='visible';
}