var $j=jQuery.noConflict();
var slideSpeed = 500;
var tabEffect = "fade";

$j(document).ready(function(){
	var slideSpeed = 500;
	var primaryNavExpanded = false;
	var closeHeight = '125px';

	$j('.optInLinks').next('a').each( function(){
		this.target = "_blank";
	});
 
	$j('#quickLinks h2').click( function(){
		if( !$j(this).hasClass('expanded') ){
			$j(this).addClass('expanded').next().next().slideUp(slideSpeed);
		}
		else{
			$j(this).removeClass('expanded').next().next().slideDown(slideSpeed);
		}
	});
	
	
	/*$j('#primaryNav .nthTier-2').append("<li class=\"close\"><span>Close</span></<li>");
	$j('#primaryNav h2').click( function(){
        var holdThis = $j(this);
		var theHeight = $j(this).next().height() + 100;
		if( holdThis.parent().hasClass('inPath2') ){
			var toggleNav = true;
		}
	
		if(primaryNavExpanded){
			$j('#primaryNav li').removeClass("inPath2");
			$j('#primaryNav li ul.nthTier-2').slideUp(slideSpeed);
			if( !toggleNav ){
				$j('#top').stop().animate({ height : theHeight + "px" }, slideSpeed);
				holdThis.next().slideDown(slideSpeed);
				holdThis.parent().addClass("inPath2");
			}
			else{
				$j('#top').stop().animate({ height : closeHeight }, slideSpeed);
			}
		}
		else{
			$j('#top').stop().animate({ height : theHeight + "px" }, slideSpeed);
			holdThis.next().slideDown(slideSpeed);
			holdThis.parent().addClass("inPath2");
			primaryNavExpanded = true;
		}
		return false;
	});
	$j('li.close').click( function(){
		$j('#primaryNav').children('li').removeClass("inPath2");
		
		$j('#top').stop().animate({ height : closeHeight }, slideSpeed);
		
		$j('#primaryNav li ul.nthTier-2'). slideUp(slideSpeed);
		
		primaryNavExpanded = false;
	});*/
	
	$j('#quickLinksTop').show();
	$j('#quickLinksTop ul').hide();
	$j('#quickLinksTop h2').click( function(){
		if( !$j(this).hasClass('close') ){
			$j(this).addClass('close').next().next().slideDown(slideSpeed);
		}
		else{
			$j(this).removeClass('close').next().next().slideUp(slideSpeed);
		}
	});
	
	$j('#olb li').click( function(){
		if( !$j(this).hasClass('selected') ){
			if( $j(this).text().indexOf('P') == 0 ){
				$j('#olb span img').stop().animate({ paddingLeft : '2.2em' }, slideSpeed);
			}
			if( $j(this).text().indexOf('B') == 0 ){
				$j('#olb span img').stop().animate({ paddingLeft : '11.2em' }, slideSpeed);	
			}
			$j('#olb li.selected').removeClass('selected');
			$j(this).addClass('selected');
		}
	});
	
// Real Online Banking on home page 
	
	if( $j('#personalBankingHome').length > 0 ){
		$j('#personalBankingHome').click( function(){
			$j('#olbPersonal').fadeIn();
			$j('#olbBusiness').hide();
			$j(this).addClass('selected');
			$j('#businessBankingHome').removeClass('selected');
			
		});
	}
	if( $j('#businessBankingHome').length > 0 ){
		$j('#businessBankingHome').click( function(){
			$j('#olbBusiness').fadeIn();
			$j('#olbPersonal').hide();
			$j(this).addClass('selected');
			$j('#personalBankingHome').removeClass('selected');
		});
	}
	
// Test Online Banking on home-new.html

	if( $j('#personalBankingNew').length > 0 ){
		$j('#personalBankingNew').click( function(){
			$j('#olbPersonalNew').fadeIn();
			$j('#olbBusinessNew').hide();
			$j(this).addClass('selected');
			$j('#businessBankingNew').removeClass('selected');

			
		});
	}
	if( $j('#businessBankingNew').length > 0 ){
		$j('#businessBankingNew').click( function(){
			$j('#olbBusinessNew').fadeIn();
			$j('#olbPersonalNew').hide();
			$j(this).addClass('selected');
			$j('#personalBankingNew').removeClass('selected');

		});
	}
	
	$j(".productContent h4 a").bigTarget({
    	clickZone : 'li:eq(0)'
	});
	
	//roi_tabs();
});

function roi_tabs(){
	if( $j('#roi_tabs').length > 0 ){
		var offset = 40;
		$j('#roi_tabs dt').addClass('label');
		$j('#roi_tabs dt:eq(0)').addClass('selected');
		$j('#roi_tabs dd').addClass('pane');
		$j('#roi_tabs dd:eq(1), #roi_tabs dd:eq(2)').hide();
		$j('#roi_tabs').css('height', $j('#roi_tabs dd:eq(0)').height() + offset);
		
		$j('#roi_tabs dt').click( function(){
			var holdThis = $j(this);
			if( !holdThis.hasClass('selected') ){
				$j('#roi_tabs dt').removeClass('selected');
				holdThis.addClass('selected');
				if(tabEffect == "slide"){
					$j('#roi_tabs dd').slideUp(slideSpeed);
					$j('#roi_tabs').animate({ height : holdThis.next().height() + offset }, slideSpeed, function(){
						holdThis.next().slideDown(slideSpeed);									 
					});
				}
				else{
					$j('#roi_tabs dd').fadeOut(slideSpeed);
					$j('#roi_tabs').animate({ height : holdThis.next().height() + offset }, slideSpeed, function(){
						holdThis.next().fadeIn(slideSpeed);									 
					});
				}
			}
		});
	}
}