﻿$(document).ready(function() {
    $(".slideout").hoverIntent({
        sensitivity: 3,
        interval: 100,
        over: function() {
            $(this).addClass('over');
            os = $(this).offset();
            if ($.browser.msie) {
                $(".hover", this).css({ top: (os.top ) + "px", left: os.left + 165 + "px" }).animate({ width: "show" }, 400).animate({ height: "285px" }, 400);
            } else {
                $(".hover", this).css({ top: os.top + "px", left: os.left + 165 + "px" }).animate({ width: "show" }, 400).animate({ height: "285px" }, 400);
        }
        },
        timeout: 800,
        out: function() {
            overobject = $(this);
            os = $(this).offset();
            $(".hover", this).animate({ height: "29px" }, 500).animate({ width: "hide" }, 400, function() { overobject.removeClass('over'); });
        }
    });

});

