var opacities = [
    0,
    1,
    1,
    1,
    1,
    1,
    1
];

var images = [
'100_1414.jpg',
'100_1821.jpg',
'3-factory & products 1 001.jpg',
'5-factory & products 1 022.jpg',
'6-factory & products 1 025.jpg',
'7-Oct02_0105.jpg',
'DCP00343.jpg',
'DSC_1240.jpg',
'DSC_1245.jpg',
'GRAYS 011.jpg',
'IMG0031.jpg',
'Oct02_0083.jpg',
'Oct02_0101.jpg',
'factory & products 1 008.jpg',
'factory & products 1 028.jpg',
];

var next_image = 0;

var click_image = function(event) { 
    event.preventDefault();
    $('div.large-project-image img.large').attr('src', $(this).attr('href'));
    $('div.large-project-image').slideDown();
};
var hover_image_in = function(event) { 
    $('div#hover-box').html($(this).children().first().attr('alt'));
    // s[$image]->caption
    $('div#hover-box').show();
    
};
var hover_image_out = function(event) { 
    $('div#hover-box').hide();
};


var cycle = function() {

    $('div#projects').append('<a class="img-7" style="opacity:0;" href="/images/projects/large-611x490/' + images[next_image] + '"><img src="/images/projects/thumbs-121x97/' + images[next_image] + '" alt="' + images[next_image] +  '"></a>');
    $('div#projects a').last()
        .click(click_image)
//        .hover(hover_image_in, hover_image_out);

    $('div#projects a').each(function(index, element) {
/*        if (index == 0) {
            $(element).fadeOut(350, function() {
                $(element).remove();
            });
        }*/
        $(element).animate({
            left: (index-1)*122,
            opacity: opacities[index]
        }, {
            duration: 700,
            complete: function() { if (index == 0) $(element).remove(); }
        });
    });
    
    if (next_image == (images.length-2)) 
        next_image = 0;
    else
        next_image++;
};

setInterval(cycle, 3000);

$('div#projects a').click(click_image);
//$('div#projects a').hover(hover_image_in, hover_image_out);

$('div.large-project-image a').click(function(event) {
   event.preventDefault();
    $('div.large-project-image').slideUp();
});