var bb_t = 0;

$( document ).ready( function() { 
	var bigbanner0 = new Image();
	var bigbanner1 = new Image();
	bigbanner0.src = '../images/bigbanner0.jpg';
	bigbanner1.src = '../images/bigbanner1.jpg';
	$( '#news_box' ).append( '<div id="bigbanner" style="clear:both; width:100%; height:520px;">' );
	$( '#news_box' ).css( "height", "170px" );
	$( '#news0' ).mouseover( function(){
		$( '#bigbanner' ).css( 'background', 'white url(../images/bigbanner0.jpg) top left no-repeat' );
		clearTimeout( bb_t );
		$( '#news_box' ).stop();
		$( '#news_box' ).animate( { height:"690px" }, 'slow' );
	});
	$( '#news1' ).mouseover( function(){
		$( '#bigbanner' ).css( 'background', 'white url(../images/bigbanner1.jpg) top left no-repeat' );
		clearTimeout( bb_t );
		$( '#news_box' ).stop();
		$( '#news_box' ).animate( { height:"690px" }, 'slow' );
	});
	$( '#news_box' ).mouseout( function(){
		bb_t = setTimeout("rollBack()", 4000 );
	});
} );

function rollBack(){
	$( '#news_box' ).stop();
	$( '#news_box' ).animate( { height:"170px" }, 'slow' );
}