function fadeInMenu() {
    $('div',this).stop().animate({
        'opacity':1
    },1000);
};
function fadeOutMenu() {
    $('div',this).stop().animate({
        'opacity':0
    },400);
};
$(document).ready(function(){
    var el = $('#main-menu li a');
    jQuery.each(el, function() {
        var widthEl = $(this).width();
        $(this).append("<div style=\"width:"+widthEl+"px;\" class=\"focus\"></div>");
    });

    $('#main-menu li').hover(
        function(){fadeInMenu.apply(this);},
        function(){fadeOutMenu.apply(this);}
    );

    var fadeTime = 800;
    var delayTime = 6000;
    var imagesWidht = 293;
    var imagesCount = $('#slider ul li').length;
    var ulWidth = imagesWidht * imagesCount;
    var margin = 0 - imagesWidht;
    var i = 1;
    $('#slider ul').width(ulWidth+"px");
    $('#slider span').html( '<a href="http://vertoo.pl/portfolio.html" title="Portfolio">'+$('#slider ul li').eq(0).find('img').attr('alt') + '</a>' );
    setInterval(function() {
        var marginStr = margin + "px";
        $('#slider ul').animate({marginLeft:marginStr},{"duration":fadeTime, "easing":"swing"});
        var txt = $('#slider ul li').eq(i).find('img').attr('alt');
        $('#slider span').html('<a href="http://vertoo.pl/portfolio.html" title="Portfolio">'+txt+'</a>');
        i += 1;
        margin -= imagesWidht;
        if (margin <= (0 - ulWidth)) {
            margin = 0;
            i = 0;
        }
    }, delayTime );

    $('#content .external').attr('target', '_blank');
});