// Created 2-22-09 by Will Morrison
var HoverListener = {
    addElem: function( elem, callback, delay )
    {
        if ( delay === undefined )
        {
            delay = 250; //This is the amount of time we are currently waiting for, before it slides open. in milliseconds (1000 = 1 sec)
        }
        var hoverTimer;
        $(elem).addEvent('mouseover', function()
        {
            hoverTimer = setTimeout( callback, delay );
        } );
        $(elem).addEvent('mouseout', function()
        {
            clearTimeout( hoverTimer );
        } );
    }
}



// Generic event abstractor
function addEvent( obj, evt, fn )
{
    if( typeof obj.addEventListener != 'undefined' )
    {
        obj.addEventListener( evt, fn, false );
    }
    else if ( typeof obj.attachEvent != 'undefined' )
    {
        obj.attachEvent( "on" + evt, fn );
    }
}


addEvent(window,'load',function()
{
    //This line is to overwrite the dynamic css we write below (line 52)
    document.getElementById('expand').style.display = 'block';

    HoverListener.addElem( document.getElementById( 'col1' ), slideOpen );
    HoverListener.addElem( document.getElementById( 'col2' ), slideOpen );
    HoverListener.addElem( document.getElementById( 'col3' ), slideOpen );
    HoverListener.addElem( document.getElementById( 'col4' ), slideOpen );
    HoverListener.addElem( document.getElementById( 'col5' ), slideOpen );
    HoverListener.addElem( document.getElementById( 'col6' ), slideOpen );
    
    var _myVerticalSlide = new Fx.Slide('expand').hide();
    function slideOpen()
    {
        _myVerticalSlide.slideIn();
    }
});


//NOW LETS WRITE SOME CSS TO GET RID OF THAT OPEN/CLOSE FLICKER
document.write('<style type="text/css">#expand{display:none;}</style>');


//יהוה רעי לא אחסר׃