$('body').addClass('js');
$(document).ready(function () {
var l_width = $('#main .main_pad');
var l_content = $('#content .content_pad');
var l_submenu = $('#submenu');
var layout = function(){
	var w = l_width.width() > 850 ? l_width.width() - 650 : 200;
	l_content.css({marginRight:w});
	l_submenu.width(w);
};
layout();
$(window).resize(layout);
setInterval(layout, 500)
$('.modal, .portfolio A').click(function (e) {
	e.preventDefault();
	var html = '<img src="'+this.href+'" alt="'+this.title+'" title="'+this.title+'"/>';
	var tmr = null;
	$('#modal').find('DIV.modal_content').html(html).end().modal({
		close: false,
		overlay: 50,
		closeClass: 'modal_close',
		containerId: 'modal_container',
		overlayId: 'modal_overlay',
		onOpen: function (dialog) {
			var f = function(){
				dialog.container.css('marginLeft', -dialog.container.width()/2)
			};
			setInterval(f, 300)
			dialog.data.show();
			f();
			dialog.data.hide();
			dialog.overlay.fadeIn('fast', function () {
				dialog.data.show();
				dialog.container.slideDown('fast');
			});
		},
		onClose: function (dialog) {
			clearInterval(tmr)
			dialog.container.slideUp('fast', function () {
				dialog.data.hide();
				dialog.overlay.fadeOut('fast', function () {
					$.modal.close();
				});
			});
		}
	});
});
});