//	body.threerows{ background-position: center 223px !important; }


/**
 *	get the height of the content
 * 
 *	@param (string) divId - the html-id of target div
 */
function getHeightofContent(divId){
	var $div		= $('#'+divId);
	var height	= 0;
	$div.children().each(function(){
		height	+= parseInt($(this).outerHeight());
	});
	return height;
}

$(document).ready(function(){
	
	
/**
 *	SET BODY'S BACKGROUND-POSITION
 * 	relative to the number of img_box'es
 
	var boxesC	= $('#content .box_img').length;
	if( boxesC > 6 ){
		var bgPosTop	= ( Math.ceil( (boxesC - 6) /  3  ) * 223).toString() + 'px';
		$('body').css('background-position', 'center '+bgPosTop);
	}
 */
	if( typeof console !== 'undefined'){
		console.log('contentHeight = '+getHeightofContent('content_inner'));
		console.log('contentHeightInner = '+parseInt($('#content_inner').css('height')));
	}
 
 
 if( $('#content_inner').length > 0 ){
 	
 	
 	
 	var scroll_amount		= 18;
	var imgUrlPrefix		= '/media/layout/';
 	var contentHeight		= getHeightofContent('content_inner');	// 564
	var contentHeightInner	= parseInt($('#content_inner').css('height')); // 256 static (CSS)
	var	contentHeightDiff	= contentHeight - contentHeightInner + parseInt($('#content_inner').css('padding-top'));
	
	var domContent			= document.getElementById('content_inner');
	domContent.scrollTop	= 0;
	
 	if( contentHeightDiff >= 0 )
 		$('#scroll_arrows').show();
 
	$('#scroll_down.active').live('click' ,function(e){
		var pos					= domContent.scrollTop;
		var posNew				= pos + scroll_amount

		if( pos - scroll_amount <= contentHeightDiff ){
			domContent.scrollTop	= posNew;
			if( pos > contentHeightDiff )
				$('#scroll_down img').attr('src', imgUrlPrefix+'arrow_down_light.png').parent().removeClass('active');
		}
		if( pos <= scroll_amount )
			$('#scroll_up img').attr('src', imgUrlPrefix+'arrow_up.png').parent().addClass('active');
		
		e.preventDefault();
	});
	
	
	$('#scroll_up.active').live('click' ,function(e){
		var domContent			= document.getElementById('content_inner');
		var pos					= domContent.scrollTop;
		var posNew				= pos - scroll_amount

		if( pos >= scroll_amount ){
			domContent.scrollTop	= posNew;
			if( posNew == 0 )
				$('#scroll_up img').attr('src', imgUrlPrefix+'arrow_up_light.png').parent().removeClass('active');
		}	
		if( posNew - scroll_amount <= contentHeightDiff )
			$('#scroll_down img').attr('src', imgUrlPrefix+'arrow_down.png').parent().addClass('active');
		
		e.preventDefault();
	});


}	// ENDOF
/**
 *	MANAGE IE BUGS
 */
var userAgent = navigator.userAgent.toLowerCase();
$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase());

		/**	SET #WRAPPER HEIGHT
		 * 	relative to the number of img_box'es
		 */ $(window).resize(function(){
				$('#wrapper').css('height', parseInt($('body').height()) );
			});

	if( $.browser.msie && parseInt($.browser.version) <= '8.0' ){
			
		/**	IE6 CORRECTION
		 */	if( parseInt($.browser.version) < 7 ){
				$('#header #slogan a').css('padding-bottom', '3px');
				$('#box_content h1 span').css({
					'font-size'	: '23px',
					'padding'	: '7px 30px 10px 15px'
				});
			}
	}

});