var current = null;
var defaultPicture = null;
var timer = null;

var slideTime = 600; // Время выезжания фоток

function onPreviewOverActive() {

    clearTimeout(timer);

}

function onPreviewOver() {

    clearTimeout(timer);

    current = this;

    $('#menu_container a').unbind();

    var imgNew = $(this).find('img').attr('alt');
    var imgOld = $('#pic_wrapper img').attr('src');

    $('#pic_wrapper').css('background', 'url(' + imgOld + ')');
    $('#pic_wrapper img')
        .attr('src', imgNew)
        .css('margin-left', '100%')
        .animate({marginLeft: 0}, slideTime, 'swing', function() {
    
        $('#menu_container a').mouseover(onPreviewOver);
        $('#menu_container a').mouseout(onPreviewOut);
        
        $(current).unbind('mouseover');
        $(current).mouseover(onPreviewOverActive);
    
    });
    
}

function onPreviewOutExecute() {

    $('#menu_container a').unbind('mouseover');

    var imgOld = $('#pic_wrapper img').attr('src');

    $('#pic_wrapper').css('background', 'url(' + defaultPicture + ')');
    $('#pic_wrapper img')
        .attr('src', imgOld)
        .css('margin-left', '0')
        .animate({marginLeft: '100%'}, slideTime, 'swing', function() {
    
        $('#pic_wrapper img')
            .attr('src', defaultPicture)
            .css('margin-left', '0');
        
        $('#menu_container a').mouseover(onPreviewOver);
    
    });

}

function onPreviewOut() {

    timer = setTimeout("onPreviewOutExecute()", 300);
    
}

$(document).ready(function() {
    
    defaultPicture = $('#pic_wrapper img').attr('src');
    
    $('#menu_container a').mouseover(onPreviewOver);
    $('#menu_container a').mouseout(onPreviewOut);

})