<script>
$(function () {
var total_width = 600;
function getWindowWidth() {
var bodyWidth = $('body').outerWidth();
if (bodyWidth <= 590) {
$('body').removeClass('wide');
} else {
$('body').addClass('wide');
}
// здесь необходимо выполнить функцию resize_other, на случай, если окно
// изменит свою ширину, в результате ресайза юзером.
resize_other();
}
$(window).resize(getWindowWidth); // обработка при ресайзе
getWindowWidth(); //обработка при загрузке
$("#col-left").resizable({
grid: [1, 10000]
}).bind( "resize", resize_other);
function resize_other(event, ui) {
if($('body').hasClass('wide')) {
var width = $("#col-left").outerWidth(),
widthbigcon = $("#big-container").outerWidth(),
widthPercent = 100*width/widthbigcon,
widthRightPercent = 100 - widthPercent;
$('#col-left').css('width', (widthPercent + '%'));
$('#col-right').css('width', (widthRightPercent + '%'));
} else {
$('#col-left').css('width', '100%');
}
}
});
</script>