var open_menu = 999999;



function hideAll(){
	
	for(i=0; i < 15; i++){
		$('#catmenu'+i).hide();
	}
}		  
     


$(document).ready(function(){
	
	//Set opacity  it works when "top" is opacity... not top-menu. why? Something over?
    if (!jQuery.browser.msie)  {
    	$("#top-menu").css({ opacity: 0.8 });
    }
    
    //Dont show until all images are loaded!
    $('#top-slider').show();

	
	//Hide all submenus
	hideAll();
	
	$("div.div-menuitem p").click(
			function()
			{
				var clicked_menu = this.id.substring(5);
				
				if(clicked_menu == open_menu){
					$('#catmenu'+clicked_menu).slideUp();
					open_menu = 999999;
					
				}else{
					$('#catmenu'+open_menu).slideUp('fast');
					$('#catmenu'+clicked_menu).slideDown();
					open_menu = clicked_menu;
				}
				
			
			}
	);
	
});