JavaScript: Grid Images

JavaScript: Grid Images.js

// Grid Images

$(document).ready(function() {
    if($('.grid_images').length && $('.grid_image').length) {
        $('.grid_image').each(function() {
            var gridID = $(this).attr('id');
            gridID = gridID.replace('grid_image_', '');
            var gridImage = $('#grid_source_' + gridID).attr('data-src');
            var gridFloat = $('#grid_source_' + gridID).attr('data-float');
            var gridWidth = $('#grid_source_' + gridID).attr('data-width');

            $(this).html('<img src="' + gridImage + '">');

            if (gridFloat === 'left') {
                $(this).addClass('grid_image_left');
            } else if (gridFloat === 'right') {
                $(this).addClass('grid_image_right');
            }

            if (gridWidth === 'half') {
                $(this).addClass('grid_image_half');
            } else {
                $(this).addClass('grid_image_full');
            }

            $('#grid_source_' + gridID).remove();
        });
    }
});