$(document).ready(
function(){

	var userAgent = navigator.userAgent.toLowerCase();
	var ie_version = -1;
	if (navigator.appName == 'Microsoft Internet Explorer') {
		var re = new RegExp("msie ([0-9]{1,}[\.0-9]{0,})");
		if (re.exec(userAgent) != null)
		ie_version = parseFloat(RegExp.$1);
	}
	$.browser = {
		version: (ie_version>-1)?ie_version:(userAgent.match( /.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/ ) || [0,'0'])[1],
		safari: /webkit/.test( userAgent ),
		opera: /opera/.test( userAgent ),
		msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
		mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
	};


	function setMaxColumnHeight() {
		/*
		дано: высота блока с текстом + общая высота вержнего и нижнего блока
		что надо: проверить - является ли высота окна браузера больше чем сумма верхнего+нижнег+блока с текстом?
		если Да: то установить высоту обертывающего блока равной высоте окна + установить высоту контента равной разнице между высотой браузера и верхнего и нижнего блока
		если Нет: установить высоту обертывающего блока равной высоте окна + уменьшить видимую часть контента до высоты равной высоте окна минус верхний и нижний блок
		*/

		w1 = parseInt(document.getElementById("header").offsetHeight);
		w2 = parseInt(document.getElementById("footer").offsetHeight);
		w3 = parseInt(document.getElementById("content").offsetHeight);
		//				w4 = $("div.jScrollPaneContainer").height();
		//				w5 = parseInt(document.getElementById("blackColRight").offsetHeight);
		//				w6 = parseInt(document.getElementById("leftCol").offsetHeight);
		//				w7 = parseInt(document.getElementById("rightCol").offsetHeight);
		//		alert(w4)
		//		document.title =$(window).height()+ " " + w1 + " " +w2 + " " +w3;


		if($(window).height() > w1 + w2 + w3 ) {
			$("#content").height( $(window).height() - w1 - w2 );
			$("#wrapper").height( $(window).height() );
			//						$("div.jScrollPaneContainer").height( $(window).height() - w1 - w2 );
		} else {
			var sum = w1 + w2;
			if (sum > $(window).height()) {
				$("#wrapper").height( sum );
				$("#content").height( 0 );
				//								$("div.jScrollPaneContainer").height( 0 );
			} else {
				$("#wrapper").height( $(window).height() );
				var a =  $(window).height() - sum;
				$("#content").height(a);
				//								$("div.jScrollPaneContainer").height(a);
			}
		}
		//		$("#content").jScrollPane({showArrows:true, scrollbarWidth:18});


	}





	if($("a.fancybox").size() > 0) {
		$("a.fancybox").fancybox({'overlayOpacity':0.7, overlayColor:"#000"});
	}

	if (!$.browser.msie || ($.browser.msie && $.browser.version > 7)) {

		$("img.shadow").each(function(){
			var jthis = $(this);

			var shadowDivImg = $("<div></div>")
			.addClass("shadow")
			.css({
				width: jthis.outerWidth(),
				height: jthis.outerHeight(),

				marginTop: jthis.css("marginTop"),
				marginLeft: jthis.css("marginLeft"),
				marginBottom: parseInt(jthis.css("marginBottom"))-23,
				marginRight: jthis.css("marginRight")
			});

			jthis.css({
				marginTop:0,
				marginBottom:0,
				marginLeft:0,
				marginRight:0

			});
			jthis.wrap(shadowDivImg);
		});



		$("div.shadow").each(function(){
			var jthis = $(this);
			var a = -jthis.outerHeight()-9;
			var b = parseInt(jthis.css("marginLeft"))-9;
			var framed = $("<div></div>")
			.addClass("framed")
			.css({
				width: jthis.outerWidth()+18,
				height: jthis.outerHeight()+18,

				marginTop: jthis.css("marginTop"),
				marginLeft: b,
				marginBottom: jthis.css("marginBottom"),
				marginRight: jthis.css("marginRight")
			});

			var tl = $("<div></div>")
			.addClass("tl")
			.css({
				width: jthis.outerWidth(),
				height: jthis.outerHeight()
			});

			var br = $("<div></div>")
			.addClass("br")
			.css({
				width: jthis.outerWidth()+18,
				height: jthis.outerHeight()+18
			});

			var tr = $("<div></div>")
			.addClass("tr")
			.css({
				width: jthis.outerWidth()-12,
				height: jthis.outerHeight()-12
			});

			var bl = $("<div></div>")
			.addClass("bl")
			.css({
				width: jthis.outerWidth()-12,
				height: jthis.outerHeight()-12
			});

			jthis.css({
				marginTop:a
			});

			if (!$.browser.opera) {
				framed.append(tl);
				framed.append(br);
				framed.append(tr);
				framed.append(bl);
			}
			jthis.before(framed);
		});

	}





	setMaxColumnHeight();

	//resizing
	$(window).resize( function() {
		//		$("#content").jScrollPane({showArrows:true, scrollbarWidth:18});
		setMaxColumnHeight();
	});

});
