//nav animatie
$(function(){
    $('#footer-nav li').hover( function(){

            $(this).dequeue().animate({marginTop: '0px'});
        }, function(){
            $(this).dequeue().animate({marginTop: '30px'});
        });
    });

//Portfolio gerelateerde links oplichten
$(function(){
    $('#werk li a[rel*="'+$('#website-click').attr('title')+'"], #schoolwerk li a[rel*="'+$('#website-click').attr('title')+'"]').addClass('active');
    $(window).load(function() {
      $('#aanwijs-pijl').animate({marginTop: '0px'});
    });
    $('#portfolio-items li a').hover( function(){
        $('#werk li a[rel*="'+$(this).attr('title')+'"], #schoolwerk li a[rel*="'+$(this).attr('title')+'"]').addClass('hover');
        Cufon.refresh('#werk li a');
        Cufon.refresh('#schoolwerk li a');
    }, function(){
        $('#werk li a[rel*="'+$(this).attr('title')+'"], #schoolwerk li a[rel*="'+$(this).attr('title')+'"]').removeClass('hover');
        Cufon.refresh('#werk li a');
        Cufon.refresh('#schoolwerk li a');
    });
    $('#portfolio-items li a').click( function(){
        $('#aanwijs-pijl').animate({marginTop: ( $(this).position().top - 2.5 ) + 'px'});
        $('#scherm li a').removeClass('active');
        $(this).addClass('active');
        $('#werk li a[rel*="'+$(this).attr('title')+'"], #schoolwerk li a[rel*="'+$(this).attr('title')+'"]').addClass('active');
        Cufon.refresh('#portfolio-items li a');
        Cufon.refresh('#werk li a');
        Cufon.refresh('#schoolwerk li a');
    });
    $('#werk li a, #schoolwerk li a').hover( function(){
        var attrs = $(this).attr('rel').split ( ',' );
        $('#portfolio-items li a').removeClass ( 'hover' );
        for ( var i in attrs)
            $('#portfolio-items li a[title="'+attrs[i]+'"]').addClass('hover');
        Cufon.refresh('#portfolio-items li a');
    }, function(){
        var attrs = $(this).attr('rel').split ( ',' );
        for ( var i in attrs)
            $('#portfolio-items li a[title="'+attrs[i]+'"]').removeClass('hover');
        Cufon.refresh('#portfolio-items li a');
    });
    $('#websites-click').click();
});

//contact form
$(function(){
    $('input, textarea').each(function(){
        $(this).focus( function(){
            if ( $(this).val() == $(this).attr('title') )
                $(this).val('');
        });
        $(this).blur( function(){
            if ( $(this).val() == '' )
                $(this).val( $(this).attr('title') )
        } );
    });
});

//links animaties
$(function(){
    $('#linkjes').css( 'overflow', 'hidden').width(662);
    $('#linkjes #internships').addClass('active');
    $(window).load(function() {
      $('#linkjes dl[title="'+$('#linkjes #internships').attr('rel')+'"]').dequeue().animate({marginLeft: '0px', opacity: 1});
    });
    $('#linkjes #internships, #linkjes #learnings, #linkjes #others').click(function(){
        $('#linkjes dl').dequeue().animate({marginLeft: '700px', opacity: 0})
        $('#linkjes dl[title="'+$(this).attr('rel')+'"]').dequeue().animate({marginLeft: '0px', opacity: 1});
        $('#linkjes a').removeClass('active');
        $(this).addClass('active');
        Cufon.refresh('div#linkjes a');
    });
});
$(function(){
    $('#content img , #content-tekst a').hover (function () {
        $(this).dequeue().animate({opacity: '1'});
        }, function(){
            $(this).dequeue().animate({opacity: '0.6'});
    });
});

//portfolio plaatjes
$(function () {
    $('#nav-rechts a img').click(function (){
        if (Math.abs (parseInt ($('#content-portfolio img').css('marginLeft'))) >= parseInt ($('#content-portfolio img').css('width')) - 608 ){
            $('#content-portfolio img').dequeue().animate({marginLeft: ( '0px') });
        } else {
            $('#content-portfolio img').dequeue().animate({marginLeft: ( parseInt ($('#content-portfolio img').css('marginLeft')) - 608 ) + 'px'});
        }
    });
    $('#nav-links a img').click(function (){
        if (parseInt ($('#content-portfolio img').css('marginLeft')) >= 0 ){
            $('#content-portfolio img').dequeue().animate({marginLeft: '-' + ( parseInt ($('#content-portfolio img').css('width')) - 608 ) + 'px'});
        } else {
            $('#content-portfolio img').dequeue().animate({marginLeft: ( parseInt ($('#content-portfolio img').css('marginLeft')) + 608 ) + 'px'});
        }
    });
});

$(function(){
    $('#scherm img , #content-portfolio , #description , #description span').hover( function(){
            $('#description').dequeue().animate({marginTop: '0px'});
        }, function(){
            $('#description').dequeue().animate({marginTop: '70px'});
        });
    });

$(function(){
    if ($('#content-portfolio object').length > 0) {
        $('#nav-rechts img , #nav-links img').hide();
        $('#nav-links').css("background-image" , "url('./assets/img/pijl-nav-links-d.png')");
        $('#nav-rechts').css("background-image" , "url('./assets/img/pijl-nav-rechts-d.png')");
    }
});
