/// <reference path="jquery-1.6.4.min.js" />

$(document).ready(function () {
    $('nav ul li a').click(function () {
        var link = $(this).attr('href');
        var containerWidth = $('#container').width() + 30;
        $('#container').animate({ scrollLeft: $(link).index() * containerWidth }, { duration: 400, easing: 'swing' });
    });

    $('#portfolio :[data-key]').click(function () {

        $('#popup #inner').load('./portfolio/' + $(this).attr('data-key') + '.html');

        $('#popup').fadeIn(400);
        $('.overlay').fadeIn(400);
    });

    $('.close').click(function () {
        $('#popup').fadeOut(400);
        $('.overlay').fadeOut(400);
    });
});