$jQ = jQuery.noConflict();

$jQ( document ).ready( function() {
			
	$jQ( '#topRight' ).append( function() {
		var htmlRet = "";
		for ( i = 0; i < bannerImages.length; i++ ) {
			htmlRet += '<div class="bannerWrapper"><div class="bannerContainer"><img src="images/' + bannerImages[i]['bannerPhoto'] + '"></div>';
			htmlRet += '<div class="bannerInfoContainer"><p><img src="images/' + bannerImages[i]['bannerHeader'] + '"></p>';
			htmlRet += '<p>' + bannerImages[i]['bannerText'] + '</p></div></div>';
		}
		return htmlRet;
	} );
	
	$jQ( '#middleRight' ).height( $jQ( '#middleRight' ).parent().height() - 45 );
	
	$jQ( '#middleLeft' ).height( $jQ( '#middleLeft' ).parent().height() - 105 );
	
	$jQ( '.bannerWrapper:first' ).show().addClass( 'bannerActive' );

	if ( bannerImages.length > 1 )
		var bannerTimer = setTimeout( 'bannersRotate()', 7000 );
} );
	
function bannersRotate() {
	if ( $jQ( '.bannerActive' ).is( ':last-child' ) ) {
		$jQ( '.bannerActive' ).removeClass( 'bannerActive' ).fadeOut();
		$jQ( '.bannerWrapper:first' ).addClass( 'bannerActive' ).fadeIn();
	} else
		$jQ( '.bannerActive' ).removeClass( 'bannerActive' ).fadeOut().next( '.bannerWrapper' ).addClass( 'bannerActive' ).fadeIn();
	var bannerTimer = setTimeout( 'bannersRotate()', 7000 );
}