// BIG BORDER
function border_lg(){
$(this).removeClass("wait_for_load");
theHeight = $(this).closest("*[rel='border_lg']").height() - 30;
$(this).closest("*[rel='border_lg']").append('');
}
// SMALL BORDER
function border_sm(){
$(this).removeClass("wait_for_load");
theHeight = $(this).closest("*[rel='border_sm']").height() - 10;
$(this).closest("*[rel='border_sm']").append('');
}
// TRY TO CATCH ON LOAD
$(document).ready(function(){
/*
1) WAITS FOR THE IMAGE TO LOAD
2) DETECTS WRAPPER HEIGHT AFTER IMAGE LOADS
3) CREATES A TABLE THE FULL SIZE OF THE CONTAINER WITH THE BORDER
Note: You will need to manually crop any contained content to not extend beyond corner borders if borders are transparent
*/
$("*[rel='border_lg'] .wait_for_load").load(border_lg);
$("*[rel='border_sm'] .wait_for_load").load(border_sm);
});
// RUN THROUGH ONCE AGAIN AFTER EVERYTHING HAS LOADED
$(window).load(function(){
$("*[rel='border_lg'] .wait_for_load").each(border_lg);
$("*[rel='border_sm'] .wait_for_load").each(border_sm);
})
