var rangeBottom;
var rangeTop;
var targetBox;
var mouseDN = 0;
var chatHeight
var contentOffset

jQuery(window).ready(function(){
	
	targetBox = jQuery("#rightContent > div:eq(3)");

	var chatOffset = targetBox.offset();
	chatHeight = targetBox.height();
	var chatWidth = targetBox.width();
    contentOffset = jQuery('#columnRight').offset();
	var contentHeight = jQuery('#columnRight').height();

	rangeBottom = contentHeight /*+ contentOffset.top*/ - chatHeight;
	rangeTop = chatOffset.top - contentOffset.top;

	
	if(jQuery('#mainContent').height() > jQuery('#rightContent').height()) {
  	targetBox.css({
  			'position':'absolute',
  			'top': rangeTop,
  			'width' : chatWidth
  			});
  
  	jQuery(window).scroll(moveChatBox).resize(moveChatBox);
  	jQuery(window).mousedown(function(){mouseDN = 1;});
  	jQuery(window).mouseup(function(){mouseDN = 0;moveChatBox();});  	
	
	}
	
	///////////////////////////////////////////////////////
	var chatbox = jQuery('.gagachat').parent().parent();
	var chat_btn = jQuery('#chat_btn');
	
	chat_btn.toggle(
		function(){
			chatbox.css( { width:'500px' , right : '5px' });
			if(jQuery('#mainContent').height() <= jQuery('#rightContent').height()) {
				jQuery('#rightContent').css( 'height', jQuery('#rightContent').height() );
				chatbox.css({position:'absolute'});
			}
		}, 
		function(){
			chatbox.css( { width:'200px' , right : '5px' });
			if(jQuery('#mainContent').height() <= jQuery('#rightContent').height()) {
				jQuery('#rightContent').css( 'height', '');
				chatbox.css( {position:'' });
			}			
		}
		);		
});

function moveChatBox(){
  if(mouseDN) {  
    return;
  }
	targetBox.stop();

	var newTop = jQuery(window).scrollTop() + jQuery(window).height() - contentOffset.top - chatHeight - 100;
	if(newTop < rangeTop  ) newTop = rangeTop  ;

	if(newTop > rangeBottom) newTop = rangeBottom;

	targetBox.animate({top:newTop},500);

}