var minLeftWidth = 500; 
var minHeight = 500;


var log = function(msg, value) {
	if (typeof(value)!="undefined") {
		msg = msg + '<span class="log_value">' + value + '</span>';
	}
	$("#logs").append(msg + "<br />");
}

var resizeWnd = function() {
	
	var docWidth = $(window).width();
	$("#mainContainer").width(docWidth);
	var rH = $(window).height();
	
	if(rH < minHeight) rH = minHeight;

	$("#rightImg").height(rH);
	
	var imgWidth = $("#rightImg").width();
	var rightContainerWidth = imgWidth;

	var leftWidth = docWidth - imgWidth;
	if(leftWidth < minLeftWidth) {
		rightContainerWidth = rightContainerWidth - (minLeftWidth - leftWidth);
		if(rightContainerWidth < 0 ) rightContainerWidth = 0;
		leftWidth = minLeftWidth;
		log("rightContainerWidth = ", rightContainerWidth);
	}
	$("#rightContainer").width(rightContainerWidth);	
	$("#leftContainer").width(leftWidth );
	$("#mainContainer").width(leftWidth + rightContainerWidth );

	var newDocWidth = $(window).width();
	if(newDocWidth != docWidth) {
		$("#mainContainer").width(newDocWidth);
		//$("#leftContainer").width(leftWidth + newDocWidth - docWidth);
	}

	/*
	log("left width: ", leftWidth);
	log("right cont: ", rightContainerWidth);
	log("doc width: ", docWidth);
	log("total: ", leftWidth + imgWidth);
	*/
}

var resizeTimer = null;
$(window).bind('resize', function() {
	if (resizeTimer) clearTimeout(resizeTimer);
	resizeTimer = setTimeout(resizeWnd, 100);
});


$(document).ready(function() {
	
		var image = new Image();
		image.id = "rightImg";
		image.setAttribute("id", "rightImg");
		image.onload = function() {
			resizeWnd();
		};
		image.src = '/images/about.jpg';
		//$("#imgRightContainer").html("");
		//document.getElementById('imgRightContainer').appendChild(image);



		//$("#rightImg").attr({src: "images/about.jpg"}).bind("load", function(){ alert('loaded'); });
	


	resizeWnd();
	//alert("a");

});