$(document).load(function() { $("fragment-1").show(); });

function Init() { 
        var active;
	var passive;
	var ids = "#fragment-";
	for(i=1; i<=$("#topmenu li").length; i++){
	 	var name = ids+i;
		$(name).hide();	
	
	}        
	$("#fragment-1").show('slow');
        active = $("#fragment-1");
	for(i=0; i<=3; i++){
                $($("#fragment-2 h2 a")[i]).attr('class', 'hidden');
                $($("#fragment-2 h2 a")[i]).parent().next().hide();
		$($("#fragment-2 h2 a")[i]).click(function(){
		$(this).parent().next().show('slow'); 
			for(i=0; i<=3; i++){
				$($("#fragment-2 h2 a")[i]).parent().next().hide();
				$($("#fragment-2 h2 a")[i]).attr('class', 'hidden');	
		 	} 	
                     
  	 	});
	}
var pass_menu;
var curr_menu = $($("#topmenu li")[0]);
curr_menu.css('border-bottom','1px solid #bf7500');
	        
	$("#topmenu li a").click(function(){  
                        if(active){  
				active.hide('slow'); 
                                
			}
			$(this.hash).show('slow');
			active = $(this.hash);
			
			if(this.hash == '#fragment-2'){
					$($("#fragment-2 h2")[0]).next().show();
			}   
			//---------------   
			pass_menu = curr_menu;
			pass_menu.css('border-bottom','1px solid #333');
			curr_menu = $(this).parent();
			curr_menu.css('border-bottom','1px solid #bf7500');		    

	})   
}