$(function(){
    $('.allcars a').click(function() {
        var img = $(this).find('img').attr('src').replace('/small/', '/big/');
        $('.car-details img.carimg').attr({
            'src': img
        });
        $('.car-details div.carittle').html($(this).find('span').html());
        $('.car-details div.cardesc').html($(this).find('.carhiddendesc').html());
        $('.car-details a.enq-btn, .car-details .innerpagelink').attr('href', $(this).attr('href'));
        car_id = this.id.replace(/^car/, '');
        add_next_prev_to_big_img(car_id, 0);
        return false;
    });
});
$(function(){
    var hspace_imgs = $('img[hspace]');
    for (var i=0; i<hspace_imgs.length; i++) {
        var img = hspace_imgs[i];
        $(img).css({
            'margin-left': $(img).attr('hspace'),
            'margin-right': $(img).attr('hspace')
        });
    }

    var vspace_imgs = $('img[vspace]');
    for (var i=0; i<vspace_imgs.length; i++) {
        var img = vspace_imgs[i];
        $(img).css({
            'margin-top': $(img).attr('vspace'),
            'margin-bottom': $(img).attr('vspace')
        });
    }    
});

function add_next_prev_to_big_img(active_id, active_idx) {
    var all_car_imgs = cars_images_map[active_id];
    if (!!cars_images_map[active_id][active_idx - 1]) {
        $('#previmg').show();
        $('#previmg').get(0).onclick = function(){
            add_next_prev_to_big_img(active_id, active_idx - 1);
            $('a.innerpagelink img').attr('src', PUBLIC_ROOT + "uploads/al_cars/images/big/" + cars_images_map[active_id][active_idx - 1]);
            return false;
        };
    } else {
        $('#previmg').hide();
    }
    if (!!cars_images_map[active_id][active_idx + 1]) {
        $('#nextimg').show();
        $('#nextimg').get(0).onclick = function() {
            add_next_prev_to_big_img(active_id, active_idx + 1);
            $('a.innerpagelink img').attr('src', PUBLIC_ROOT + "uploads/al_cars/images/big/" + cars_images_map[active_id][active_idx + 1]);
            return false;
        };
    } else {
        $('#nextimg').hide();
    }
}

/* Hooks for opening / closing lightbox window */
function close_lightbox() {
    $('#navigation a').css({'z-index': 10001});
}
function show_lightbox() {
    $('#navigation a').css({'z-index': -1});
}
$(function() {
    $('.lightbox').lightBox({
        imageLoading:   PUBLIC_ROOT + 'css/images/lightbox/lightbox-ico-loading.gif',
        imageBtnPrev:   PUBLIC_ROOT + 'css/images/lightbox/lightbox-btn-prev.gif',
        imageBtnNext:   PUBLIC_ROOT + 'css/images/lightbox/lightbox-btn-next.gif',
        imageBtnClose:  PUBLIC_ROOT + 'css/images/lightbox/lightbox-btn-close.gif',
        imageBlank:     PUBLIC_ROOT + 'css/images/lightbox/lightbox-blank.gif'
    });
});
