$(document).ready(function() {

    // auto add classes for the grid elements

    $('#services_list li:odd, #work_list li:odd, #team li:odd, #clients_list li:eq(3), #clients_list li:eq(7), #clients_list li:eq(11)').addClass('alt');
    $('#services_list li:last').addClass('end').prev().addClass('end');
    $('#team li:last').addClass('end');
    $('#team li:first').addClass('top').next().addClass('top');
    $(".col > p:last-child").addClass("last");

    // calculate and set the star position at start

    var br_height = $(document).height() + 55;
    var br_width = $(window).width();
    
    var left_pos = br_width - 908;
    left_pos = left_pos / 2;
    left_pos = left_pos + 336;    

    $('#star').height(br_height).width(br_width);


    $('#star').css('background-position', left_pos + 'px 0px');


    // calculate and set the star position when the window is resized	

    $(window).resize(function() {

        var br_height = $(document).height();
        var br_width = $(window).width();
        var left_pos = br_width - 908;
        left_pos = left_pos / 2;
        left_pos = left_pos + 336;
        $('#star').height(br_height).width(br_width);

        $('#star').css('background-position', left_pos + 'px 0px');

    });

});