$(document).ready(function() { // onload
	//Rollover listeners.

    function resetbuttons(){
    	$('#m2').css('backgroundPosition','-89px 0px');
        $('#m3').css('backgroundPosition','-217px 0px');
        $('#m4').css('backgroundPosition','-365px 0px');
    }
    function resetbuttons2(){
    	$('#m2').css('backgroundPosition','-89px -67px');
        $('#m3').css('backgroundPosition','-217px -67px');
        $('#m4').css('backgroundPosition','-365px -67px');
    }
    
    $('#m1').mouseover(function(){ $('#m1').css('backgroundPosition','0px -67px'); });
	$('#m1').mouseout(function(){  $('#m1').css('backgroundPosition','0px 0px'); });
    
    $('#m2').mouseover(function(){ resetbuttons(); $('#m2').css('backgroundPosition','-89px -67px'); unloadSubmenu(100); });
    $('#m2').mouseout(function(){  resetbuttons();  });
    
    $('#m3').mouseover(function(){ resetbuttons(); $('#m3').css('backgroundPosition','-217px -67px'); unloadSubmenu(100); });
    $('#m3').mouseout(function(){  resetbuttons();  });
    
    $('#m4').mouseover(function(){ resetbuttons(); $('#m4').css('backgroundPosition','-365px -67px'); unloadSubmenu(100); });
    $('#m4').mouseout(function(){  resetbuttons();  });
    
    $('#submenu').mouseover(function(){ $(this).stop(true, true).show(); })
    $('#submenu').mouseout(function(){ 
    	$(this).stop(true, true).delay(600).fadeOut(200, function(){ resetbuttons(); });
    });
    
    
    
    
    
    //////////////////
    
    $('#cl').mouseover(function(){ $('#clientlogin').stop(true, true).slideDown(); })
    $('#cl').mouseout(function(){  $('#clientlogin').stop(true, true).delay(200).slideUp(); })
    
    $('#au').mouseover(function(){ $('#aboutus').stop(true, true).slideDown(); })
    $('#au').mouseout(function(){  $('#aboutus').stop(true, true).delay(200).slideUp(); })
    
    $('#clientlogin').mouseover(function(){ $(this).stop(true, true).show(); })
    $('#clientlogin').mouseout(function(){ $(this).stop(true, true).delay(200).slideUp(); });
    
    $('#aboutus').mouseover(function(){ $(this).stop(true, true).show(); })
    $('#aboutus').mouseout(function(){ $(this).stop(true, true).delay(200).slideUp(); });
    
    //Homepage Background Life Stages
    $('#a1').click(function(){ showcallout(1);});
    $('#a2').click(function(){ showcallout(2);});
    $('#a3').click(function(){ showcallout(3);});
    $('#a4').click(function(){ showcallout(4);});
    $('#a5').click(function(){ showcallout(5);});

});

// Functions

function showcallout(ID){
	$('#bg_homepage')
    .stop(true, true)
    .fadeTo(200,'.2', function(){
    	$('#life_holder')
        .stop(true, true)
        .fadeIn(200)
        .delay(200)
        .animate({width:'960px', marginLeft:'10px'}, 400, function(){ $(this).html('<h1>loading...</h1>').load('/ajax_life.php?id='+ID);})
        ;
     });
}
function hidecallout(){
	$('#bg_homepage')
    .stop(true, true)
    .fadeTo(200,'1', function(){ 
    	$('#life_holder')
        .css({width:'1px', marginLeft:'950px'})
        .stop(true, true)
        .fadeOut(200).html('')
        ;
    });
}

function loadSubmenu(DIR){
	$('#submenu').stop(true, true).load('/ajax_submenus.php?directory='+DIR).fadeIn(200);
    $('#submenu').unbind('mouseover');
    $('#submenu').mouseover(function(){ $(this).stop(true, true).show(); })
    if(DIR == 'wealth_management'){
    	$('#m2').css('backgroundPosition','-89px -67px');
        $('#submenu').mouseover(function(){ $('#m2').css('backgroundPosition','-89px -67px'); });
    }
    if(DIR == 'corporations'){
        $('#m3').css('backgroundPosition','-217px -67px');
        $('#submenu').mouseover(function(){ $('#m3').css('backgroundPosition','-217px -67px'); });
    }
    if(DIR == 'non_profits'){
        $('#m4').css('backgroundPosition','-365px -67px');
        $('#submenu').mouseover(function(){ $('#m4').css('backgroundPosition','-365px -67px'); });
    }
}
function unloadSubmenu(SPEED){
	$('#submenu').stop(true, true).delay(SPEED).fadeOut(200);
}