var menu = {
	init: function(){
		

		var liNode = document.getElementById("kategori");
		var divNode = document.getElementById("kategoriMenu");
		
		liNode.onclick = function(){
			setTimeout("menu.showHideMenu()", 10);
		};
		//liNode.onclick = menu.showHideMenu;

		divNode.style.left = document.getElementById("menu_top_inside").offsetLeft+ 95+"px";
		divNode.style.top = document.getElementById("menu_top_inside").offsetTop+ 4+"px";
		document.onclick = menu.HideMenu;
		
	},
	//==============================
	//	showHideMenu
	//==============================
	showHideMenu: function()
	{
		var divNode = document.getElementById("kategoriMenu");

			if (divNode.className == "hidden") 
			{
				divNode.className = "vis";
			}
			else
			{
				alert("njfnds");
				divNode.className = "hidden";
			}
	},
	HideMenu:function()
	{
		var divNode = document.getElementById("kategoriMenu");
		if (divNode.className == "vis") 
		{
			divNode.className = "hidden";
		}
		else
		{
			
		}
		
		
	}
}
var avatarCheck = 
{
	changeAvatar:function(picture)
	{
		var avatars = document.getElementsByTagName("img");
		var array = [];
		for(var i = 0; i<avatars.length; ++i)
		{
			if(avatars[i].className == "avatar")
			{
				array[i] = avatars[i];
				array[i].style.border = "3px solid #cccccc";
			}
		}
		var avatar2 = document.getElementById("form_avatar");
		var avatar = document.getElementById(picture);
		var avatarpicture = document.getElementById("avatar-"+picture)
		avatar2.value = avatar.value;
		avatarpicture.style.border = "3px solid #5d5d5d";

	}
}
var avatarHide = {
	hide:function(boxid, tab)
	{
		
		var box = document.getElementById(boxid);
		var tab = document.getElementById(tab);
		var boxavatar = document.getElementById("user_avatar_box");
		var archive = document.getElementById("user_avatar_archive");
		var current = document.getElementById("user_avatar_current");
		
		var tabavatar = document.getElementById("tab_current");
		var tabarchive = document.getElementById("tab_archive");
		var tabupload = document.getElementById("tab_upload");
		
		if(box.className == "user_avatar_box")
		{
			box.className = "user_avatar_box_hide";
		}
		else
		{
			boxavatar.className = "user_avatar_box_hide";
			archive.className = "user_avatar_box_hide";
			current.className = "user_avatar_box_hide";
			
			tabavatar.className = "";
			tabarchive.className = "";
			tabupload.className = "";
			
			box.className = "user_avatar_box";
			tab.className = "active";
		}
		
		return false;
	}
}