$j(document).ready(function(){
	
	var tabHTML = '<div id="tabContentBg"></div><div id="tabContent"></div>';
		tabHTML += '<div id="tabButtons">';
		tabHTML += '<div id="tabArrow"><img src="uploaded/images/home/arrow.png" width="18" height="26"></div>';
		tabHTML += '<div class="tabBg"></div><div id="tab1" class="tabBtn"></div>';
		tabHTML += '<div class="tabBg"></div><div id="tab2" class="tabBtn"></div>';
		tabHTML += '<div class="tabBg"></div><div id="tab3" class="tabBtn"></div>';
		tabHTML += '<div class="tabBg"></div><div id="tab4" class="tabBtn"></div>';
		tabHTML += '<div class="tabBg"></div><div id="tab5" class="tabBtn"></div>';
		tabHTML += '</div>';
	
	$j('#tabContainer').html( tabHTML );
	$j('#tabArrow').hide();
	$j('#tabArrow').css('top', ($j('#tab1').offset().top -43) + 'px' ).show();
	
	//$j('#tabContent').html( $j('#rightbanner .bannermodcontent').eq(0).html() );
	// $j('.tabBg').eq(0).addClass('tabOn');
	
	$j('#rightbanner .bannermodtitle').each(function(i){
		$j('#tab'+(i+1)).html( $j(this).html() );
		
	});
	
	$j('.tabBtn').hover(
		function(){ $j(this).css( 'background-color', '#032366') }, 
		function(){ $j(this).css( 'background-color', 'transparent') }
	);

	$j('.tabBtn').each(function(i){
		$j(this).click( function(){
			swapTab(i);
			clearInterval(scrollTabs);			
			})
	})//end each

	tabNum = 0;
	swapTab(0);
	
	var scrollTabs = setInterval('swapTab(tabNum)',5500);

}); //end document ready

function swapTab (i) {
		
	if(i >= $j('.tabBtn').length){ i=tabNum=0; }
	
	$j('#tabContent').html( $j('#rightbanner .bannermodcontent').eq(i).html() );
	$j('.tabBg').removeClass('tabOn');
	$j('.tabBg').eq(i).addClass('tabOn');

	$j('#tabArrow').css('top', ( $j('.tabBtn').eq(i).offset().top -43) + 'px' ).show();

	$j('#tabContainer').css('background-image','url(uploaded/home_photos/photo'+ (i+1) +'.jpg)');		
	
	tabNum++;
			
}