/* ------------------------------------------
TIMELINE EXPAND/CONTRACT
------------------------------------------ */
/*$(document).ready(function(){
	$('dl.timeline_List dd').hide();
    $("dl.timeline_List dt").click(function () {
	$('dl.timeline_List dd').hide();
       $('dd:visible').slideUp('fast');
        $(this).next('dd').slideDown('fast');
    });
});*/


$(document).ready(function(){
	
	// button rollovers
	// to do write as one
	
	 $('#loginSubmit').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : '/images/buttons/submit_on.gif'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : '/images/buttons/submit.gif'});             }
        );
        
     $('.fSubmit').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : '/images/buttons/submit_on.gif'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : '/images/buttons/submit.gif'});             }
        );

	 $('#searchSubmit').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : '/images/buttons/search_on.gif'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : '/images/buttons/search.gif'});             }
        );
        
         $('#sendButton').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : '/images/buttons/send_on.png'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : '/images/buttons/send.png'});             }
        );
        
        $('#myAccountBtn').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : '/images/buttons/myaccount_on.gif'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : '/images/buttons/myaccount.gif'});             }
        );
        
        $('#logOutBtn').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : '/images/buttons/logout_on.gif'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : '/images/buttons/logout.gif'});             }
        );
        
        $('#update_my_account').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : '/images/buttons/update_my_account_on.gif'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : '/images/buttons/update_my_account.gif'});             }
        );
       $('#register_for_event').hover(
            function(){ // Change the input image's source when we "roll on"
                $(this).attr({ src : '/images/buttons/register_for_event_on.gif'});
            },
            function(){ // Change the input image's source back to the default on "roll off"
                $(this).attr({ src : '/images/buttons/register_for_event.gif'});             }
        );
        
        
        
	$('dl.timeline_List dd').hide();
   	 $("dl.timeline_List dt").toggle( function () {
	 	$('dl.timeline_List dd:not(this)').hide();   //If you want the other dropdowns to remain open when you click a new one just comment out this line ;)
		$(this).next('dd').slideDown('fast');
   								   }, function(){
        $(this).next('dd').slideUp('fast');	
		}
	);
});