/**********************************************************************
* navigation.js - Jonathan Russell, Digital Insight
* last updated: 10/17/08
* The following script provides the DHTML rollover functionality for the primary
* navigation tabs and fading menus.
**********************************************************************/
var delay = 250; //time in milliseconds before menu fades out
var timeout; //for subnav fadeout
var src; //for nav image source
// stuff inside here will run when the DOM is ready
// onload replacement
$(document).ready(function() {
//make sure the appropriate tab is turned on if the section variable exists
if(typeof(section)!='undefined') {
var on_tab_src = $('a#'+section).children('img').attr('src');
$('a#'+section).children('img').attr('src', on_tab_src.replace('_off', '_on'));
}
$('div#subnav').mouseover(function(){
showSubNav();
}).mouseout(function(){
hideSubNav(true);
});
$('div.navMain ul li a').each(function () {
$(this).mouseover(function(){
updateTabsOver($(this));
}).mouseout(function(){
updateTabsOff($(this));
});
});
});
function updateTabsOver(obj) {
src = $(obj).children('img').attr('src');
id = $(obj).attr('id');
$(obj).children('img').attr('src', src.replace('_off', '_on'));
$('div.navMain ul').attr('class', id+'Bar');
$('div.navMain ul li a').each(function () {
var thisSrc = $(this).children('img').attr('src');
var thisId = $(this).attr('id');
if(thisId != id) {
if(typeof(section)!='undefined' && $(this).attr('id')!=section)
$(this).children('img').attr('src', thisSrc.replace('_on', '_off'));
else if(typeof(section)=='undefined')
$(this).children('img').attr('src', thisSrc.replace('_on', '_off'));
}
});
updateNav(id, $(obj));
}//updateTabsOver()
function updateTabsOff(obj) {
if(obj) {
src = $(obj).children('img').attr('src');
id = $(obj).attr('id');
if(!$('div#subnav').is(':visible')) {
$('div.navMain ul li a').each(function () {
var thisSrc = $(this).children('img').attr('src');
var thisId = $(this).attr('id');
if(typeof(section)!='undefined' && thisId!=section)
$(this).children('img').attr('src', thisSrc.replace('_on', '_off'));
else if(typeof(section)=='undefined')
$(this).children('img').attr('src', thisSrc.replace('_on', '_off'));
});
}
else if($('div#subnav').is(':visible') && $('div#subnav').attr('class')!=id){
$(obj).children('img').attr('src', src.replace('_off', '_on'));
//$('div.navMain ul').attr('class', section+'Bar');
}
hideSubNav(true);
}
else {
$('div.navMain ul li a').each(function () {
var thisSrc = $(this).children('img').attr('src');
var thisId = $(this).attr('id');
if(typeof(section) != 'undefined' && thisId != section)
$(this).children('img').attr('src', thisSrc.replace('_on', '_off'));
else if(typeof(section)=='undefined')
$(this).children('img').attr('src', thisSrc.replace('_on', '_off'));
});
if(typeof(section) != 'undefined') $('div.navMain ul').attr('class', section+'Bar');
else $('div.navMain ul').attr('class', 'genericBar');
} //if()
}//updateTabsOff()
function updateNav(id, obj) {
//update subnav div content
$('div#subnav span').html(getSubNavContent(id));
//update appropriate css
$('div#subnav').attr('class', id);
//display dropdown navigation
showSubNav();
} //updateNav()
function getSubNavContent(id) {
var content;
switch(id) {
case 'personal':
content = ""
+ " ";
break;
case 'business':
content = ""
+ " ";
break;
case 'loans':
content = ""
+ " ";
break;
case 'advice':
content = ""
+ " ";
break;
case 'about':
content = ""
+ " ";
break;
default:
content = "";
}
return content
} //getSubNavContent
function showSubNav(){
$('div#subnav:hidden').fadeIn('fast');
clearTimeout(timeout);
}//showSubNav()
function hideSubNav(delay_fade){
if(delay_fade)
timeout = setTimeout("updateTabsOff(); $('div#subnav').fadeOut('fast', function () { })",delay);
else {
updateTabsOff();
$('div#subnav').fadeOut('fast');
} //if()
}//hideSubNav()