function preloadNavImages(){
    arr_navImages = new Array('TopNavAsk_Off','TopNavAsk_Active', 'TopNavAsk_On', 'TopNavOffer_Off', 'TopNavOffer_Active', 'TopNavOffer_On', 'TopNavManage_Off', 'TopNavManage_Active', 'TopNavManage_On');
    $.each(arr_navImages, function(i, n){
        $('.navImagesLoader').append('<img id="'+n+'" src="/MasterPages/css/images/TopNav/'+ n +'.png"/>')
       });
    $('.navImagesLoader').append('<img id="createAccountButton_on" src="/css/Home/images/createAccountButton_on.png"/>')
}
function rollNavOn(obj){
    var thisTab = $(obj).attr('class')+'_On';
    thisTab = '#'+thisTab.substring(0,1).toUpperCase()+thisTab.substring(1,thisTab.length);
    $(obj).css('backgroundImage', 'url('+$(thisTab).attr('src')+')');
}
function rollNavOff(obj){
    var thisTab = $(obj).attr('class')+'_Off';
    thisTab = '#'+thisTab.substring(0,1).toUpperCase()+thisTab.substring(1,thisTab.length);
    $(obj).css('backgroundImage', 'url('+$(thisTab).attr('src')+')');
}
function bindNavRolls(obj){
    $(obj).bind('mouseover', function(){
        rollNavOn(this);
       })
    $(obj).bind('mouseout', function(){
        rollNavOff(this);
       })
}
function bindCreateRolls(){
    $('.createAccountButton').bind('mouseover', function(){
        $(this).css('backgroundImage', 'url(' + $('#createAccountButton_on').attr('src') + ')');
    });
    $('.createAccountButton').bind('mouseout', function(){
        $(this).css('backgroundImage', 'url(/css/Home/images/createAccountButton_off.png)');
    });
}

function _preloadImages(){
    $('.topNavContainer').append('<div class="navImagesLoader"></div>');
    $('.navImagesLoader').hide();
    preloadNavImages();
    //bindNavRolls($('.topNavManage'));
    arr_navTabs = new Array($('.topNavAsk'), $('.topNavOffer'), $('.topNavManage'));
    /**/$.each(arr_navTabs, function(i, n){
        bindNavRolls(n);
    })
    bindCreateRolls();
   };