$(document).ready(function(){

//display first image and add a class of selected
$('#project_img_window > img').eq(0).css({'display':'block'}).addClass('selected');

// get array of images
var project_img = $('#project_img_window > img');
//get length of array
var project_img_n = project_img.length;


//create pagination
if(project_img_n > 1){
    var project_img_window = $('#project_img_window');
    var i;
    var pagination_str = '<ul id="img_pages">';
    for(i=1;i<=project_img_n;i++)
        {
        pagination_str += '<li>' + i + '</li>';
        }
    pagination_str += '</ul>';
    project_img_window.before(pagination_str);
    }

//add a class of img_selected to the current pagination
$('#img_pages > li:first').addClass('img_selected');


$('#img_pages > li:not(.img_selected)').livequery('click',function(){

        var this_image_n = $(this).text()-1;

        $('#project_img_window > img').fadeOut('fast').hide().eq(this_image_n).addClass('selected').fadeIn('fast');
        $('#img_pages > li').removeClass('img_selected');
        $(this).addClass('img_selected');


        });



});