var var_load_user = 0;
var var_load_loc = 0;
var var_load_msg = 0;
var var_load_add = 0;
var var_load_view = 0;
var var_load_info = 0;
var var_load_help = 0;
var var_load_intro = 0;
var var_load_treel = 0;
var var_load_pref = 0;
var var_load_tag = 0;
var var_load_link = 0;
var var_load_set = 0;
var var_load_group = 0;
var var_load_intro_group = 0;

function Screen_InitSideBarUserProfile(userid)
{
	if(var_load_user == 0){load_container("_user");var_load_user = 1;}
	load_content_user(userid);
}
function Screen_ShowGroupDetails(groupid)
{
	if(var_load_group == 0){load_container("_group");var_load_group = 1;}
	load_content_groupprofile(groupid);
	//alert ("Apply group prefs: " + groupid);
	ApplyGroupPrefs (groupid, function (prefs) {
		//alert ("Groups loaded, executing callback function");
		for (key in prefs) {
		//alert ("var " + key + " = " + prefs[key]);
			if (typeof(prefs[key]) != null) {
			eval ("var " + key + " = " + prefs[key]);
			}
		}
		thecenter = new GLatLng(pref_lat,pref_long);
//		if (typeof(pref_map) != null) { var pref_map = 1; }
		map.setCenter(thecenter,pref_zoom);
/*		switch (pref_map) {
			case 1:
				setmaptypeonsatellite()
				break;
			case 2:
				setmaptypeonmap()
				break;
			case 3:
				setmaptypeonhybrid()
				break;
			case 4:
				setmaptypeonterrain()
				break;
		}
*/	});
}


function Screen_ShowLocationDetails(locid)
{
	if(var_load_loc == 0){load_container("_loc");var_load_loc = 1;}
	load_content_loc(locid);
}

function Screen_ShowMessageDetails(messageid,attachedload, from_container)
{
	
	
	debug("ShowMessage: " + messageid + " , " + attachedload)

	mapsystem.getMessage(messageid,function(msg)
	{
			/*
			if (selected_marker != 0) 
			{
				mapsystem.RestoreMarker (selected_marker);				
				selected_marker = 0;
			}
			
			if(from_container!= true)
			{
			selected_marker = msg.location_id
			mapsystem.ColorMarker(selected_marker, "green")
			}
			*/
			for(i	in	msg.attached_to_messages_ids)
			{
					Screen_ShowMessageDetails(msg.attached_to_messages_ids[i],msg.id)
					return
			}
			
						
		if(var_load_msg == 0){load_container("_msg");var_load_msg = 1;}
		load_content_msg(messageid,attachedload);
	}
	);
}

function Screen_Add_Message(id,lat,lng)
{
//	t_user_getid_from_domain(function(domain_user_id)
//	{
//		if(domain_user_id == -1 || domain_user_id == loggedin_id)
//		{
			if(treelzsystem	&&	treelzsystem.treelersocial)
			{
					if(var_load_add == 0){load_container("_add");var_load_add = 1}
					load_content_add(id,lat,lng)
			}
			else
			{
					show_treelz_alert("not_loggedin_msg")
			}
			
//		}
//		else
//		{
//			show_treelz_alert("not_domain")
//		}
//	}
//	);
}

function show_overview_fm()
{
	if(var_load_view == 0){load_container("_view");var_load_view = 1}
	load_content_view()
}
function show_overview_fm_groups(groupid)
{
	if(var_load_view == 0){load_container("_view");var_load_view = 1}
	load_content_view_groups(groupid)
}


function show_info_container(notonstartup)
{
	if(var_load_info == 0){load_container("_info");var_load_info = 1}
	load_content_info(notonstartup)
}

function show_help_container()
{
	if(var_load_help == 0){load_container("_help");var_load_help = 1}
	load_content_help()
}

function show_intro_container()
{
	if(var_load_intro == 0){load_container("_intro");var_load_intro = 1}
	load_content_intro()
}

function Screen_ShowTreel(treelid,userid,URL)
{
	//alert ("ShowTreel");
	if(var_load_treel == 0){load_container("_treel");var_load_treel = 1}
	load_content_treel(treelid,userid,URL)
}

function show_preferences()
{
	if(var_load_pref == 0){load_container("_pref");var_load_pref = 1}
	load_content_pref()
}

function Screen_ShowTagMessage(userid,tagid)
{
	if(var_load_tag == 0){load_container("_tag");var_load_tag = 1}
	load_content_tag(userid,tagid)
}

function fill_mail_link_div()
{
	if(var_load_link == 0){load_container("_link");var_load_link = 1}
	load_content_link()
}

function open_screen_create_group()
{
		if(treelzsystem.treelersocial)
		{
			if(var_load_set == 0){load_container("_set");var_load_set = 1}
			show_create_group()
		}
		else
		{
			show_treelz_alert("not_loggedin_create_group")
		}
}

function open_screen_edit_group(group_id)
{
	if(var_load_set == 0){load_container("_set");var_load_set = 1}
	show_edit_group(group_id)
}

function open_screen_overview_group(group_id)
{
	if(var_load_view == 0){load_container("_view");var_load_view = 1}
	show_overview_group(group_id)
}
function open_screen_intro_group(group_id)
{
	if(var_load_intro_group == 0){load_container("_intro");var_load_intro_group = 1}
	show_intro_group(group_id)
}








function clickedon_message(msg, wiki)
	{
		if(msg)
		{
		fill_titel_message(msg)
		}
		if(wiki)
		{
		fill_titel("_msg", "Wikipedia article")
		}
		hide_container_onscreen("_info")
		hide_container_onscreen("_add")
//		Screen_ShowLocationDetails(msg.location_id)
	}
function clickedon_location()
	{ 	
	//	hide_container_onscreen("_info")
		fill_titel("_loc", "this location")

	}
function clickedon_addmessage()
	{
		fill_titel("_add", "new message")
		hide_container_onscreen("_info")
		hide_container_onscreen("_msg")
	}
function clickedon_overview()
	{
		fill_titel("_view", "overview")
		hide_container_onscreen("_user")
		hide_container_onscreen("_treel")
		hide_container_onscreen("_group")
	}
function clickedon_overview_groups(groupid)
	{
		fill_titel_overview_group(groupid)		
		
		hide_container_onscreen("_user")
		hide_container_onscreen("_treel")
		hide_container_onscreen("_group")
	}
function clickedon_user(gevondenuser)
	{
		fill_titel_userprofile(gevondenuser)
		hide_container_onscreen("_view")
		hide_container_onscreen("_treel")
		hide_container_onscreen("_group")
	}
function clickedon_selection()
	{
	}
function clickedon_smallpicture()
	{
	}
function clickedon_largepicture()
	{
	}
function clickedon_info()
	{
		fill_titel("_info", "my info")
		
		hide_container_onscreen("_msg")
		hide_container_onscreen("_add")
		hide_container_onscreen("_loc")
	}
function clickedon_pref()
{
		fill_titel("_pref", "my preferences")
		hide_container_onscreen("_msg")
		hide_container_onscreen("_add")
		hide_container_onscreen("_loc")
}

	
function clickedon_info_loggedout()
	{
		hide_container_onscreen("_msg")
		hide_container_onscreen("_add")
		hide_container_onscreen("_loc")
	}
	
function clickedon_help()
	{
		fill_titel("_help", "getting_started")
		hide_container_onscreen("_intro")
		hide_container_onscreen("_link")
		hide_container_onscreen("_set")
	}
function clickedon_treel(treelid, userid)
	{
		fill_titel_treel(treelid, userid)
		hide_container_onscreen("_user")
		hide_container_onscreen("_view")
		hide_container_onscreen("_tag")
		hide_container_onscreen("_group")
	}
function clickedon_intro()
	{
		hide_container_onscreen("_help")
		hide_container_onscreen("_link")
		hide_container_onscreen("_set")
	}
function clickedon_tag(tagid)
	{
		fill_titel_tag(tagid)
		hide_container_onscreen("_view")
		hide_container_onscreen("_treel")
	}
function clickedon_link()
{
		hide_container_onscreen("_intro")
		hide_container_onscreen("_help")
		hide_container_onscreen("_set")
}
function clickedon_set()
{
		hide_container_onscreen("_intro")
		hide_container_onscreen("_help")
		hide_container_onscreen("_link")
}
function clickedon_group(gevondengroup)
{
		fill_titel_groupprofile(gevondengroup)
		hide_container_onscreen("_view")
		hide_container_onscreen("_treel")
		hide_container_onscreen("_user")
}		function fill_category_div(type)
		{
				var thediv = document.getElementById("select_category_div_"+type);
					thediv.innerHTML = ''
				
				var category_select  = createElement(thediv,"category_select","button_category_"+type,'a')
					category_select.innerHTML = getTrans.Translate("Select category")
					category_select.href = "javascript:hideorshow_div_pos_div_gen_"+type+"()"
					
				
				var pos_div_gen  = createElement(thediv,"pos_div","pos_div_gen_"+type,'div') // deze div is als het ware het anchor point voor de menuutjes die verschijnen

				load_categories_covering(type)
		}
		function load_categories_covering(type)
		{
				var thediv = document.getElementById("select_category_div_"+type);
				var pos_div_gen = document.getElementById('pos_div_gen_'+type);
				var thebutton = document.getElementById('button_category_'+type);

//				var buttonW = thebutton.offsetWidth
				var buttonW = 55

				var category_covering_div  = createElement(pos_div_gen,"category_covering_div","category_covering_div_"+type,'div')
				category_covering_div.style.left = buttonW	- 10 //zodat het covering categories menuutje altijd direct rechts naast de button zit, ook als deze andere text bevat

				if (navigator.appName=="Microsoft Internet Explorer")
				{
						var str = "category_covering_div.setAttribute('onmouseover',function anonymous(){show_div_pos_div_gen_"+type+"()})"
						eval(str)
				}
				else
				{
						category_covering_div.setAttribute('onmouseover',"show_div_pos_div_gen_"+type+"()")
				}
				hide_div('pos_div_gen_'+type)
				if(domain_gid == 1701)
				{
					mapsystem.message_categories.getParentCategories(function(cats)
					{
							for (i in cats)
							{
								if(i == 21210)
								{
									var cat = cats[i]
									var category_covering_div_inner  = createElement(category_covering_div,"category_covering_div_inner","category_"+cat.name+"_div_inner_"+type,'div')
									category_covering_div_inner.innerHTML = "<table cellpadding=\"0\" cellspacing=\"0\" id=\"category_"+cat.name+"_table_"+type+"\"><tr><td id=\"category_"+cat.name+"_td_"+type+"\" class=\"category_covering_td\" onmouseover=\"javascript:show_categories('"+cat.name+"',"+cat.id+", '"+type+"')\" ><a class=\"category_covering_a\" >"+cat.name+"</a></td></tr></table>"
								}
							}
	
							var category_covering_divW_in = document.getElementById('category_covering_div_'+type).offsetWidth
	
							for (i in cats)
							{
								if(i == 21210)
								{
									var cat = cats[i]
									document.getElementById('category_'+cat.name+'_table_'+type).style.width = category_covering_divW_in
								}
							}
					}
					);
				}
				else if(domain_gid == 1629)
				{
					mapsystem.message_categories.getParentCategories(function(cats)
					{
							for (i in cats)
							{
								if(i == 21110|| i == 21120|| i == 21130)
								{
									var cat = cats[i]
									var category_covering_div_inner  = createElement(category_covering_div,"category_covering_div_inner","category_"+cat.name+"_div_inner_"+type,'div')
									category_covering_div_inner.innerHTML = "<table cellpadding=\"0\" cellspacing=\"0\" id=\"category_"+cat.name+"_table_"+type+"\"><tr><td id=\"category_"+cat.name+"_td_"+type+"\" class=\"category_covering_td\" onmouseover=\"javascript:show_categories('"+cat.name+"',"+cat.id+", '"+type+"')\" ><a class=\"category_covering_a\" >"+cat.name+"</a></td></tr></table>"
								}
							}
	
							var category_covering_divW_in = document.getElementById('category_covering_div_'+type).offsetWidth
	
							for (i in cats)
							{
								if(i == 21110|| i == 21120|| i == 21130)
								{
									var cat = cats[i]
									document.getElementById('category_'+cat.name+'_table_'+type).style.width = category_covering_divW_in
								}
							}
					}
					);
				}
				else
				{
					mapsystem.message_categories.getParentCategories(function(cats)
					{
							for (i in cats)
							{
								if(i < 20000)
								{
									var cat = cats[i]
									var category_covering_div_inner  = createElement(category_covering_div,"category_covering_div_inner","category_"+cat.name+"_div_inner_"+type,'div')
									category_covering_div_inner.innerHTML = "<table cellpadding=\"0\" cellspacing=\"0\" id=\"category_"+cat.name+"_table_"+type+"\"><tr><td id=\"category_"+cat.name+"_td_"+type+"\" class=\"category_covering_td\" onmouseover=\"javascript:show_categories('"+cat.name+"',"+cat.id+", '"+type+"')\" ><a class=\"category_covering_a\" >"+cat.name+"</a></td></tr></table>"
								}
							}
	
							var category_covering_divW_in = document.getElementById('category_covering_div_'+type).offsetWidth
	
							for (i in cats)
							{
								if(i < 1850)
								{
									var cat = cats[i]
									document.getElementById('category_'+cat.name+'_table_'+type).style.width = category_covering_divW_in
								}
							}
					}
					);
				}
				
				var category_covering_divW = category_covering_div.offsetWidth

				var category_specific_div  = createElement(pos_div_gen,"category_specific_div","category_specific_div_"+type,'div')
				category_specific_div.style.left = buttonW + category_covering_divW - 10 - 1//zodat tweede menuutje (specific categories) ook altijd aansluit rechts

				if (navigator.appName=="Microsoft Internet Explorer")
				{
						var str = "category_specific_div.setAttribute('onmouseover',function anonymous(){show_div_pos_div_gen_"+type+"()})";
						eval(str)
				}
				else
				{
						category_specific_div.setAttribute('onmouseover',"show_div_pos_div_gen_"+type+"()")
				}
		}
		function select_category(selected, catid, type)
		{
				mapsystem.message_categories.getCategory(catid,function(supercat)
				{
						var thebutton = document.getElementById('button_category_'+type);
							thebutton.innerHTML = getTrans.Translate("Category")+": "+supercat.name
						
						var input_for_id = document.getElementById("input_cat_id_"+type);
							input_for_id.value = supercat.id
							
						hide_div('pos_div_gen_'+type)
				}
				);
		}
		function show_categories(cat_covering,catid, type)
		{
				var specific_a  = document.getElementById('category_'+cat_covering+'_div_inner_'+type)
				var specific_aT = specific_a.offsetTop
				
				var category_covering_div  = document.getElementById("category_covering_div_"+type)
				var category_covering_divT = category_covering_div.offsetTop // zodat tweede menuutje op hoogte van deze covering category terecht komt
				var category_covering_divH = category_covering_div.offsetHeight // zodat tweede menuutje op hoogte van deze covering category terecht komt


				var category_specific_div  = document.getElementById("category_specific_div_"+type)
				category_specific_div.innerHTML = ''
				
				category_specific_div.style.visibilty = "hidden"
				
				mapsystem.message_categories.getCategory(catid,function(supercat)
				{
						supercat.getChilds(function(cats)
						{
								for (i in cats)
								{
										var cat = cats[i]
										var nieuwe_a  = createElement(category_specific_div,"category_covering_a","category_covering_a_"+cat.name+"",'a');


										nieuwe_a.href = "javascript:select_category('"+cat.name+"',"+cat.id+", '"+type+"')"
										//		nieuwe_a.setAttribute('onmousedown',"javascript:select_category('"+cat.name+"',"+cat.id+")") ;
										nieuwe_a.innerHTML = cat.name;

								}
						}
						);
				}
				);
				
				
				var specific_aH = category_specific_div.offsetHeight
				
				if(catid > 1250)
				{
				category_specific_div.style.top = category_covering_divH + category_covering_divT - (specific_aH)
				}
				else
				{
				category_specific_div.style.top = category_covering_divT
				}
				category_specific_div.style.visibilty = "inherit"
		}

		function show_div_pos_div_gen_add (){show_div('pos_div_gen_add', 'add')}
		function hide_div_pos_div_gen_add (){hide_div('pos_div_gen_add', 'add')}
		function hideorshow_div_pos_div_gen_add (){hideorshow_div('pos_div_gen_add', 'add')}

		function show_div_pos_div_gen_edit (){show_div('pos_div_gen_edit', 'edit')}
		function hide_div_pos_div_gen_edit (){hide_div('pos_div_gen_edit', 'edit')}
		function hideorshow_div_pos_div_gen_edit (){hideorshow_div('pos_div_gen_edit', 'edit')}

		function show_div(id, type)
		{
				var thebutton = document.getElementById('button_category_'+type);
//				var buttonW = thebutton.offsetWidth
				var buttonW = 55
				var buttonH = thebutton.offsetHeight

				var category_covering_div  = document.getElementById("category_covering_div_"+type)
				if(navigator.appName=="Microsoft Internet Explorer")
				{
					category_covering_div.style.left = buttonW - 10 
				}
				else
				{
					category_covering_div.style.left = buttonW + 20 - 10 
				}
				var category_covering_divW = category_covering_div.offsetWidth
				var category_covering_divH = category_covering_div.offsetHeight
				
				if(domain_gid == 1629 || domain_gid == 1701)
				{				
					category_covering_div.style.top = -category_covering_divH + thebutton.offsetHeight
				}
				else
				{
					category_covering_div.style.top = -category_covering_divH + thebutton.offsetHeight + 60
				}

				var category_specific_div  = document.getElementById("category_specific_div_"+type)
				if(navigator.appName=="Microsoft Internet Explorer")
				{
					category_specific_div.style.left = buttonW + category_covering_divW - 10 - 1
				}
				else
				{
				category_specific_div.style.left = buttonW + category_covering_divW + 20 - 10 - 1
				}
				var div  = document.getElementById(id)
				div.style.visibility = "inherit"
		}
		function hide_div(id, type)
		{
				var div  = document.getElementById(id)
				div.style.visibility = "hidden"
		}
		function hideorshow_div(id, type)
		{
			
				var thebutton = document.getElementById('button_category_'+type);
//				var buttonW = thebutton.offsetWidth
				var buttonW = 55
				var buttonH = thebutton.offsetHeight
				var category_covering_div  = document.getElementById("category_covering_div_"+type)
				
				if(navigator.appName=="Microsoft Internet Explorer")
				{
				category_covering_div.style.left = buttonW - 10 
				}
				else
				{
				category_covering_div.style.left = buttonW + 20 - 10 
				}

				var category_covering_divW = category_covering_div.offsetWidth
				var category_covering_divH = category_covering_div.offsetHeight
				
				if(domain_gid == 1629 || domain_gid == 1701)
				{				
					category_covering_div.style.top = -category_covering_divH + thebutton.offsetHeight
				}
				else
				{
					category_covering_div.style.top = -category_covering_divH + thebutton.offsetHeight + 60
				}

				var category_specific_div  = document.getElementById("category_specific_div_"+type)
				
				if(navigator.appName=="Microsoft Internet Explorer")
				{
				category_specific_div.style.left = buttonW + category_covering_divW - 10 - 1
				}
				else
				{
				category_specific_div.style.left = buttonW + category_covering_divW + 20 - 10 - 1
				}


				var div  = document.getElementById(id)
				if(div.style.visibility == "hidden")
				{
						div.style.visibility = "inherit"
				}
				else
				{
						div.style.visibility = "hidden"
				}
		}function hide_container_onscreen(type)
	{
		hide_container(type, true)
	}	
function hide_container(type, onscreen, footer, loc_id)
	{
		if(type == "_msg")
			{
				if (selected_marker != 0) 
				{
					mapsystem.RestoreMarker (selected_marker);
					selected_marker = 0;
				}
			}
	if(document.getElementById('frame'+type) && document.getElementById('frame'+type).style.visibility == "inherit")
		{
				if (navigator.appName=="Netscape") 
				{
					if(onscreen == true)
					{ 
					hide_scroll('clientarea'+type)
					}
				}
				if(onscreen == true)
				{ 
							if(type == "_user")
							{
								
								if(only_user_var == true)
								{
									Message_Restore_to_Previous_view()
									only_user_var = false
								}
								
								urls.RemoveVariable("U");
								if(document.getElementById('frame_treel') && document.getElementById('frame_treel').style.visibility == "hidden")
								{	
											if(document.getElementById('frame_tag') && document.getElementById('frame_tag').style.visibility == "hidden")
											{
											urls.RemoveVariable("Uid");
											}
										
								}
								urls.UpdateURL();
							}
							if(type == "_loc")
							{
								urls.RemoveVariable("L");
								urls.UpdateURL();
							}
							if(type == "_msg")
							{
								urls.RemoveVariable("M");
								show.Flush();
								urls.UpdateURL();
							}
							if(type == "_view")
							{
								urls.RemoveVariable("V");
								urls.UpdateURL();
								
								set_bu_footer_overview_var = 1
				//				document.getElementById("bu_footer_overview").setAttribute('class',"footer_buttons bu_footer_overview")
				//				document.getElementById("bu_footer_overview").setAttribute('className',"footer_buttons bu_footer_overview")
							}
							if(type == "_info")
							{
								urls.RemoveVariable("MI");
								urls.UpdateURL();
								set_bu_footer_myinfo_var = 1
				//				document.getElementById("bu_footer_myinfo").setAttribute('class',"footer_buttons bu_footer_myinfo")
				//				document.getElementById("bu_footer_myinfo").setAttribute('className',"footer_buttons bu_footer_myinfo")
							}
							if(type == "_help")
							{
								urls.RemoveVariable("H");
								urls.UpdateURL();
								set_bu_footer_help_var = 1	
					//			document.getElementById("bu_footer_help").setAttribute('class',"footer_buttons bu_footer_help")
					//			document.getElementById("bu_footer_help").setAttribute('className',"footer_buttons bu_footer_help")
						}
							
							if(type == "_intro")
							{
								
				//				hide_scroll("extra_info_div")
								hide_scroll("content_description_div")
								
								urls.RemoveVariable("I");
								urls.UpdateURL();
						//		if(footer == true)
						//		{
									set_bu_footer_intro_var = 1
					//				document.getElementById("bu_footer_myinfo").setAttribute('class',"footer_buttons bu_footer_myinfo")
					//				document.getElementById("bu_footer_myinfo").setAttribute('className',"footer_buttons bu_footer_myinfo")
						//		}
								if(onscreen == true)
								{ 
									set_bu_footer_intro_var = 1
										urls.AddVariable("I", "cl");
										urls.UpdateURL();
								}
							}
							if(type == "_treel")
							{
								urls.RemoveVariable("T");
								urls.RemoveVariable("Tid");
								if(document.getElementById('frame_user') && document.getElementById('frame_user').style.visibility == "hidden")
								{
										urls.RemoveVariable("Uid");
								}
								urls.UpdateURL();
								
									 
							//	tr.DestroyAllTreelz()
		//temp						tr.HideAllTreelz()
							}
							if(type == "_pref")
							{
								urls.RemoveVariable("P");
								urls.UpdateURL();
							}
							if(type == "_tag")
							{
								urls.RemoveVariable("TA");
								urls.RemoveVariable("TAid");
								if(document.getElementById('frame_user') && document.getElementById('frame_user').style.visibility == "hidden")
								{
									urls.RemoveVariable("Uid");
								}
								urls.UpdateURL();
							}
							if(type == "_link")
							{
								set_bu_footer_link_var = 1	
						//		document.getElementById("bu_footer_link").setAttribute('class',"footer_buttons bu_footer_link")
						//		document.getElementById("bu_footer_link").setAttribute('className',"footer_buttons bu_footer_link")
							}
							if(type == "_add")
							{
								document.getElementById("comment").style.visibility = "inherit"

							}
							if(type == "_set")
							{
								hide_scroll("step_4_group_div")
							}
							if(type == "_group")
							{
								hide_scroll("details_div_groupprofile")
								
								
								
								if(only_group_var == true)
								{
									Message_Restore_to_Previous_view()
									only_group_var = false
								}
								
								urls.RemoveVariable("G");
								urls.UpdateURL();
							}
					}
					dd.elements['frame'+type].hide()
					
					var frame_div = document.getElementById('frame'+type);
							frame_div.innerHTML = ''
		}
	}
	
	
function hide_scroll(div_id)
	{
			if(document.getElementById(div_id+'_vscrollerbase'))
			{
				document.getElementById(div_id+'_vscrollerbase').style.visibility = "inherit"
			}
			
			if(document.getElementById(div_id+'_vscrollerbar'))
			{
				document.getElementById(div_id+'_vscrollerbar').style.visibility = "inherit"
			}
	}
	
function show_container(type, loc_id)
	{
		my_own_BuildFunc(type)
		dd.elements['frame'+type].show()
		my_own_z_function(type)
		var frame_div = document.getElementById('frame'+type);
		add_close_button("frame"+type, "javascript:hide_container('"+type+"', true)")
		
		if(type == "_msg" || type == "_treel"|| type == "_loc"|| type == "_intro")
		{
			var	buttons_div		=	createElement(frame_div,"buttons_div","buttons"+type+"_div",'div')
				var	center		=	createElement(buttons_div,null,null,'center')
					var	buttons_center_div		=	createElement(center,"buttons_center_div","buttons_center"+type+"_div",'div')
						buttons_center_div.style.width = "0px"
		}
		if(type == "_user" ||type == "_group" )
		{
			var	buttons_div		=	createElement(frame_div,"buttons_div","buttons"+type+"_div",'div')
				buttons_div.style.width = "0px"
		}
		
	}
function load_container(type)
	{
		create_container(type)
		
//na uitzetten van verschuivenADD_DHTML("resizehandle"+type+""+CURSOR_SE_RESIZE+RESET_Z);
//na uitzetten van verschuivenADD_DHTML("frame"+type+""+CURSOR_MOVE+RESET_Z);
		
		ADD_DHTML("resizehandle"+type+""+NO_DRAG+RESET_Z);
		ADD_DHTML("frame"+type+""+NO_DRAG+RESET_Z);
		
		ADD_DHTML("titlebar"+type+""+NO_DRAG+RESET_Z);
		ADD_DHTML("clientarea"+type+""+NO_DRAG+RESET_Z);
		ADD_DHTML("background"+type+""+NO_DRAG+RESET_Z);
		ADD_DHTML("footer"+type+""+NO_DRAG+RESET_Z);
		
		ADD_DHTML("corner_t_l"+type+""+NO_DRAG+RESET_Z);
		ADD_DHTML("corner_t_r"+type+""+NO_DRAG+RESET_Z);
		ADD_DHTML("corner_b_l"+type+""+NO_DRAG+RESET_Z);
		ADD_DHTML("corner_b_r"+type+""+NO_DRAG+RESET_Z);
		
		ADD_DHTML("extra_t_l"+type+""+NO_DRAG+RESET_Z);
		ADD_DHTML("extra_t_r"+type+""+NO_DRAG+RESET_Z);

		ADD_DHTML("extra_b_l"+type+""+NO_DRAG+RESET_Z);
		ADD_DHTML("extra_b_r"+type+""+NO_DRAG+RESET_Z);


		dd.elements['frame'+type].addChild("resizehandle"+type);
		dd.elements['frame'+type].addChild("titlebar"+type);
		dd.elements['frame'+type].addChild("footer"+type);
		dd.elements['frame'+type].addChild("clientarea"+type);
		dd.elements['frame'+type].addChild("background"+type);
		
		dd.elements['frame'+type].addChild("corner_t_l"+type);
		dd.elements['frame'+type].addChild("corner_t_r"+type);
		dd.elements['frame'+type].addChild("corner_b_l"+type);
		dd.elements['frame'+type].addChild("corner_b_r"+type);

		dd.elements['frame'+type].addChild("extra_t_l"+type);
		dd.elements['frame'+type].addChild("extra_t_r"+type);

		dd.elements['frame'+type].addChild("extra_b_l"+type);
		dd.elements['frame'+type].addChild("extra_b_r"+type);

		var MyOwnFunctions = ""
			MyOwnFunctions += "dd.elements.resizehandle"+type+".setDragFunc(my_own_DragFunc"+type+");";
			MyOwnFunctions += "dd.elements.frame"+type+".setDropFunc(my_own_DropFunc"+type+");";
			MyOwnFunctions += "dd.elements.resizehandle"+type+".setDropFunc(my_own_DropFunc"+type+");";
	
		eval(MyOwnFunctions)
		
	//	hide_container(type)
	}
function create_container(type)
	{
		middle_div = document.getElementById('middle');
						
						var container_div = document.getElementById('container'+type);
							container_div.innerHTML = ''
						
						var resizehandle_div = createElement(container_div,"resizehandle","resizehandle"+type,'div');

						var frame_div = createElement(container_div,"frame","frame"+type,'div');
							
	//						var close_div = createElement(frame_div,"close_div","close"+type,'div');
											
	//							var closebutton = createElement(close_div, "closebutton", "closebutton"+type, 'a');
	//								closebutton.href = "javascript:hide_container"+type+"()";
	//								closebutton.title = getTrans.Translate("title_close_window")
						
						
						var corner_t_l_div = createElement(container_div,"corner_t_l_75","corner_t_l"+type,'div');
						var corner_t_r_div = createElement(container_div,"corner_t_r_75","corner_t_r"+type,'div');
						var corner_b_l_div = createElement(container_div,"corner_b_l_75","corner_b_l"+type,'div');
						var corner_b_r_div = createElement(container_div,"corner_b_r_75","corner_b_r"+type,'div');

						
						
						var footer_div = createElement(container_div,"footer_75","footer"+type,'div');
							
						var titlebar_div = createElement(container_div,"titlebar_75","titlebar"+type,'div');
							titlebar_div.innerHTML = "";
									
						var extra_t_l = createElement(container_div,"extra_t_l_75","extra_t_l"+type,'div');
						var extra_t_r = createElement(container_div,"extra_t_r_75","extra_t_r"+type,'div');

						var extra_b_l = createElement(container_div,"extra_b_l_75","extra_b_l"+type,'div');
						var extra_b_r = createElement(container_div,"extra_b_r_75","extra_b_r"+type,'div');


						var background_div = createElement(container_div,"background_75","background"+type,'div');
						
				//		var clientarea_div = createElement(container_div,"clientarea flexcroll","clientarea"+type,'div');
						var clientarea_div = createElement(container_div,"clientarea","clientarea"+type,'div');
						
						if (navigator.appName=="Netscape") 
						{		
							clientarea_div.style.width = 1;
							clientarea_div.style.height = 1;
						}
							var clientarea_inner_div = createElement(clientarea_div,"clientarea_inner","clientarea_inner"+type,'div');
							
	//						var clientarea_inner_div_temp = createElement(clientarea_inner_div,"clientarea_inner_div_temp","clientarea_inner_div_temp"+type,'div');
	//							clientarea_inner_div_temp.style.color = "black" 
								clientarea_inner_div.innerHTML = "ioqoihqwihofqhwofqhio qiohwfoi oihwf oiqhwjfo ihqoiwhf oiqjwfoi jqwiofjqo iwj qiwjfo iqjwfoiqjw <br /><br /><br /><br /> oijud woijoqiwujd oiqwjdoq iwjdoiq juwidojuq woidju <br /><br />";
					
					
					CSBfleXcroll(clientarea_div)
						
			}
function my_own_DragFunc(type)
	{ 
	
				if (dd.obj.name == "resizehandle"+type)
					{
				 			var clientarea_inner = document.getElementById("clientarea_inner"+type);
				 				clientarea_inner.style.width = "";
								clientarea_inner.style.height = "";
								
							
						if(type == "_user" || type == "_group" || type == "_tag" || type == "_intro")
							{
								titlebar_h_extra = titlebar_h_extra_amount
							}
							else if (type == "_treel")
							{
								titlebar_h_extra = titlebar_h_extra_amount_treel
							}
							else
							{
								titlebar_h_extra = 0
							}
						
						titlebar_h = titlebar_h_normal + titlebar_h_extra
				       
					   	dd.elements['frame'+type].resizeTo(dd.obj.x-dd.elements['frame'+type].x+dd.obj.w+2, dd.obj.y-dd.elements['frame'+type].y+dd.obj.h+2);
				       	dd.elements['titlebar'+type].resizeTo(dd.obj.x-dd.elements['titlebar'+type].x+dd.obj.w-frame_padding-8, titlebar_h);
				    if(type == "_help")  
					{
						dd.elements['clientarea'+type].resizeTo(dd.elements['frame'+type].w, dd.elements['frame'+type].h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);
					}
					else
					{
						dd.elements['clientarea'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1)-5, dd.elements['frame'+type].h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);
					}
						dd.elements['background'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1), dd.elements['frame'+type].h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);
						dd.elements['footer'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1)-20,footer_h + footer_extra_2);
				 		dd.elements['footer'+type].moveTo(dd.elements['frame'+type].x+10, dd.elements['frame'+type].y+dd.elements['frame'+type].h-footer_h - footer_extra_2+space_inbetween+space_inbetween);
						
						dd.elements['corner_t_l'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y+2);
						dd.elements['corner_t_r'+type].moveTo(dd.elements['frame'+type].x+dd.elements['frame'+type].w-dd.elements['corner_t_r'+type].w, dd.elements['frame'+type].y+2);
						dd.elements['corner_b_l'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y+dd.elements['frame'+type].h-dd.elements['corner_b_l'+type].h+space_inbetween+space_inbetween);
						dd.elements['corner_b_r'+type].moveTo(dd.elements['frame'+type].x+dd.elements['frame'+type].w-dd.elements['corner_b_r'+type].w, dd.elements['frame'+type].y+dd.elements['frame'+type].h-dd.elements['corner_b_r'+type].h+space_inbetween+space_inbetween);
				if(type == "_user" || type == "_group" || type == "_treel" || type == "_tag" || type == "_intro")
						{
						dd.elements['extra_t_l'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y+2+dd.elements['corner_t_l'+type].h);
						dd.elements['extra_t_r'+type].moveTo(dd.elements['frame'+type].x+ dd.elements['frame'+type].w-dd.elements['corner_t_r'+type].w, dd.elements['frame'+type].y+2+dd.elements['corner_t_r'+type].h);
						}
						
						dd.elements['extra_b_l'+type].moveTo(dd.elements['frame'+type].x,dd.elements['frame'+type].y+2+dd.elements['corner_t_l'+type].h+dd.elements['clientarea'+type].h+titlebar_h_extra+space_inbetween+space_inbetween);
						dd.elements['extra_b_r'+type].moveTo(dd.elements['frame'+type].x+dd.elements['frame'+type].w-dd.elements['corner_b_r'+type].w,dd.elements['frame'+type].y+2+dd.elements['corner_t_l'+type].h+dd.elements['clientarea'+type].h+titlebar_h_extra+space_inbetween+space_inbetween);
					}
	}
function my_own_DropFunc(type)
	{	
		if (dd.obj.name == "frame"+type)
			{	
				my_own_z_function(type)	
				my_own_BuildFunc(type)
			};	
		if (dd.obj.name == "resizehandle"+type)
			{	
				my_own_z_function(type)	
				cleanTestDiv(type)
			};
	}
function test_show_height_msg()
	{
		test_show_height("_msg")
	}




function my_own_BuildFunc(type)
	{	
	if(document.getElementById('frame'+type))
	{
	
			var inner = document.getElementById('clientarea_inner'+type);
			var frame = document.getElementById('frame'+type);
			var bodyH = document.body.offsetHeight;
			var innerH = inner.offsetHeight + inner.offsetTop
			var frameT = frame.offsetTop
			var frame_h = ''

		
		var titlebar_h_extra = 0
		
		if(type == "_user" || type == "_group" || type == "_tag" || type == "_intro")
		{
			titlebar_h_extra = titlebar_h_extra_amount
		}
		else if (type == "_treel")
		{
			titlebar_h_extra = titlebar_h_extra_amount_treel
		}
		
		titlebar_h = titlebar_h_normal + titlebar_h_extra
		
		frame_h = innerH + statusbar_h + statusbar_extra_2 + titlebar_h + 9



		
			if(frame_h > bodyH - 65 - frameT - 65)
				{
					if((bodyH - 65 - frameT - 65) > 105)
					{
						
						frame_h = bodyH - 65 - frameT - 70
					}
					else
					{
						frame_h = 105
					}
				}
				frame.style.height = frame_h
				
				
				
//na uitzetten van verschuiven
			var frameL = frame.offsetLeft
			var bodyW = document.body.offsetWidth;
			var left_for_right = bodyW - frame.offsetWidth - 50
			var left_for_middle = bodyW/2 - frame.offsetWidth/2
/*			var top_for_middle = ''
				top_for_middle = bodyH - frame.offsetHeight - 75
			
			
			if(type == "_help"|| type == "_link"|| type == "_intro")
				{
					dd.elements['frame'+type].x = left_for_middle
					dd.elements['frame'+type].y = top_for_middle
				}
*/
			
			
			if(type == "_user"|| type == "_group" || type == "_tag"|| type == "_view" || type == "_treel")
				{
					dd.elements['frame'+type].x = left_for_right
				}
	//		alert(bodyH+" + "+frame.offsetHeight)
	
	
//tot hier


			dd.elements['frame'+type].resizeTo(dd.elements['frame'+type].w,frame_h);
			dd.elements['frame'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y);
		
			dd.elements['titlebar'+type].moveTo(dd.elements['frame'+type].x+10+frame_padding, dd.elements['frame'+type].y+2+frame_padding);
			dd.elements['titlebar'+type].resizeTo(dd.elements['frame'+type].w-20-(frame_padding<<1), titlebar_h);


			dd.elements['clientarea'+type].moveTo(dd.elements['frame'+type].x+0+frame_padding+clientarea_margin, dd.elements['titlebar'+type].y+titlebar_h+toolbar_h+clientarea_margin+space_inbetween);
		if(type == "_help")  
		{
			dd.elements['clientarea'+type].resizeTo(dd.elements['frame'+type].w, dd.elements['frame'+type].h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);
		}
		else
		{
			dd.elements['clientarea'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1)-5, dd.elements['frame'+type].h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);
		}
	//		dd.elements['clientarea'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1)-5,frame_h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);

			dd.elements['background'+type].moveTo(dd.elements['frame'+type].x+0+frame_padding+clientarea_margin, dd.elements['titlebar'+type].y+titlebar_h+toolbar_h+clientarea_margin+space_inbetween);
			dd.elements['background'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1),frame_h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);

			dd.elements['footer'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1)-20,footer_h + footer_extra_2);
			dd.elements['footer'+type].moveTo(dd.elements['frame'+type].x+10, dd.elements['frame'+type].y+frame_h-dd.elements['footer'+type].h+space_inbetween+space_inbetween );

			dd.elements['corner_t_l'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y+2);
			dd.elements['corner_t_r'+type].moveTo(dd.elements['frame'+type].x+ dd.elements['frame'+type].w-dd.elements['corner_t_r'+type].w, dd.elements['frame'+type].y+2);
			dd.elements['corner_b_l'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y+dd.elements['frame'+type].h-dd.elements['corner_b_l'+type].h+space_inbetween+space_inbetween);
			dd.elements['corner_b_r'+type].moveTo(dd.elements['frame'+type].x+ dd.elements['frame'+type].w-dd.elements['corner_b_r'+type].w, dd.elements['frame'+type].y+dd.elements['frame'+type].h-dd.elements['corner_b_r'+type].h+space_inbetween+space_inbetween);
		
		if(type == "_user" || type == "_group" || type == "_treel" || type == "_tag" || type == "_intro")
		{
			dd.elements['extra_t_l'+type].resizeTo(dd.elements['corner_t_l'+type].w,titlebar_h_extra);
			dd.elements['extra_t_r'+type].resizeTo(dd.elements['corner_t_r'+type].w,titlebar_h_extra);
			
			dd.elements['extra_t_l'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y+2+dd.elements['corner_t_l'+type].h);
			dd.elements['extra_t_r'+type].moveTo(dd.elements['frame'+type].x+ dd.elements['frame'+type].w-dd.elements['corner_t_r'+type].w, dd.elements['frame'+type].y+2+dd.elements['corner_t_r'+type].h);
		}

			dd.elements['extra_b_l'+type].resizeTo(dd.elements['corner_b_l'+type].w,footer_h_extra);
			dd.elements['extra_b_r'+type].resizeTo(dd.elements['corner_b_r'+type].w,footer_h_extra);
			
			dd.elements['extra_b_l'+type].moveTo(dd.elements['frame'+type].x,dd.elements['frame'+type].y+2+dd.elements['corner_t_l'+type].h+dd.elements['clientarea'+type].h+titlebar_h_extra+space_inbetween+space_inbetween);
			dd.elements['extra_b_r'+type].moveTo(dd.elements['frame'+type].x+dd.elements['frame'+type].w-dd.elements['corner_b_r'+type].w,dd.elements['frame'+type].y+2+dd.elements['corner_t_l'+type].h+dd.elements['clientarea'+type].h+titlebar_h_extra+space_inbetween+space_inbetween);


dd.elements['resizehandle'+type].moveTo(dd.elements['frame'+type].x+dd.elements['frame'+type].w-dd.elements['resizehandle'+type].w-2, dd.elements['frame'+type].y+frame_h-dd.elements['resizehandle'+type].h-2 +space_inbetween+space_inbetween);

		cleanTestDiv(type)

//na uitzetten van verschuiven
	/*		if(type == "_help"|| type == "_link"|| type == "_intro")
				{
					frame.style.left = left_for_middle
					frame.style.top = top_for_middle - 60
				}
*/			if(type == "_user"|| type == "_group" || type == "_tag"|| type == "_view" || type == "_treel")
				{
					frame.style.left = left_for_right
				}

//tot hier
	}
}

/*
function my_own_BuildFunc(type)
	{	
	if(document.getElementById('frame'+type))
	{
	
			var inner = document.getElementById('clientarea_inner'+type);
			var frame = document.getElementById('frame'+type);
			
			var innerH = inner.offsetHeight + inner.offsetTop
			var frameT = frame.offsetTop
			var bodyH = document.body.offsetHeight;
		
		var titlebar_h_extra = 0
		
		if(type == "_user" || type == "_group" || type == "_tag" || type == "_intro")
		{
			titlebar_h_extra = titlebar_h_extra_amount
		}
		else if (type == "_treel")
		{
			titlebar_h_extra = titlebar_h_extra_amount_treel
		}
		
		titlebar_h = titlebar_h_normal + titlebar_h_extra
		
			frame_h = innerH + statusbar_h + statusbar_extra_2 + titlebar_h + 9
		
		
			if(frame_h > bodyH - 65 - frameT - 65)
				{
					if((bodyH - 65 - frameT - 65) > 105)
					{
						
						frame_h = bodyH - 65 - frameT - 69
					}
					else
					{
						frame_h = 105
						
						
					}
				}
		
				frame.style.height = frame_h

			dd.elements['frame'+type].resizeTo(dd.elements['frame'+type].w,frame_h);
			dd.elements['frame'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y);
		
			dd.elements['titlebar'+type].moveTo(dd.elements['frame'+type].x+10+frame_padding, dd.elements['frame'+type].y+2+frame_padding);
			dd.elements['titlebar'+type].resizeTo(dd.elements['frame'+type].w-20-(frame_padding<<1), titlebar_h);


			dd.elements['clientarea'+type].moveTo(dd.elements['frame'+type].x+0+frame_padding+clientarea_margin, dd.elements['titlebar'+type].y+titlebar_h+toolbar_h+clientarea_margin+space_inbetween);
			dd.elements['clientarea'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1)-5,frame_h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);

			dd.elements['background'+type].moveTo(dd.elements['frame'+type].x+0+frame_padding+clientarea_margin, dd.elements['titlebar'+type].y+titlebar_h+toolbar_h+clientarea_margin+space_inbetween);
			dd.elements['background'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1),frame_h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);

			dd.elements['footer'+type].resizeTo(dd.elements['frame'+type].w-0-(frame_padding<<1)-(clientarea_margin<<1)-20,footer_h + footer_extra_2);
			dd.elements['footer'+type].moveTo(dd.elements['frame'+type].x+10, dd.elements['frame'+type].y+frame_h-dd.elements['footer'+type].h+space_inbetween+space_inbetween );

			dd.elements['corner_t_l'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y+2);
			dd.elements['corner_t_r'+type].moveTo(dd.elements['frame'+type].x+ dd.elements['frame'+type].w-dd.elements['corner_t_r'+type].w, dd.elements['frame'+type].y+2);
			dd.elements['corner_b_l'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y+dd.elements['frame'+type].h-dd.elements['corner_b_l'+type].h+space_inbetween+space_inbetween);
			dd.elements['corner_b_r'+type].moveTo(dd.elements['frame'+type].x+ dd.elements['frame'+type].w-dd.elements['corner_b_r'+type].w, dd.elements['frame'+type].y+dd.elements['frame'+type].h-dd.elements['corner_b_r'+type].h+space_inbetween+space_inbetween);
		
		if(type == "_user" || type == "_group" || type == "_treel" || type == "_tag" || type == "_intro")
		{
			dd.elements['extra_t_l'+type].resizeTo(dd.elements['corner_t_l'+type].w,titlebar_h_extra);
			dd.elements['extra_t_r'+type].resizeTo(dd.elements['corner_t_r'+type].w,titlebar_h_extra);
			
			dd.elements['extra_t_l'+type].moveTo(dd.elements['frame'+type].x, dd.elements['frame'+type].y+2+dd.elements['corner_t_l'+type].h);
			dd.elements['extra_t_r'+type].moveTo(dd.elements['frame'+type].x+ dd.elements['frame'+type].w-dd.elements['corner_t_r'+type].w, dd.elements['frame'+type].y+2+dd.elements['corner_t_r'+type].h);
		}

			dd.elements['extra_b_l'+type].resizeTo(dd.elements['corner_b_l'+type].w,footer_h_extra);
			dd.elements['extra_b_r'+type].resizeTo(dd.elements['corner_b_r'+type].w,footer_h_extra);
			
			dd.elements['extra_b_l'+type].moveTo(dd.elements['frame'+type].x,dd.elements['frame'+type].y+2+dd.elements['corner_t_l'+type].h+dd.elements['clientarea'+type].h+titlebar_h_extra+space_inbetween+space_inbetween);
			dd.elements['extra_b_r'+type].moveTo(dd.elements['frame'+type].x+dd.elements['frame'+type].w-dd.elements['corner_b_r'+type].w,dd.elements['frame'+type].y+2+dd.elements['corner_t_l'+type].h+dd.elements['clientarea'+type].h+titlebar_h_extra+space_inbetween+space_inbetween);


dd.elements['resizehandle'+type].moveTo(dd.elements['frame'+type].x+dd.elements['frame'+type].w-dd.elements['resizehandle'+type].w-2, dd.elements['frame'+type].y+frame_h-dd.elements['resizehandle'+type].h-2 +space_inbetween+space_inbetween);

		cleanTestDiv(type)
		
	}
}
*/

function cleanTestDiv(type) 
	{	
//	var targetEl = document.getElementById('clientarea_inner'+type);
	var scrollDiv = document.getElementById('clientarea'+type);
//	if (targetEl) {targetEl.innerHTML = targetEl.innerHTML};
//	if (typeof(targetEl.parS) != 'undefined') targetEl.parS = new Array();
//	targetEl.parentNode.className = 'clientarea dynamic';
//	targetEl.parentNode.class = 'clientarea dynamic';
	//Following is the method to tell fleXcrolled div to update itself
	if(scrollDiv.scrollUpdate) scrollDiv.scrollUpdate();
}

function scrollUpdate(target_id) 
{	
	var scroll_target_div = document.getElementById(target_id);
	if(scroll_target_div) scroll_target_div.scrollUpdate();
}
var frame_padding = 0;
var toolbar_h = 0;
var clientarea_margin = 0;

var footer_h_old = 22;
var footer_extra_2 = 20;
var footer_h_extra = 10
var footer_h = footer_h_old + footer_h_extra

var statusbar_h_old = 24;
var statusbar_extra_2 = 20;
var statusbar_h = statusbar_h_old + footer_h_extra

var titlebar_h_normal = 25;
var titlebar_h_extra_amount = 25;
var titlebar_h_extra_amount_treel = 30;

var space_inbetween = 2;


function my_own_DragFunc_user(){my_own_DragFunc("_user")}
function my_own_DropFunc_user(){my_own_DropFunc("_user")}

function my_own_DragFunc_loc(){my_own_DragFunc("_loc")}
function my_own_DropFunc_loc(){my_own_DropFunc("_loc")}

function my_own_DragFunc_msg(){my_own_DragFunc("_msg")}
function my_own_DropFunc_msg(){my_own_DropFunc("_msg")}

function my_own_DragFunc_add(){my_own_DragFunc("_add")}
function my_own_DropFunc_add(){my_own_DropFunc("_add")}

function my_own_DragFunc_view(){my_own_DragFunc("_view")}
function my_own_DropFunc_view(){my_own_DropFunc("_view")}

function my_own_DragFunc_info(){my_own_DragFunc("_info")}
function my_own_DropFunc_info(){my_own_DropFunc("_info")}

function my_own_DragFunc_help(){my_own_DragFunc("_help")}
function my_own_DropFunc_help(){my_own_DropFunc("_help")}

function my_own_DragFunc_intro(){my_own_DragFunc("_intro")}
function my_own_DropFunc_intro(){my_own_DropFunc("_intro")}

function my_own_DragFunc_treel(){my_own_DragFunc("_treel")}
function my_own_DropFunc_treel(){my_own_DropFunc("_treel")}

function my_own_DragFunc_pref(){my_own_DragFunc("_pref")}
function my_own_DropFunc_pref(){my_own_DropFunc("_pref")}

function my_own_DragFunc_tag(){my_own_DragFunc("_tag")}
function my_own_DropFunc_tag(){my_own_DropFunc("_tag")}

function my_own_DragFunc_link(){my_own_DragFunc("_link")}
function my_own_DropFunc_link(){my_own_DropFunc("_link")}

function my_own_DragFunc_set(){my_own_DragFunc("_set")}
function my_own_DropFunc_set(){my_own_DropFunc("_set")}

function my_own_DragFunc_group(){my_own_DragFunc("_group")}
function my_own_DropFunc_group(){my_own_DropFunc("_group")}


function load_all_containers()
	{
		load_container("_user")
		load_container("_loc")
		load_container("_msg")
		load_container("_add")
		load_container("_view")		
		load_container("_info")
		load_container("_help")
		load_container("_intro")
		load_container("_treel")
		load_container("_pref")
		load_container("_tag")
		load_container("_link")
		load_container("_set")
		load_container("_group")
	}
	
function hide_container_all(onscreen)
{
	
	if(onscreen == true)
	{
		
		hide_container("_user", true)
		hide_container("_loc", true)
		hide_container("_msg", true)
		hide_container("_add", true)
		hide_container("_view", true)
		hide_container("_info", true)
		hide_container("_help", true)
		hide_container("_intro", true)
		hide_container("_treel", true)
		hide_container("_pref", true)
		hide_container("_tag", true)
		hide_container("_link", true)
		hide_container("_set", true)
		hide_container("_group", true)
		
		close_treelz_alert()
		hide_tooltip()
		make_footer_inactive()
		close_large_pic()
		hide_sub_cat_selection()
		close_sel_groups()
		timed_close_sel_groups('Search')
	}
	else
	{
		hide_container("_user")
		hide_container("_loc")
		hide_container("_msg")
		hide_container("_add")
		hide_container("_view")
		hide_container("_info")
		hide_container("_help")
		hide_container("_intro")
		hide_container("_treel")
		hide_container("_pref")
		hide_container("_tag")
		hide_container("_link")
		hide_container("_set")
		hide_container("_group")
	}
}

function resize_all_containers()
	{
		my_own_BuildFunc('_user')
		my_own_BuildFunc('_loc')
		my_own_BuildFunc('_msg')
		my_own_BuildFunc('_add')
		my_own_BuildFunc('_view')
		my_own_BuildFunc('_info')
		my_own_BuildFunc('_help')
		my_own_BuildFunc('_intro')
		my_own_BuildFunc('_treel')
		my_own_BuildFunc('_pref')
		my_own_BuildFunc('_tag')
		my_own_BuildFunc('_link')
		my_own_BuildFunc('_set')
		my_own_BuildFunc('_group')
	}

function change_darkness_bg_allcontainers(opacity)
	{
		change_darkness_bg(opacity, "_user")
		change_darkness_bg(opacity, "_loc")
		change_darkness_bg(opacity, "_msg")
		change_darkness_bg(opacity, "_add")
		change_darkness_bg(opacity, "_view")
		change_darkness_bg(opacity, "_select")
		change_darkness_bg(opacity, "_info")
		change_darkness_bg(opacity, "_intro")
		change_darkness_bg(opacity, "_treel")
		change_darkness_bg(opacity, "_pref")
		change_darkness_bg(opacity, "_tag")
		change_darkness_bg(opacity, "_link")
		change_darkness_bg(opacity, "_set")
		change_darkness_bg(opacity, "_group")
	}

function create_general_containers()

	{
		
		var middle_div = document.getElementById('middle');
			
			var container_user = createElement(middle_div,"container","container_user",'div');
			var container_loc = createElement(middle_div,"container","container_loc",'div');
			var container_msg = createElement(middle_div,"container","container_msg",'div');
			var container_add = createElement(middle_div,"container","container_add",'div');
			var container_view = createElement(middle_div,"container","container_view",'div');
			var container_info = createElement(middle_div,"container","container_info",'div');
			var container_help = createElement(middle_div,"container","container_help",'div');
			var container_intro = createElement(middle_div,"container","container_intro",'div');
			var container_treel = createElement(middle_div,"container","container_treel",'div');
			var container_pref = createElement(middle_div,"container","container_pref",'div');
			var container_tag = createElement(middle_div,"container","container_tag",'div');
			var container_link = createElement(middle_div,"container","container_link",'div');
			var container_set = createElement(middle_div,"container","container_set",'div');
			var container_group = createElement(middle_div,"container","container_group",'div');
	}




function my_own_z_function(type)
	{
			
		if(document.getElementById('frame_user'))
		{	
			dd.elements['frame_user'].setZ(4);			
			dd.elements['clientarea_user'].setZ(5);		
			dd.elements['background_user'].setZ(1);		
			dd.elements['titlebar_user'].setZ(1);			
			dd.elements['footer_user'].setZ(1);			
			dd.elements['resizehandle_user'].setZ(6);		
			dd.elements['corner_t_l_user'].setZ(1);
			dd.elements['corner_t_r_user'].setZ(1);
			dd.elements['corner_b_l_user'].setZ(1);
			dd.elements['corner_b_r_user'].setZ(1);
			dd.elements['extra_t_l_user'].setZ(1);
			dd.elements['extra_t_r_user'].setZ(1);
			dd.elements['extra_b_l_user'].setZ(1);
			dd.elements['extra_b_r_user'].setZ(1);
		}
		if(document.getElementById('frame_loc'))
		{
			dd.elements['frame_loc'].setZ(14);			
			dd.elements['clientarea_loc'].setZ(15);		
			dd.elements['background_loc'].setZ(11);		
			dd.elements['titlebar_loc'].setZ(11);			
			dd.elements['footer_loc'].setZ(11);			
			dd.elements['resizehandle_loc'].setZ(16);		
			dd.elements['corner_t_l_loc'].setZ(11);
			dd.elements['corner_t_r_loc'].setZ(11);
			dd.elements['corner_b_l_loc'].setZ(11);
			dd.elements['corner_b_r_loc'].setZ(11);
			dd.elements['extra_t_l_loc'].setZ(11);
			dd.elements['extra_t_r_loc'].setZ(11);
			dd.elements['extra_b_l_loc'].setZ(11);
			dd.elements['extra_b_r_loc'].setZ(11);
		}
		if(document.getElementById('frame_msg'))
		{
			dd.elements['frame_msg'].setZ(24);			
			dd.elements['clientarea_msg'].setZ(25);		
			dd.elements['background_msg'].setZ(21);		
			dd.elements['titlebar_msg'].setZ(21);			
			dd.elements['footer_msg'].setZ(21);			
			dd.elements['resizehandle_msg'].setZ(26);
			dd.elements['corner_t_l_msg'].setZ(21);
			dd.elements['corner_t_r_msg'].setZ(21);
			dd.elements['corner_b_l_msg'].setZ(21);
			dd.elements['corner_b_r_msg'].setZ(21);
			dd.elements['extra_t_l_msg'].setZ(21);
			dd.elements['extra_t_r_msg'].setZ(21);
			dd.elements['extra_b_l_msg'].setZ(21);
			dd.elements['extra_b_r_msg'].setZ(21);
		}
		if(document.getElementById('frame_add'))
		{

			dd.elements['frame_add'].setZ(34);			
			dd.elements['clientarea_add'].setZ(35);		
			dd.elements['background_add'].setZ(31);		
			dd.elements['titlebar_add'].setZ(31);			
			dd.elements['footer_add'].setZ(31);			
			dd.elements['resizehandle_add'].setZ(36);
			dd.elements['corner_t_l_add'].setZ(31);
			dd.elements['corner_t_r_add'].setZ(31);
			dd.elements['corner_b_l_add'].setZ(31);
			dd.elements['corner_b_r_add'].setZ(31);
			dd.elements['extra_t_l_add'].setZ(31);
			dd.elements['extra_t_r_add'].setZ(31);
			dd.elements['extra_b_l_add'].setZ(31);
			dd.elements['extra_b_r_add'].setZ(31);
		}
		if(document.getElementById('frame_view'))
		{

			dd.elements['frame_view'].setZ(44);			
			dd.elements['clientarea_view'].setZ(45);		
			dd.elements['background_view'].setZ(41);		
			dd.elements['titlebar_view'].setZ(41);			
			dd.elements['footer_view'].setZ(41);			
			dd.elements['resizehandle_view'].setZ(46);
			dd.elements['corner_t_l_view'].setZ(41);
			dd.elements['corner_t_r_view'].setZ(41);
			dd.elements['corner_b_l_view'].setZ(41);
			dd.elements['corner_b_r_view'].setZ(41);
			dd.elements['extra_t_l_view'].setZ(41);
			dd.elements['extra_t_r_view'].setZ(41);
			dd.elements['extra_b_l_view'].setZ(41);
			dd.elements['extra_b_r_view'].setZ(41);
		}
		if(document.getElementById('frame_info'))
		{

			dd.elements['frame_info'].setZ(64);			
			dd.elements['clientarea_info'].setZ(65);		
			dd.elements['background_info'].setZ(61);		
			dd.elements['titlebar_info'].setZ(61);			
			dd.elements['footer_info'].setZ(61);			
			dd.elements['resizehandle_info'].setZ(66);
			dd.elements['corner_t_l_info'].setZ(61);
			dd.elements['corner_t_r_info'].setZ(61);
			dd.elements['corner_b_l_info'].setZ(61);
			dd.elements['corner_b_r_info'].setZ(61);
			dd.elements['extra_t_l_info'].setZ(61);
			dd.elements['extra_t_r_info'].setZ(61);
			dd.elements['extra_b_l_info'].setZ(61);
			dd.elements['extra_b_r_info'].setZ(61);
		}
		if(document.getElementById('frame_help'))
		{

			dd.elements['frame_help'].setZ(74);			
			dd.elements['clientarea_help'].setZ(75);		
			dd.elements['background_help'].setZ(71);		
			dd.elements['titlebar_help'].setZ(71);			
			dd.elements['footer_help'].setZ(71);			
			dd.elements['resizehandle_help'].setZ(76);
			dd.elements['corner_t_l_help'].setZ(71);
			dd.elements['corner_t_r_help'].setZ(71);
			dd.elements['corner_b_l_help'].setZ(71);
			dd.elements['corner_b_r_help'].setZ(71);
			dd.elements['extra_t_l_help'].setZ(71);
			dd.elements['extra_t_r_help'].setZ(71);
			dd.elements['extra_b_l_help'].setZ(71);
			dd.elements['extra_b_r_help'].setZ(71);
		}
		if(document.getElementById('frame_intro'))
		{

			dd.elements['frame_intro'].setZ(284);			
			dd.elements['clientarea_intro'].setZ(285);		
			dd.elements['background_intro'].setZ(281);		
			dd.elements['titlebar_intro'].setZ(281);			
			dd.elements['footer_intro'].setZ(281);			
			dd.elements['resizehandle_intro'].setZ(286);
			dd.elements['corner_t_l_intro'].setZ(281);
			dd.elements['corner_t_r_intro'].setZ(281);
			dd.elements['corner_b_l_intro'].setZ(281);
			dd.elements['corner_b_r_intro'].setZ(281);
			dd.elements['extra_t_l_intro'].setZ(281);
			dd.elements['extra_t_r_intro'].setZ(281);
			dd.elements['extra_b_l_intro'].setZ(281);
			dd.elements['extra_b_r_intro'].setZ(281);
		}
		if(document.getElementById('frame_treel'))
		{

			dd.elements['frame_treel'].setZ(94);			
			dd.elements['clientarea_treel'].setZ(95);		
			dd.elements['background_treel'].setZ(91);		
			dd.elements['titlebar_treel'].setZ(91);			
			dd.elements['footer_treel'].setZ(91);			
			dd.elements['resizehandle_treel'].setZ(96);
			dd.elements['corner_t_l_treel'].setZ(91);
			dd.elements['corner_t_r_treel'].setZ(91);
			dd.elements['corner_b_l_treel'].setZ(91);
			dd.elements['corner_b_r_treel'].setZ(91);
			dd.elements['extra_t_l_treel'].setZ(91);
			dd.elements['extra_t_r_treel'].setZ(91);
			dd.elements['extra_b_l_treel'].setZ(91);
			dd.elements['extra_b_r_treel'].setZ(91);
		}
		if(document.getElementById('frame_pref'))
		{

			dd.elements['frame_pref'].setZ(104);			
			dd.elements['clientarea_pref'].setZ(105);		
			dd.elements['background_pref'].setZ(101);		
			dd.elements['titlebar_pref'].setZ(101);			
			dd.elements['footer_pref'].setZ(101);			
			dd.elements['resizehandle_pref'].setZ(106);
			dd.elements['corner_t_l_pref'].setZ(101);
			dd.elements['corner_t_r_pref'].setZ(101);
			dd.elements['corner_b_l_pref'].setZ(101);
			dd.elements['corner_b_r_pref'].setZ(101);
			dd.elements['extra_t_l_pref'].setZ(101);
			dd.elements['extra_t_r_pref'].setZ(101);
			dd.elements['extra_b_l_pref'].setZ(101);
			dd.elements['extra_b_r_pref'].setZ(101);
		}
		if(document.getElementById('frame_tag'))
		{

			dd.elements['frame_tag'].setZ(114);			
			dd.elements['clientarea_tag'].setZ(115);		
			dd.elements['background_tag'].setZ(111);		
			dd.elements['titlebar_tag'].setZ(111);			
			dd.elements['footer_tag'].setZ(111);			
			dd.elements['resizehandle_tag'].setZ(116);
			dd.elements['corner_t_l_tag'].setZ(111);
			dd.elements['corner_t_r_tag'].setZ(111);
			dd.elements['corner_b_l_tag'].setZ(111);
			dd.elements['corner_b_r_tag'].setZ(111);
			dd.elements['extra_t_l_tag'].setZ(111);
			dd.elements['extra_t_r_tag'].setZ(111);
			dd.elements['extra_b_l_tag'].setZ(111);
			dd.elements['extra_b_r_tag'].setZ(111);
		}
		if(document.getElementById('frame_link'))
		{

			dd.elements['frame_link'].setZ(124);			
			dd.elements['clientarea_link'].setZ(125);		
			dd.elements['background_link'].setZ(121);		
			dd.elements['titlebar_link'].setZ(121);			
			dd.elements['footer_link'].setZ(121);			
			dd.elements['resizehandle_link'].setZ(126);
			dd.elements['corner_t_l_link'].setZ(121);
			dd.elements['corner_t_r_link'].setZ(121);
			dd.elements['corner_b_l_link'].setZ(121);
			dd.elements['corner_b_r_link'].setZ(121);
			dd.elements['extra_t_l_link'].setZ(121);
			dd.elements['extra_t_r_link'].setZ(121);
			dd.elements['extra_b_l_link'].setZ(121);
			dd.elements['extra_b_r_link'].setZ(121);
		}
		
		if(document.getElementById('frame_set'))
		{

			dd.elements['frame_set'].setZ(134);			
			dd.elements['clientarea_set'].setZ(135);		
			dd.elements['background_set'].setZ(131);		
			dd.elements['titlebar_set'].setZ(131);			
			dd.elements['footer_set'].setZ(131);			
			dd.elements['resizehandle_set'].setZ(136);
			dd.elements['corner_t_l_set'].setZ(131);
			dd.elements['corner_t_r_set'].setZ(131);
			dd.elements['corner_b_l_set'].setZ(131);
			dd.elements['corner_b_r_set'].setZ(131);
			dd.elements['extra_t_l_set'].setZ(131);
			dd.elements['extra_t_r_set'].setZ(131);
			dd.elements['extra_b_l_set'].setZ(131);
			dd.elements['extra_b_r_set'].setZ(131);
		}
		if(document.getElementById('frame_group'))
		{

			dd.elements['frame_group'].setZ(144);			
			dd.elements['clientarea_group'].setZ(145);		
			dd.elements['background_group'].setZ(141);		
			dd.elements['titlebar_group'].setZ(141);			
			dd.elements['footer_group'].setZ(141);			
			dd.elements['resizehandle_group'].setZ(146);
			dd.elements['corner_t_l_group'].setZ(141);
			dd.elements['corner_t_r_group'].setZ(141);
			dd.elements['corner_b_l_group'].setZ(141);
			dd.elements['corner_b_r_group'].setZ(141);
			dd.elements['extra_t_l_group'].setZ(141);
			dd.elements['extra_t_r_group'].setZ(141);
			dd.elements['extra_b_l_group'].setZ(141);
			dd.elements['extra_b_r_group'].setZ(141);
		}

		if(type)
		{
			
			if(document.getElementById('frame'+type))
			{
				dd.elements['frame'+type].setZ(194);			
				dd.elements['clientarea'+type].setZ(195);		
				dd.elements['background'+type].setZ(191);		
				dd.elements['titlebar'+type].setZ(191);			
				dd.elements['footer'+type].setZ(191);			
				dd.elements['resizehandle'+type].setZ(196);	
				dd.elements['corner_t_l'+type].setZ(191);
				dd.elements['corner_t_r'+type].setZ(191);
				dd.elements['corner_b_l'+type].setZ(191);
				dd.elements['corner_b_r'+type].setZ(191);
				dd.elements['extra_t_l'+type].setZ(191);
				dd.elements['extra_t_r'+type].setZ(191);
				dd.elements['extra_b_l'+type].setZ(191);
				dd.elements['extra_b_r'+type].setZ(191);
			}
		}
	}//	var	global_groups_all_selected	=	true
//	var	groups_groups_all_selected	=	true
//	var	users_groups_all_selected	=	true
//	var	languages_groups_all_selected	=	true
	function	show_global_filter()
	{
			fill_filter_cat()
			fill_filter_groups()
	}
	function	fill_filter_cat()
	{
			var	cats	=	mapsystem.globalfilter.getCategoryFilters()
			var	category_selection_div	=	document.getElementById("category_selection")
			category_selection_div.innerHTML	=	''
			var	groups_selection_div	=	document.getElementById("groups_selection")
			var	amount_of_cats	=	0
			
			
			var	top_filter_selection_div	=	createElement(category_selection_div,"top_filter_selection_div","top_filter_selection_div",'div')
				adjust_size_to_image(top_filter_selection_div, "images/3_selection/selection_cap_top.png")
				set_background_image(top_filter_selection_div, "images/3_selection/selection_cap_top.png")

					
			mapsystem.message_categories.getParentCategories(function(cats)
			{
				if(domain_gid == 1701)
				{
					for(i	in	cats)
					{
						if(i == 21210)
						{
							var	cat	=	cats[i]
							cat.getChilds(function(sub_cats)
							{
									for(i	in	sub_cats)
									{
											var	sub_cat	=	sub_cats[i]
											var	select_button_div	=	createElement(category_selection_div,"select_button	select_button_div_class","select_button_div_"+sub_cat.name,'div')
												load_sub_selection_button_special_group(sub_cat.id,	sub_cat.name,	"images/3_selection/sub_categories/icon_sub_cat_"+sub_cat.id+".png",	cat.id,	cat.name)
												amount_of_cats	=	amount_of_cats	+	1
									}
							}
							);
						}
					}
				}
				else if(domain_gid == 1629)
				{
					for(i	in	cats)
					{
						if(i == 21110 || i == 21120 || i == 21130)
						{
							var	cat	=	cats[i]
							var	select_button_div	=	createElement(category_selection_div,"select_button	select_button_div_class","select_button_div_"+cat.name,'div')
								load_selection_button(cat.id,	cat.name,	"images/3_selection/categories/icon_cat_"+cat.id+".png",	select_button_div)
								amount_of_cats	=	amount_of_cats	+	1
						}

				//		if(i == 1900)
				//		{
				//			var	cat	=	cats[i]
				//			cat.getChilds(function(sub_cats)
				//			{
				//					for(i	in	sub_cats)
				//					{
				//							var	sub_cat	=	sub_cats[i]
				//							var	select_button_div	=	createElement(category_selection_div,"select_button	select_button_div_class","select_button_div_"+sub_cat.name,'div')
				//								load_sub_selection_button_special_group(sub_cat.id,	sub_cat.name,	"images/3_selection/sub_categories/icon_sub_cat_"+sub_cat.id+".png",	cat.id,	cat.name)
				//								amount_of_cats	=	amount_of_cats	+	1
				//					}
				//			}
				//			);
				//		}
					}
				}
				else 
				{
					for(i	in	cats)
					{
						if(i < 20000)
						{
							var	cat	=	cats[i]
							var	select_button_div	=	createElement(category_selection_div,"select_button	select_button_div_class","select_button_div_"+cat.name,'div')
								load_selection_button(cat.id,	cat.name,	"images/3_selection/categories/icon_cat_"+cat.id+".png",	select_button_div)
								amount_of_cats	=	amount_of_cats	+	1
						}
					}
				}
					var category_selection_T = category_selection_div.offsetTop
					var	height_cat_div	=	amount_of_cats	*	30 + category_selection_T + 8 + 8
					
						category_selection_div.style.height	=	height_cat_div
						groups_selection_div.style.top	=	height_cat_div	+	5
			
			var	bottom_filter_selection_div	=	createElement(category_selection_div,"bottom_filter_selection_div","bottom_filter_selection_div",'div')
				adjust_size_to_image(bottom_filter_selection_div, "images/3_selection/selection_cap_bottom.png")
				set_background_image(bottom_filter_selection_div, "images/3_selection/selection_cap_bottom.png")
	
				
			}
			);
	}
	function	hide_show_sub_cat_selection(parent_cat_id,	cat_name) 
	{
		var	thediv	=	document.getElementById("sub_category_selection_"+parent_cat_id)
		if(document.getElementById("left_sub_cat_colapse_div_"+parent_cat_id))
		{
			thediv.style.visibility	=	"visible"
		}
		else
		{
			show_sub_cat_selection(parent_cat_id,	cat_name)
		}
	}
	function	show_sub_cat_selection(parent_cat_id,	cat_name) 
	{
		clearTimeout(timer_category_filters)
//		alert("nee toch?"+parent_cat_id+" + "+cat_name)
			var	category_selection	=	document.getElementById("category_selection")
			var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
			var	height_select_button_div	=	select_button_div.offsetTop
			var	height_category_selection	=	category_selection.offsetTop
			var	thediv	=	document.getElementById("sub_category_selection_"+parent_cat_id)
			thediv.innerHTML	=	''
			
			var	left_sub_cat_colapse_div	=	createElement(thediv,"left_sub_cat_colapse_div","left_sub_cat_colapse_div_"+parent_cat_id,'div')
				adjust_size_to_image(left_sub_cat_colapse_div, "images/3_selection/selection_colapse_subcategories.png")
				set_background_image(left_sub_cat_colapse_div, "images/3_selection/selection_colapse_subcategories.png")
				set_mouse_down("left_sub_cat_colapse_div_"+parent_cat_id,	"hide_sub_cat_selection_direct("+parent_cat_id+")")
			
			
			var	amount_of_sub_cats	=	0
			mapsystem.message_categories.getParentCategories(function(cats)
			{
					var	cat	=	cats[parent_cat_id]
					cat.getChilds(function(sub_cats)
					{
							for(i	in	sub_cats)
							{
									var	sub_cat	=	sub_cats[i]
									var	sub_select_button_div	=	createElement(thediv,"sub_select_button","select_button_div_"+sub_cat.name,'div')
									load_sub_selection_button(sub_cat.id,	sub_cat.name,	"images/3_selection/sub_categories/icon_sub_cat_"+sub_cat.id+".png",	parent_cat_id,	cat_name)
									amount_of_sub_cats	=	amount_of_sub_cats	+	1
							}
					}
					);
					thediv.style.width	=	amount_of_sub_cats	*	30 + 28
					thediv.style.top	=	height_select_button_div  + height_category_selection
					thediv.style.visibility	=	"visible"
			}
			);
	}
	function	hold_sub_cat_selection(parent_cat_id)
	{
		clearTimeout(timer_category_filters)
		var	thediv	=	document.getElementById("sub_category_selection_"+parent_cat_id)
			thediv.style.visibility	=	"visible"
	}
	
	function	hide_sub_cat_selection_direct_all()
	{
		hide_sub_cat_selection_direct(1100)
		hide_sub_cat_selection_direct(1200)
		hide_sub_cat_selection_direct(1300)
		hide_sub_cat_selection_direct(1400)
		hide_sub_cat_selection_direct(1500)
		hide_sub_cat_selection_direct(1600)
		hide_sub_cat_selection_direct(1700)
		hide_sub_cat_selection_direct(1800)
		hide_sub_cat_selection_direct(21110)
		hide_sub_cat_selection_direct(21120)
		hide_sub_cat_selection_direct(21130)
	}
	function	hide_sub_cat_selection_direct(parent_cat_id)
	{
		hide_sub_cat_selection_on_timer(parent_cat_id)
	}
	function	hide_sub_cat_selection(parent_cat_id)
	{
		timer_category_filters = setTimeout("hide_sub_cat_selection_on_timer('"+parent_cat_id+"')",global_timer);
	}
	function	hide_sub_cat_selection_on_timer(parent_cat_id)
	{
		if(document.getElementById("sub_category_selection_"+parent_cat_id))
		{
			var	thediv	=	document.getElementById("sub_category_selection_"+parent_cat_id)
				thediv.style.visibility	=	"hidden"
		}
	}
	function	load_selection_button(parent_cat_id,	cat_name,	cat_icon_url)
	{
			var	thediv	=	document.getElementById('select_button_div_'+cat_name)


			//	create_clickable_icon('select_button_div_'+cat_name,	"select_button_"+cat_name,	cat_icon_url,	"javascript:select_deselect_parent_cat("+parent_cat_id+",	'"+cat_name+"')",		'Select	'+cat_name,	29,	29,	null,	"left",	3,	100,	70)
			//	create_clickable_icon('select_button_div_'+cat_name,	"open_sub_select_button_"+cat_name,	false,	"javascript:open_or_close_sub_cat("+parent_cat_id+",'"+	cat_name+"')",		'Open	subcategories	of	'+cat_name,	10,	34,	null,	"left",	null,	100,	70)


			//			fade_div("select_button_"+cat_name,	70)



			var	open_sub_select_button_a	=	createElement(thediv,"open_sub_select_button_a","open_sub_select_button_"+cat_name,'a')
				open_sub_select_button_a.innerHTML	=	""
				open_sub_select_button_a.href	=	"javascript:open_or_close_sub_cat("+parent_cat_id+",'"+	cat_name+"')"
				open_sub_select_button_a.title	=	getTrans.Translate("title_open_subcategories_of",	"%CAT%="	+	cat_name)//'Open	subcategories	of	'+cat_name

			adjust_size_to_image(open_sub_select_button_a,	"images/3_selection/selection_expand_category.png")
			set_background_image(open_sub_select_button_a,	"images/3_selection/selection_expand_category.png")


			var	select_button_a	=	createElement(thediv,"select_button_a",	"select_button_"+cat_name,'a')
				select_button_a.title	=	getTrans.Translate("title_select_category",	"%CAT%="+cat_name);//'title_select'+cat_name
				select_button_a.innerHTML	=	'<img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="29"	height="29"		alt="">'
				select_button_a.href	=	"javascript:select_deselect_parent_cat("+parent_cat_id+",	'"+cat_name+"')"




			set_mouse_over_out_sel(thediv,	parent_cat_id,	cat_name)
			set_background_image(select_button_a,	cat_icon_url)
			fade_selection_button(parent_cat_id,	cat_name)
	}
	function	load_sub_selection_button(child_cat_id,	cat_name,	cat_icon_url,	parent_cat_id,	parent_name)
	{
			var	thediv	=	document.getElementById('select_button_div_'+cat_name)
			var	select_button_a	=	createElement(thediv,"sub_select_button_a",	"select_button_"+cat_name,'a')
				select_button_a.title	=	getTrans.Translate("title_select_category",	"%CAT%="	+	cat_name);//'Select	'+cat_name
				select_button_a.innerHTML	=	'<img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="29"	height="29"		alt="">'
				select_button_a.href	=	"javascript:add_remove_global_filter("+child_cat_id+",	'"+cat_name+"',	"+parent_cat_id+",	'"+parent_name+"')"
				set_background_image(select_button_a,	cat_icon_url)
				change_selection_button(child_cat_id,	cat_name,	parent_cat_id,	parent_name)
				set_mouse_over_out_sel_sub(thediv,	child_cat_id,	cat_name)
	}
	function	load_sub_selection_button_special_group(child_cat_id,	cat_name,	cat_icon_url,	parent_cat_id,	parent_name)
	{
			var	thediv	=	document.getElementById('select_button_div_'+cat_name)

			var	open_sub_select_button_a	=	createElement(thediv,"open_sub_select_button_a","open_sub_select_button_"+cat_name,'a')
				open_sub_select_button_a.innerHTML	=	""
	//			open_sub_select_button_a.href	=	"javascript:open_or_close_sub_cat("+parent_cat_id+",'"+	cat_name+"')"
	//			open_sub_select_button_a.title	=	getTrans.Translate("title_open_subcategories_of",	"%CAT%="	+	cat_name)//'Open	subcategories	of	'+cat_name
			adjust_size_to_image(open_sub_select_button_a,	"images/3_selection/selection_expand_category.png")
			set_background_image(open_sub_select_button_a,	"images/3_selection/selection_expand_category.png")


			var	select_button_a	=	createElement(thediv,"select_button_a",	"select_button_"+cat_name,'a')
				select_button_a.title	=	getTrans.Translate("title_select_category",	"%CAT%="	+	cat_name);//'Select	'+cat_name
				select_button_a.innerHTML	=	'<img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="29"	height="29"		alt="">'
				select_button_a.href	=	"javascript:add_remove_global_filter_special_group("+child_cat_id+",	'"+cat_name+"',	"+parent_cat_id+",	'"+parent_name+"')"
				set_background_image(select_button_a,	cat_icon_url)
				change_selection_button_special_group(child_cat_id,	cat_name,	parent_cat_id,	parent_name)
				set_mouse_over_out_sel_sub(thediv,	child_cat_id,	cat_name)
	}
	function	select_deselect_parent_cat(parent_cat_id,	cat_name)
	{
			var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
			var	top_select_button_div	=	select_button_div.offsetTop
			var	sub_category_selection	=	document.getElementById("sub_category_selection_"+parent_cat_id)
			var	top_sub_category_selection	=	sub_category_selection.offsetTop

			if(mapsystem.globalfilter.getCategoryFilter(parent_cat_id)	==	0)	//geeft	0	als	niet	of	geen	subcats,	1	als	zelf	of	alle	subcats,	2	als	enkele	subcats
			{
					mapsystem.globalfilter.setCategoryFilter(parent_cat_id,	true)
					lightup_selection_button(parent_cat_id,	cat_name)
					if(document.getElementById("sub_category_selection_"+parent_cat_id).style.visibility	==	"visible"	&&	top_select_button_div + 5	==	top_sub_category_selection)
					{
							show_sub_cat_selection(parent_cat_id,	cat_name)
					}
			}
			else
			{
					mapsystem.globalfilter.setCategoryFilter(parent_cat_id,	false)
					//			fade_selection_button(parent_cat_id,	cat_name)
					fade_div("select_button_div_"+cat_name,	option_f_o)
					if(document.getElementById("sub_category_selection_"+parent_cat_id).style.visibility	==	"visible"	&&	top_select_button_div + 5	==	top_sub_category_selection)
					{
							show_sub_cat_selection(parent_cat_id,	cat_name)
					}
			}
	}
	
	function	add_remove_global_filter(child_cat_id,	cat_name,	parent_cat_id,	parent_name)
	{
			var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
			var	select_button_a	=	document.getElementById("select_button_"+cat_name)
			if(mapsystem.globalfilter.getCategoryFilter(child_cat_id)	==	false)
			{
					mapsystem.globalfilter.setCategoryFilter(child_cat_id,true)
					lightup_selection_button(child_cat_id,	cat_name)
					lightup_selection_button(parent_cat_id,	parent_name)
			}
			else
			{
					mapsystem.globalfilter.setCategoryFilter(child_cat_id,false)
					//			fade_selection_button(child_cat_id,	cat_name)
					fade_div("select_button_div_"+cat_name,	option_f_o)
					if(mapsystem.globalfilter.getCategoryFilter(parent_cat_id)	==	0)
					{
							//					fade_selection_button(parent_cat_id,	parent_name)
							fade_div("select_button_div_"+parent_name,	option_f_o)
					}
			}
	}
	function	add_remove_global_filter_special_group(child_cat_id,	cat_name,	parent_cat_id,	parent_name)
	{
			var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
			var	select_button_a	=	document.getElementById("select_button_"+cat_name)
			if(mapsystem.globalfilter.getCategoryFilter(child_cat_id)	==	false)
			{
					mapsystem.globalfilter.setCategoryFilter(child_cat_id,true)
					lightup_selection_button(child_cat_id,	cat_name)
//					lightup_selection_button(parent_cat_id,	parent_name)
			}
			else
			{
					mapsystem.globalfilter.setCategoryFilter(child_cat_id,false)
					//			fade_selection_button(child_cat_id,	cat_name)
					fade_div("select_button_div_"+cat_name,	option_f_o)
//					if(mapsystem.globalfilter.getCategoryFilter(parent_cat_id)	==	0)
//					{
//							//					fade_selection_button(parent_cat_id,	parent_name)
//							fade_div("select_button_div_"+parent_name,	option_f_o)
//					}
			}
	}

	function	change_selection_button(child_cat_id,	cat_name,	parent_cat_id,	parent_name)
	{
			if(mapsystem.globalfilter.getCategoryFilter(child_cat_id)	==	false)
			{
					//			fade_selection_button(child_cat_id,	cat_name)
					fade_div("select_button_div_"+cat_name,	option_f_o)
			}
			else
			{
					lightup_selection_button(child_cat_id,	cat_name)
					lightup_selection_button(parent_cat_id,	parent_name)
			}
	}
	function	change_selection_button_special_group(child_cat_id,	cat_name,	parent_cat_id,	parent_name)
	{
			if(mapsystem.globalfilter.getCategoryFilter(child_cat_id)	==	false)
			{
					//			fade_selection_button(child_cat_id,	cat_name)
					fade_div("select_button_div_"+cat_name,	option_f_o)
			}
			else
			{
					lightup_selection_button(child_cat_id,	cat_name)
	//				lightup_selection_button(parent_cat_id,	parent_name)
			}
	}
	function	lightup_selection_button(cat_id,	cat_name)
	{
			var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
			change_opacity_id("select_button_div_"+cat_name,	100)
			var	select_button_a	=	document.getElementById("select_button_"+cat_name)
						select_button_a.title	=	getTrans.Translate("title_deselect_category",	"%CAT%="	+	cat_name);//'deselect_category'+cat_name
	}
	function	fade_selection_button(cat_id,	cat_name)
	{
			var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
			change_opacity_id("select_button_div_"+cat_name,	option_f_o)
			var	select_button_a	=	document.getElementById("select_button_"+cat_name)
						select_button_a.title	=	getTrans.Translate("title_select_category",	"%CAT%="	+	cat_name);//'select_categorie'+cat_name
	}
	function	lightup_selection_button_onmouseover(parent_cat_id,	cat_name)
	{
	clearTimeout(timer_category_filters)		
		hide_sub_cat_selection_direct_all()		
		close_sel_groups_direct()
		hide_show_sub_cat_selection(parent_cat_id,	cat_name)
		
			if(mapsystem.globalfilter.getCategoryFilter(parent_cat_id)	==	0)
			{
					var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
					change_opacity_id("select_button_div_"+cat_name,	option_h_o)
			}
	}
	function	lightup_selection_button_onmouseover_sub(parent_cat_id,	cat_name)
	{
			if(mapsystem.globalfilter.getCategoryFilter(parent_cat_id)	==	0)
			{
					var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
					change_opacity_id("select_button_div_"+cat_name,	option_h_o)
			}
	}

	function	fade_selection_button_onmouseout(parent_cat_id,	cat_name)
	{
		hide_sub_cat_selection(parent_cat_id)
			if(mapsystem.globalfilter.getCategoryFilter(parent_cat_id)	==	0)
			{
					var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
					change_opacity_id("select_button_div_"+cat_name,	option_f_o)
			}
	}
	function	fade_selection_button_onmouseout_sub(parent_cat_id,	cat_name)
	{
			if(mapsystem.globalfilter.getCategoryFilter(parent_cat_id)	==	0)
			{
					var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
					change_opacity_id("select_button_div_"+cat_name,	option_f_o)
			}
	}
	function	set_mouse_over_out_sel(thediv,	id_selected,	name_selected)
	{
			if	(BrowserDetect.browser == "Explorer")
			{
					var	str	=	"thediv.setAttribute('onmouseover',function	anonymous(){lightup_selection_button_onmouseover("+id_selected+",	'"+name_selected+"')})";
					eval(str)
					var	str2	=	"thediv.setAttribute('onmouseout',function	anonymous(){fade_selection_button_onmouseout("+id_selected+",	'"+name_selected+"')})";
					eval(str2)
			}
			else
			{
					thediv.setAttribute('onmouseover',"lightup_selection_button_onmouseover("+id_selected+",	'"+name_selected+"')")
					thediv.setAttribute('onmouseout',"fade_selection_button_onmouseout("+id_selected+",	'"+name_selected+"')")
			}
	}
	function	set_mouse_over_out_sel_sub(thediv,	id_selected,	name_selected)
	{
			if	(BrowserDetect.browser == "Explorer")
			{
					var	str	=	"thediv.setAttribute('onmouseover',function	anonymous(){lightup_selection_button_onmouseover_sub("+id_selected+",	'"+name_selected+"')})";
					eval(str)
					var	str2	=	"thediv.setAttribute('onmouseout',function	anonymous(){fade_selection_button_onmouseout_sub("+id_selected+",	'"+name_selected+"')})";
					eval(str2)
			}
			else
			{
					thediv.setAttribute('onmouseover',"lightup_selection_button_onmouseover_sub("+id_selected+",	'"+name_selected+"')")
					thediv.setAttribute('onmouseout',"fade_selection_button_onmouseout_sub("+id_selected+",	'"+name_selected+"')")
			}
	}

	function	open_or_close_sub_cat(parent_cat_id,	cat_name)
	{
			close_sel_groups_direct()
			
			var	select_button_div	=	document.getElementById("select_button_div_"+cat_name)
			var	top_select_button_div	=	select_button_div.offsetTop
			var	sub_category_selection	=	document.getElementById("sub_category_selection_"+parent_cat_id)
			var	top_sub_category_selection	=	sub_category_selection.offsetTop
			
			if(document.getElementById("sub_category_selection_"+parent_cat_id).style.visibility	==	"visible"	&&	top_select_button_div + 5	==	top_sub_category_selection)
			{
					hide_sub_cat_selection_direct(parent_cat_id)
			}
			else
			{
					show_sub_cat_selection(parent_cat_id,	cat_name)
			}

	}

	function	fill_filter_groups()
	{
			var	category_selection_div	=	document.getElementById("category_selection")
			var	groups_selection_div	=	document.getElementById("groups_selection")


			var	top_filter_selection_div_2	=	createElement(groups_selection_div,"top_filter_selection_div","top_filter_selection_div_2",'div')
				adjust_size_to_image(top_filter_selection_div_2, "images/3_selection/selection_cap_top.png")
				set_background_image(top_filter_selection_div_2, "images/3_selection/selection_cap_top.png")

			var	select_button_div_1	=	createElement(groups_selection_div,"select_button_groups",	"select_button_div_group_Global"	,'div')
			var	select_button_div_2	=	createElement(groups_selection_div,"select_button_groups",	"select_button_div_group_Groups"	,'div')
			var	select_button_div_3	=	createElement(groups_selection_div,"select_button_groups",	"select_button_div_group_Friends"	,'div')
			var	select_button_div_4	=	createElement(groups_selection_div,"select_button_groups",	"select_button_div_group_Search"	,'div')

			var	bottom_filter_selection_div_2	=	createElement(groups_selection_div,"bottom_filter_selection_div","bottom_filter_selection_div_2",'div')
				adjust_size_to_image(bottom_filter_selection_div_2, "images/3_selection/selection_cap_bottom.png")
				set_background_image(bottom_filter_selection_div_2, "images/3_selection/selection_cap_bottom.png")


			load_sel_groups_button(select_button_div_1,	"Global")
			if(treelzsystem.treelersocial)
			{
			load_sel_groups_button(select_button_div_2,	"Groups")
			load_sel_groups_button(select_button_div_3,	"Friends")
			}
			else
			{
			load_sel_groups_button_logged_out(select_button_div_2,	"Groups")
			load_sel_groups_button_logged_out(select_button_div_3,	"Friends")
			}
			load_sel_groups_button(select_button_div_4,	"Search")
	}

	function	load_sel_groups_button(thediv,	sort_name)
	{

			var	open_sel_groups_button	=	createElement(thediv,"open_sel_groups_button","open_sel_groups_button_"+sort_name,'div')
				open_sel_groups_button.innerHTML	=	"";
				open_sel_groups_button.title	=	getTrans.Translate("title_open_details_of",	"%SRT%="	+	sort_name);//'Open	details	of	'+sort_name
			
				adjust_size_to_image(open_sel_groups_button,	"images/3_selection/selection_expand_category.png")
				set_background_image(open_sel_groups_button,	"images/3_selection/selection_expand_category.png")

				set_mouse_down("open_sel_groups_button_"+sort_name,	"open_close_sel_groups('"+sort_name+"')")
			var	select_sel_groups	=	createElement(thediv,"select_button_a_groups",	"select_sel_groups_"+sort_name,'div')

			if(sort_name !== 'Search')
			{
							select_sel_groups.title	=	getTrans.Translate("title_deselect_filter",	"%FIL%="	+	sort_name);//'Select	'+sort_name
			}
				set_background_image(select_sel_groups, "images/3_selection/filters/icon_selection_"+sort_name+".png")
				set_mouse_over_out_div_filter("select_button_div_group_"+sort_name,	option_f_o,sort_name)
				set_mouse_down("select_sel_groups_"+sort_name,	"select_deselect_sel_groups('"+sort_name+"')")

	}
		function	load_sel_groups_button_logged_out(thediv,	sort_name)
	{

			var	open_sel_groups_button	=	createElement(thediv,"open_sel_groups_button","open_sel_groups_button_"+sort_name,'div')
				open_sel_groups_button.innerHTML	=	"";
				open_sel_groups_button.title	=	getTrans.Translate("title_open_details_of",	"%SRT%="	+	sort_name);//'Open	details	of	'+sort_name

				adjust_size_to_image(open_sel_groups_button,	"images/3_selection/selection_expand_category.png")
				set_background_image(open_sel_groups_button,	"images/3_selection/selection_expand_category.png")

				set_mouse_down("open_sel_groups_button_"+sort_name,	"show_treelz_alert('not_loggedin_"+sort_name+"')")

			var	select_sel_groups	=	createElement(thediv,"select_button_a_groups",	"select_sel_groups_"+sort_name,'div')
if(sort_name !== 'Search')
{				
				select_sel_groups.title	=	getTrans.Translate("title_deselect_filter",	"%FIL%="	+	sort_name);//'Select	'+sort_name
}

				set_background_image(select_sel_groups, "images/3_selection/filters/icon_selection_"+sort_name+".png")
				set_mouse_down("select_sel_groups_"+sort_name,	"show_treelz_alert('not_loggedin_"+sort_name+"')")
	}

	function	open_close_sel_groups(sort_name)
	{

			var	details_groups_selection	=	document.getElementById("details_groups_selection_"+sort_name)

			if(details_groups_selection.style.visibility	==	"visible"	&&	document.getElementById("standard_outer_"+sort_name))
			{
					close_sel_groups_direct()
			}
			else
			{
					fill_close_sel_groups(sort_name)
			}
	}
	function	fill_close_sel_groups(sort_name)   //deze opent ie met hover
	{
		hide_sub_cat_selection_direct_all()

					if(sort_name	==	"Global")
					{
						close_sel_groups_direct_except(sort_name)
							show_sel_groups_Global(sort_name)
					}
					if(sort_name	==	"Groups")
					{
						close_sel_groups_direct_except(sort_name)
							show_sel_groups_Groups(sort_name)
					}
					if(sort_name	==	"Friends")
					{
						close_sel_groups_direct_except(sort_name)
							show_sel_groups_Friends(sort_name)
					}
					if(sort_name	==	"Search")
					{
						close_sel_groups_direct_except(sort_name)
							show_sel_groups_Search(sort_name)
							
					}
	}

	
	function	close_sel_groups(sort_name)
	{
		if(sort_name != 'Search')
		{		
		timer_selection_filters = setTimeout("timed_close_sel_groups('"+sort_name+"')",global_timer);
		}
	}
	function	close_sel_groups_direct()
	{
		timed_close_sel_groups('Global')
		timed_close_sel_groups('Groups')
		timed_close_sel_groups('Friends')
		timed_close_sel_groups('Search')
	}
	function	close_sel_groups_direct_except(sort_name)
	{
		if(sort_name !== 'Global'){timed_close_sel_groups('Global')}
		if(sort_name !== 'Groups'){timed_close_sel_groups('Groups')}
		if(sort_name !== 'Friends'){timed_close_sel_groups('Friends')}
		if(sort_name !== 'Search'){timed_close_sel_groups('Search')}
	}

	function timed_close_sel_groups(sort_name)
	{	
		if(document.getElementById("details_groups_selection_"+sort_name))
		{
			var	details_groups_selection	=	document.getElementById("details_groups_selection_"+sort_name)
				details_groups_selection.style.visibility	=	"hidden"
		}
			hide_scroll("standard_targetdiv_Groups")
			hide_scroll("standard_targetdiv_Friends")
			hide_scroll("standard_targetdiv_Search")
	}

	function	open_sel_groups(sort_name)
	{
		clearTimeout(timer_selection_filters)
		
			var	details_groups_selection	=	document.getElementById("details_groups_selection_"+sort_name)
			details_groups_selection.style.visibility	=	"visible"
	}
	function	fill_sel_groups(sort_name)
	{
			alert("old	function")
	}
function show_sel_groups_Global(sort_name)
{
	var	details_groups_selection	=	document.getElementById("details_groups_selection_Global")
	
	if(document.getElementById("standard_titlebar_"+sort_name))
	{
			var	details_groups_selection	=	document.getElementById("details_groups_selection_"+sort_name)
				details_groups_selection.style.visibility	=	"visible"
	}
	else
	{
		fill_sel_groups_Global()
	}
}
function show_sel_groups_Groups(sort_name)
{
	var	details_groups_selection	=	document.getElementById("details_groups_selection_Groups")
	
	if(document.getElementById("standard_titlebar_"+sort_name))
	{
			var	details_groups_selection	=	document.getElementById("details_groups_selection_"+sort_name)
				details_groups_selection.style.visibility	=	"visible"
	}
	else
	{
		fill_sel_groups_Groups()
	}
}
function show_sel_groups_Friends(sort_name)
{
	var	details_groups_selection	=	document.getElementById("details_groups_selection_Friends")
	
	if(document.getElementById("standard_titlebar_"+sort_name))
	{
			var	details_groups_selection	=	document.getElementById("details_groups_selection_"+sort_name)
				details_groups_selection.style.visibility	=	"visible"
	}
	else
	{
		fill_sel_groups_Friends()
	}
}
function show_sel_groups_Search(sort_name)
{
	var	details_groups_selection	=	document.getElementById("details_groups_selection_Search")
	
	if(document.getElementById("searchresults_titlebar_"+sort_name))
	{
			var	details_groups_selection	=	document.getElementById("details_groups_selection_"+sort_name)
				details_groups_selection.style.visibility	=	"visible"
	}
	else
	{
		fill_sel_groups_Search()
	}
}
	function	fill_sel_groups_Global()
	{
			set_details_groups_selection("Global",100,	1)
			create_divs_filter_groups("Global")
			display_standard_outer("Global")
			fill_with_Global("Global")
			uncollapse_targetdiv("Global",	"standard")
	}

	function	fill_sel_groups_Groups()
	{
			set_details_groups_selection("Groups",265,	2)
			create_divs_filter_groups("Groups")
			display_standard_outer("Groups")
			fill_with_Groups("Groups")
			uncollapse_targetdiv("Groups",	"standard")
	}

	function	fill_sel_groups_Friends()
	{
			set_details_groups_selection("Friends",265,	3)
			create_divs_filter_groups("Friends")
			display_standard_outer("Friends")
			fill_with_Friends("Friends")
			uncollapse_targetdiv("Friends",	"standard")
	}
	function	fill_sel_groups_Search()
	{
			set_details_groups_selection("Search",297,	4)
			create_divs_filter_groups("Search")
			display_searchresults_outer("Search")
			display_search_input_outer("Search")
			fill_with_Search("Search")
			open_or_close_selected_search_results(true)
			uncollapse_targetdiv("Search",	"searchresults")
	}

	function	set_details_groups_selection(sort_name, set_height,	nr_from_top)
	{
			
			var	details_groups_selection_div	=	document.getElementById("details_groups_selection_"+sort_name)
			details_groups_selection_div.style.height	=	set_height

			var	groups_selection_div	=	document.getElementById("groups_selection")
			var	select_button_div_group_Global_div	=	document.getElementById("select_button_div_group_Global")
			var	details_groups_selection	=	document.getElementById("details_groups_selection_"+sort_name)
			details_groups_selection.style.visibility	=	"visible"
			details_groups_selection.innerHTML	=	""

			var bodyH = document.body.offsetHeight;


			var	T_groups_selection_div	=	groups_selection_div.offsetTop
			var	H_groups_selection_div	=	groups_selection_div.offsetHeight
			var	H_details_groups_selection	=	details_groups_selection.offsetHeight

			var one_button = select_button_div_group_Global_div.offsetHeight + 2

			var	H_select_button_div_group_Global_div	=	nr_from_top	* (one_button)
			H_details_groups_selection	=	details_groups_selection.offsetHeight
			
			var details_groups_selection_top_to_be = T_groups_selection_div	-	H_details_groups_selection	+	H_select_button_div_group_Global_div + 8
			var details_groups_selection_top_to_be_floris = T_groups_selection_div	+	H_select_button_div_group_Global_div + 8 - one_button
			
			if(details_groups_selection_top_to_be > 0)
			{
				details_groups_selection.style.top	=	details_groups_selection_top_to_be
			}
			else
			{
				var heights_together = H_details_groups_selection + T_groups_selection_div + 80 
				if(bodyH < heights_together)
				{
					details_groups_selection.style.top	=	8
				}
				else
				{
					details_groups_selection.style.top	=	details_groups_selection_top_to_be_floris
				}
			}
			
	//		alert(details_groups_selection.offsetTop)
	}


	function	global_select_all_checkbox(thecheckbox)
	{
			if(thecheckbox.checked)
			{
					turn_on_all_global_groups(function(x)
					{
							fill_sel_groups_Global()
							select_button_sel_groups("Global")
					}
					)
					;
			}
			else
			{
					turn_off_all_global_groups(function(x)
					{
							fill_sel_groups_Global()
							filter_get_some_areselected_general(function(are_selected) 
							{
								if(are_selected == false)
								{
									deselect_button_sel_groups("Global")
							
								}
							} 
							);
					}
					)
					;
			}
	}

	function filter_do_all_current_usergroups_viacheckbox(thecheckbox)
	{
	//debug(thecheckbox.checked)
	
	    if(thecheckbox.checked)
			{
					//turn_on_user_groups(treelzsystem.treelersocial.userid)
					//var usr = treelzsystem.treelersocial.basegroups
					var	b_grp	=	treelzsystem.treelersocial.basegroups
					mapsystem.globalfilter.setGroupFilter(b_grp.friends,true,true)
					mapsystem.globalfilter.setGroupFilter(b_grp.private,true,true)
					mapsystem.globalfilter.setGroupFilter(b_grp.public,true)
					
					
			}
			else
			{
					//turn_off_user_groups(treelzsystem.treelersocial.userid)
					var	b_grp	=	treelzsystem.treelersocial.basegroups
					mapsystem.globalfilter.setGroupFilter(b_grp.friends,false,true)
					mapsystem.globalfilter.setGroupFilter(b_grp.private,false,true)
					mapsystem.globalfilter.setGroupFilter(b_grp.public,false)
					
			}
			
	}
	
			
	function	fill_with_Global(sort_name)
	{
			filter_get_out_of_count_global(function(aantal,outof)
			{
				if(treelzsystem.treelersocial)
				{
					outof = 2
				}
				else
				{
					outof = 1
				}

					var	standard_titlebar	=	document.getElementById("standard_titlebar_"+sort_name)
					standard_titlebar.innerHTML	=	'global filters	(<span	id="group_selected_aantaldiv_'+sort_name+'">'+aantal+'</span>/<span	id="group_selectedoutof_aantaldiv_'+sort_name+'">'+outof+'</span>)'
					var	inputcheckbox	=	createElement(null,null,null,'input')
					inputcheckbox.setAttribute("type","checkbox");
					inputcheckbox.setAttribute("onClick","global_select_all_checkbox(this)");
					//						debug('check	of	inputbox	check	oet	zijn')
					standard_titlebar.appendChild(inputcheckbox)
					if(aantal	>=	outof)
					{
							//								debug('check'	+	aantal	+	outof);
							inputcheckbox.checked=true
							inputcheckbox.setAttribute('checked',true);
							//inputcheckbox.setAttribute('checked'=true
					}
					standard_titlebar.innerHTML	+=	'all'

					var	standard_targetdiv	=	document.getElementById("standard_targetdiv_"+sort_name)
					standard_targetdiv.style.height	=	100

					var	str	=	''
					//	1.	global
					str	+=	'<input	type="checkbox"	'
					if(mapsystem.globalfilter.getGroupFilter(1))str	+=	'	checked	';
					str	+=	'	onClick="selected_or_unselected_group(1,this, \'global_ref\')"/>'
					str	+=	"<a	href=\"javascript:Screen_ShowGroupDetails(1)\">	GLOBAL</a><br>"

					//	2.	wiki
	//				str	+=	'<input	type="checkbox"	'
	//				if(mapsystem.globalfilter.getGroupFilter(2))	str	+=	'	checked	';
	//				str	+=	'	onClick="selected_or_unselected_group(2,this, \'global_ref\')"/>'
	//				str	+=	" WIKIPEDIA <br>"

					//	3.	indien	ingelogt	my	base	groups	treelzsystem.treelersocial.basegroups.[friends	private	public]
					if(treelzsystem	&&	treelzsystem.treelersocial)
					{
					str	+=	'<input	type="checkbox"	'
							
					    if(mapsystem.globalfilter.getGroupFilter(treelzsystem.treelersocial.basegroups.public) || mapsystem.globalfilter.getGroupFilter(treelzsystem.treelersocial.basegroups.friends) || mapsystem.globalfilter.getGroupFilter(treelzsystem.treelersocial.basegroups.private))	str	+=	'	checked	';
           str	+=	'	onClick="filter_do_all_current_usergroups_viacheckbox(this)"/>'
//							str	+=	"<a	href=\"javascript:Screen_ShowGroupDetails("+treelzsystem.treelersocial.basegroups.public+")\">	MY	MSGS</a><br>"
								str	+=	" MY MSGS<br>"
						
							
							/*
							
							
							str	+=	'<input	type="checkbox"	'
							if(mapsystem.globalfilter.getGroupFilter(treelzsystem.treelersocial.basegroups.public))	str	+=	'	checked	';
							str	+=	'	onClick="selected_or_unselected_group('+treelzsystem.treelersocial.basegroups.public+',this, \'global_ref\')"/>'
							str	+=	"<a	href=\"javascript:Screen_ShowGroupDetails("+treelzsystem.treelersocial.basegroups.public+")\">	MY	PUBLIC	MSGS</a><br>"

							//						str	+=	'let	op.	volgende	deel	is	oploppend	(dus	friend	msg	altijd	in	private	en	public	msg	altijd	ook	in	friend	group	en	my	private	group)<BR>'
							str	+=	'<input	type="checkbox"	'
							if(mapsystem.globalfilter.getGroupFilter(treelzsystem.treelersocial.basegroups.friends))	str	+=	'	checked	';
							str	+=	'	onClick="selected_or_unselected_group('+treelzsystem.treelersocial.basegroups.friends+',this, \'global_ref\')"/>'
							str	+=	"<a	href=\"javascript:Screen_ShowGroupDetails("+treelzsystem.treelersocial.basegroups.friends+")\">	MY	FRIEND	MSGS	</a><br>"

							str	+=	'<input	type="checkbox"	'
							if(mapsystem.globalfilter.getGroupFilter(treelzsystem.treelersocial.basegroups.private))	str	+=	'	checked	';
							str	+=	'	onClick="selected_or_unselected_group('+treelzsystem.treelersocial.basegroups.private+',this, \'global_ref\')"/>'
							str	+=	"<a	href=\"javascript:Screen_ShowGroupDetails("+treelzsystem.treelersocial.basegroups.private+")\">	MY	MSGS	(incl.	private)</a><br>"
							*/
					}


					standard_targetdiv.innerHTML	=	str;
			}
			);
	}
/*
	function	selected_or_unselected_language(langid,thecheckbox,update_type)
	{
			if(thecheckbox.checked)
			{
					mapsystem.globalfilter.setLanguageFilter(langid,true)
					filter_update_allcheckbox_languages()
					select_button_sel_groups("Languages")
			}
			else
			{
					mapsystem.globalfilter.setLanguageFilter(langid,false)
					filter_update_allcheckbox_languages()
					
					filter_get_some_areselected_langs(function(are_selected) 
					{
						if(are_selected == false)
						{
							deselect_button_sel_groups("Languages")
					
						}
					} 
					);
			}
	}
*/
/*
	function	languages_select_all_checkbox(thecheckbox)
	{
			if(thecheckbox.checked)
			{
					treelzsystem.languages.getAllLanguages(function(lngs)
					{
							for(i	in	lngs)
							{
									mapsystem.globalfilter.setLanguageFilter(lngs[i].id,true,true)
							}
							mapsystem.globalfilter.recheckFilter()
							fill_sel_groups_Languages()
							select_button_sel_groups("Languages")
					}
					);
			}
			else
			{
					treelzsystem.languages.getAllLanguages(function(lngs)
					{
							for(i	in	lngs)
							{
									mapsystem.globalfilter.setLanguageFilter(lngs[i].id,false,true)
							}
							mapsystem.globalfilter.recheckFilter()
							fill_sel_groups_Languages()
							filter_get_some_areselected_langs(function(are_selected) 
							{
								if(are_selected == false)
								{
									deselect_button_sel_groups("Languages")
							
								}
							} 
							);
					}
					);
			}
	}
*/
/*
	function	filter_update_allcheckbox_languages()
	{

			treelzsystem.languages.getAllLanguages(function(lngs)
			{
					var	tot=0;
					var	selected	=	0;
					for(i	in	lngs)
					{
							var	lng	=	lngs[i]
							if(mapsystem.globalfilter.getLanguageFilter(lng.id))
							{
									selected	+=	1;
							}
							tot	+=1;
					}

			//		var	checkboxelement	=	document.getElementById('input_checkbox_all_languages_filter')
			//		var	selectedoutof_aantaldiv=	document.getElementById('filterlang_selectedoutof_aantaldiv')
			//		var	selected_aantaldiv=	document.getElementById('filterlang_selected_aantaldiv')
			//		if(selected	>=	tot)
			//		{
			//				checkboxelement.checked=true
			//				checkboxelement.setAttribute('checked',"true");
			//		}
			//		selected_aantaldiv.innerHTML	=	selected

			//		selectedoutof_aantaldiv.innerHTML	=	tot
			}
			);
	}
*/
/*
	function	fill_with_Languages(sort_name)
	{
			var	aantal	=	0;
			var	outof=0;
			var	standard_titlebar	=	document.getElementById("standard_titlebar_"+sort_name)
			standard_titlebar.innerHTML	=	'language	filters	(<span	id="filterlang_selected_aantaldiv">xx</span>/<span	id="filterlang_selectedoutof_aantaldiv">xx</span>)'
			var	inputcheckbox	=	createElement(standard_titlebar,null,'input_checkbox_all_languages_filter','input')
			inputcheckbox.setAttribute('type',"checkbox");
			inputcheckbox.setAttribute('onChange',"languages_select_all_checkbox(this)");

			standard_titlebar.innerHTML	+=	'all'

			treelzsystem.languages.getAllLanguages(function(lngs)
			{
					var	standard_targetdiv	=	document.getElementById("standard_targetdiv_"+sort_name)
					standard_targetdiv.style.height	=	100
					var	str	=	''
					for(i	in	lngs)
					{
							var	lng	=	lngs[i]
							//	1.	English
							str	+=	'<input	type="checkbox"	'
							if(mapsystem.globalfilter.getLanguageFilter(lng.id))
							{
									str	+=	'	checked	';
							}
							str	+=	'	onClick="selected_or_unselected_language('+lng.id+',this)"/>'
							str	+=	"<span>	"+lng.name+"</span><br>"


					}
					standard_targetdiv.innerHTML	=	str;
					filter_update_allcheckbox_languages()
			}
			);
			//	}
			//	);
	}
*/

	function	select_all_checkbox_mygroups(thecheckbox)
	{
			if(thecheckbox.checked)
			{
					turn_on_all_my_groups(function(x)
					{
							fill_sel_groups_Groups()
							select_button_sel_groups("Groups")
					}
					)
					;
			}
			else
			{
					turn_off_all_my_groups(function(x)
					{
							fill_sel_groups_Groups()
							filter_get_some_areselected_groups(function(are_selected) 
							{
								if(are_selected == false)
								{
									deselect_button_sel_groups("Groups")
								}
							} 
							);

					}
					)
					;

			}
	}


	function	select_all_checkbox_selectedgroups(thecheckbox)
	{
			if(thecheckbox.checked)
			{
					turn_on_all_selected_groups(function(x)
					{
							fill_sel_groups_Groups()
							//							alert('arjen:	r	t_filters	updaten	van	alle	vinkjes');
					}
					)
					;
			}
			else
			{
					turn_off_all_selected_groups(function(x)
					{
							fill_sel_groups_Groups()
							//							alert('arjen:	r	t_filters	updaten	van	alle	vinkjes');
					}
					)
					;
			}
	}


	function	fill_with_Groups(sort_name,	targetdiv)
	{
	//		fill_with_Groups_selected(sort_name,	targetdiv)
	//		fill_with_Groups_search(sort_name,	targetdiv)
			fill_with_Groups_mygroups(sort_name,	targetdiv)
	}

	function	fill_with_Groups_search(sort_name,	targetdiv)
	{
			var	searchresults_titlebar	=	document.getElementById("searchresults_titlebar_"+sort_name)
			//	search	results
			searchresults_titlebar.innerHTML	=	'search	results'
	/*		var	inputcheckbox	=	createElement(searchresults_titlebar,null,null,'input')
			inputcheckbox.setAttribute('type',"checkbox");
			inputcheckbox.setAttribute('onChange',"select_all_checkbox_selectedgroups(this)");
			//				debug('check	of	inputbox	check	oet	zijn')
			if(true)
			{
					inputcheckbox.checked=true
			}
			searchresults_titlebar.innerHTML	+=	'all'
	*/
	
			var	search_input_outer	=	document.getElementById("search_input_outer_"+sort_name)
			var	search_in_filter	=	createElement(search_input_outer,"search_in_filter_class",	"search_in_filter_bg",'div')
			set_background_div("search_in_filter_bg",	100,	"images/achtergronden/searchfield.png",	null,sort_name)
			var	search_in_filter	=	createElement(search_input_outer,"search_in_filter_class",	"search_in_filter",'div')
			var	search_in_filter	=	document.getElementById("search_in_filter")
			search_in_filter.innerHTML	+=	'<form	onSubmit="search_groups_submit();	return	false;"><div	id="field_search_in_filter"><input	id="search_groups"	class="input_searchonmap_footer"	type="text"	/></div><div	id="bu_search_in_filter"	title="Search	groups"><input	type="image"	src="images/achtergronden/empty_bu_search.gif"/></div></form>'


	}
	function	filter_update_allcheckbox_selectedgroups()
	{
//			filter_get_out_of_count_selectedgroups(function(aantal,outof)
//			{
			//		var	checkboxthe	=	document.getElementById('filter_all_selectedgroups_checkbox')
//					var	outofspan=	document.getElementById('filter_all_selectedoutof_selected')
//					var	aantalspan	=	document.getElementById('filter_all_selectedaantal_selected')

///					if(outofspan)outofspan.innerHTML	=	outof
//					if(aantalspan)	aantalspan.innerHTML	=	aantal
			/*		if(aantal	>=	outof	&&	checkboxthe)
					{
							checkboxthe.checked=true
							checkboxthe.setAttribute('checked','true');
					}
			*/
//}
//			);

	}


	function	fill_with_Groups_selected(sort_name,	targetdiv)
	{

			filter_get_out_of_count_selectedgroups(function(aantal,outof)
			{
					//debug	('steven'+	aantal	+	'	'	+	outof)
					var	selected_titlebar	=	document.getElementById("selected_titlebar_"+sort_name)
					selected_titlebar.innerHTML	=	'selected	results	(<span	id="filter_all_selectedaantal_selected">X'+aantal+'</span>/<span	id="filter_all_selectedoutof_selected">'+outof+'</span>)'
					
			/*		var	inputcheckbox	=	createElement(selected_titlebar,null,'filter_all_selectedgroups_checkbox','input')
					inputcheckbox.setAttribute('type',"checkbox");
					selected_titlebar.innerHTML	+=	'all'
					if(aantal	>=	outof)
					{
							inputcheckbox.checked=true
							inputcheckbox.setAttribute('checked','true');
					}
			*/
			}
			);
	}

	//function	fill_with_Groups_mygroups(sort_name,	targetdiv)
	function	fill_with_Groups_mygroups(sort_name)
	{
			//var	sort_name	=	'Groups';
			//				debug('fill_with_Groups_mygroups'+	sort_name)
			var	aantal=0;
			var	outof=0;

			var	standard_titlebar	=	document.getElementById("standard_titlebar_"+sort_name)
			standard_titlebar.innerHTML	=	'my	groups	(<span	id="group_selected_aantaldiv_'+sort_name+'">'+aantal+'</span>/<span	id="group_selectedoutof_aantaldiv_'+sort_name+'">'+outof+'</span>)'
			var	inputcheckbox	=	createElement(null,null,'demooiegroupsallcheckbox','input')
			inputcheckbox.setAttribute("type","checkbox");
			inputcheckbox.setAttribute('onClick',"select_all_checkbox_mygroups(this)");
			standard_titlebar.appendChild(inputcheckbox)
			//debug('check	of	inputbox	check	oet	zijn')
			/*
			filter_get_out_of_count_mygroups(function(aantal,outof)
			{
			var	inputcheckbox	=	document.getElementById('demooiegroupsallcheckbox')
			debug(aantal	+	'	'	+	outof)
			if(aantal	>=	outof)
			{
			debug('checked	groups')
			inputcheckbox.checked=true
			inputcheckbox.setAttribute('checked','true');
			}
			}
			);
			*/
			standard_titlebar.innerHTML	+=	'all'


			
			//var	standard_targetdiv	=	document.getElementById("standard_targetdiv_"+sort_name)
			var	standard_targetdiv	=	document.getElementById("standard_targetdiv_Groups")

			if(treelzsystem	&&	treelzsystem.treelersocial)
			{
					//						debug('sortname'	+	sort_name	+	standard_targetdiv	+	treelzsystem.treelersocial.userid)
					show_these_groups(treelzsystem.treelersocial.userid,	sort_name,	"0",	standard_targetdiv,null,'mygroups_ref')
			}
			else
			{
					standard_targetdiv.innerHTML	=	'you	have	to	be	logged-in	to	have	groups	here,	but	you	can	search	for	groups	below';
					uncollapse_targetdiv('Groups',	'searchresults')
			}
			screen_groups_set_total_filter(sort_name)
	}

	function	screen_groups_set_total_filter(sort_name)
	{
			//		debug("DIT	zit	niet	goed")
			filter_get_out_of_count_mygroups(function(aantal,outof)
			{
					document.getElementById("group_selectedoutof_aantaldiv_"+sort_name).innerHTML	=	outof;
					document.getElementById("group_selected_aantaldiv_"+sort_name).innerHTML	=	aantal;
				if(document.getElementById('demooiegroupsallcheckbox'))	
				{
					
					var	inputcheckbox	=	document.getElementById('demooiegroupsallcheckbox')
						
						//alert(aantal + ' ' + outof)
						if(aantal	>=	outof)
						{
						//alert('tr')
								inputcheckbox.checked=true
								inputcheckbox.setAttribute('checked',true);
						}
						else
						{
						//alert('fl')
								inputcheckbox.checked=false
								inputcheckbox.setAttribute('checked',false);
	
						}
				}
												//alert(inputcheckbox.checked)
			}
			);
	}


	function	screen_myfriends_set_total_filter(sort_name)
	{
			//		debug("DIT	zit	niet	goed")
			filter_get_out_of_count_myfriends(function(aantal,outof)
			{
					document.getElementById("group_selectedoutof_aantaldiv_"+sort_name).innerHTML	=	outof;
					document.getElementById("group_selected_aantaldiv_"+sort_name).innerHTML	=	aantal;
					var	inputcheckbox	=	document.getElementById('demooiegroupsallcheckbox')
					if(aantal	>=	outof)
					{
							inputcheckbox.checked=true
							inputcheckbox.setAttribute('checked',true);
					}
					else
					{
							inputcheckbox.checked=false
							inputcheckbox.setAttribute('checked',false);
					}
			}
			);
	}

	function	display_standard_outer(sort_name){document.getElementById("standard_outer_"+sort_name).style.display	=	""}
	function	display_searchresults_outer(sort_name){document.getElementById("searchresults_outer_"+sort_name).style.display	=	""}
	function	display_selected_outer(sort_name)
	{
			document.getElementById("selected_outer_"+sort_name).style.display	=	""
	if(sort_name	==	"Groups"){filter_update_allcheckbox_selectedgroups()}
	if(sort_name	==	"Friends"){filter_update_allcheckbox_selectedtreelerz()}

	}
	function	display_search_input_outer(sort_name){document.getElementById("search_input_outer_"+sort_name).style.display	=	""}

	function	none_display_standard_outer(sort_name){document.getElementById("standard_outer_"+sort_name).style.display	=	"none"}
	function	none_display_searchresults_outer(sort_name){document.getElementById("searchresults_outer_"+sort_name).style.display	=	"none"}
	function	none_display_selected_outer(sort_name){document.getElementById("selected_outer_"+sort_name).style.display	=	"none"}
	function	none_display_search_input_outer(sort_name){document.getElementById("search_input_outer_"+sort_name).style.display	=	"none"}

	function	create_divs_filter_groups(sort_name)
	{
			var	details_groups_selection	=	document.getElementById("details_groups_selection_"+sort_name)

			var	standard_outer	=	createElement(details_groups_selection,"sel_groups_outer",	"standard_outer_"+sort_name,'div')
	//		set_background_div("standard_outer_"+sort_name,	75,	null,	"black")
			set_background_div_sel("standard_outer_"+sort_name,	85,	"black", "top_and_bottom", sort_name)
			
			
			var	standard_titlebar	=	createElement(standard_outer,"titlebar_in_groupfilter",	"standard_titlebar_"+sort_name,'div')
			set_mouse_down("standard_titlebar_"+sort_name,	"uncollapse_targetdiv('"+sort_name+"',	'standard')")
			var	standard_targetdiv	=	createElement(standard_outer,"targetdiv_in_groupfilter",	"standard_targetdiv_"+sort_name,'div')
			
				
		//		show_usergen_groups_not_member_but_selected(selected_targetdiv)
			
			var	searchresults_outer	=	createElement(details_groups_selection,"sel_groups_outer",	"searchresults_outer_"+sort_name,'div')
			set_background_div_sel("searchresults_outer_"+sort_name,	85,	"black", "top", sort_name)
			var	searchresults_titlebar	=	createElement(searchresults_outer,"titlebar_in_groupfilter",	"searchresults_titlebar_"+sort_name,'div')
			set_mouse_down("searchresults_titlebar_"+sort_name,	"uncollapse_targetdiv('"+sort_name+"',	'searchresults')")
			var	searchresults_targetdiv	=	createElement(searchresults_outer,"targetdiv_in_groupfilter_search",	"searchresults_targetdiv_"+sort_name,'div')
				var	group_searchresults_targetdiv	=	createElement(searchresults_targetdiv,"targetdiv_in_groupfilter_inner",	"group_searchresults_targetdiv_"+sort_name,'div')
				var	user_searchresults_targetdiv	=	createElement(searchresults_targetdiv,"targetdiv_in_groupfilter_inner",	"user_searchresults_targetdiv_"+sort_name,'div')
				
					group_searchresults_targetdiv.innerHTML	=	"<span	class=\"grey\"><strong>Groups:</strong> <br/>No Groups found...</span>"
					user_searchresults_targetdiv.innerHTML	=	"<span	class=\"grey\"><strong>Treelerz:</strong> <br/>No Treelerz found...</span>"


			
			var	selected_outer	=	createElement(details_groups_selection,"sel_groups_outer",	"selected_outer_"+sort_name,'div')
			set_background_div("selected_outer_"+sort_name,	85,	null,	"black", sort_name)
			var	selected_titlebar	=	createElement(selected_outer,"titlebar_in_groupfilter",	"selected_titlebar_"+sort_name,'div')
			set_mouse_down("selected_titlebar_"+sort_name,	"uncollapse_targetdiv('"+sort_name+"',	'selected')")
			var	selected_targetdiv	=	createElement(selected_outer,"targetdiv_in_groupfilter_search",	"selected_targetdiv_"+sort_name,'div')
				var	group_selected_targetdiv	=	createElement(selected_targetdiv,"targetdiv_in_groupfilter_inner",	"group_selected_targetdiv_"+sort_name,'div')
				var	user_selected_targetdiv	=	createElement(selected_targetdiv,"targetdiv_in_groupfilter_inner",	"user_selected_targetdiv_"+sort_name,'div')
			
			var	search_input_outer	=	createElement(details_groups_selection,"sel_groups_outer_field",	"search_input_outer_"+sort_name,'div')
			
			set_background_div_sel("search_input_outer_"+sort_name,	85,	"black", "bottom", sort_name)

			standard_outer.style.display	=	"none"
			searchresults_outer.style.display	=	"none"
			selected_outer.style.display	=	"none"
			search_input_outer.style.display	=	"none"

		if(sort_name == 'Search')
		{
					add_close_button("details_groups_selection_Search",	"javascript:timed_close_sel_groups('Search')")
		}
	}



	function	uncollapse_targetdiv(sort_name,	target, onsubmit)
	{
		

			var	height_outer_filters_groups	=	""
			var	height_targetdiv_filters_groups	=	""
			if(sort_name	==	"Global"	||	sort_name	==	"Languages")
			{
					height_outer_filters_groups	=	"100px"
					height_targetdiv_filters_groups	=	"70px"
			}
			else
			{
					if(document.getElementById("selected_outer_"+sort_name).style.display	==	"none")
					{
							height_outer_filters_groups	=	"265px"
							height_targetdiv_filters_groups	=	"217px"
					}
					else
					{
							height_outer_filters_groups	=	"238px"
							height_targetdiv_filters_groups	=	"208px"
					}
			}

			collapse_all_filters(sort_name)
			var	targetdiv	=	document.getElementById(target+"_outer_"+sort_name)
			targetdiv.style.height	=	height_outer_filters_groups
			var	targetdiv_2	=	document.getElementById(target+"_targetdiv_"+sort_name)
			targetdiv_2.style.height	=	height_targetdiv_filters_groups
	}
	function	collapse_all_filters(sort_name)
	{
			if(document.getElementById("standard_outer_"+sort_name))
			{
					collapse_targetdiv("standard_outer_"+sort_name,	25)
					collapse_targetdiv("standard_targetdiv_"+sort_name,	1)
			}
			if(document.getElementById("searchresults_outer_"+sort_name))
			{
					collapse_targetdiv("searchresults_outer_"+sort_name,	25)
					collapse_targetdiv("searchresults_targetdiv_"+sort_name,	1)
			}
			if(document.getElementById("selected_targetdiv_"+sort_name))
			{
					collapse_targetdiv("selected_outer_"+sort_name,	25)
					collapse_targetdiv("selected_targetdiv_"+sort_name,	1)
			}
	}
	function	collapse_targetdiv(target,	height)
	{
			var	targetdiv	=	document.getElementById(target)
			targetdiv.style.height	=	height
	}

	/*	function	fill_with_Settings(sort_name,	targetdiv)
	{
	show_these_groups(loggedin_id,	sort_name,	"4",	targetdiv)
	}
	*/








	function	select_all_checkbox_usersearch(thecheckbox)
	{
			if(thecheckbox.checked)
			{
					turn_on_all_selected_treelerz(function(x)
					{
							fill_sel_groups_Friends()
							//							alert('arjen:	r	t_filters	updaten	van	alle	vinkjes');
					}
					)
					;
			}
			else
			{
					turn_off_all_selected_treelerz(function(x)
					{
							fill_sel_groups_Friends()
							//							alert('arjen:	r	t_filters	updaten	van	alle	vinkjes');
					}
					)
					;
			}
	}


	function	select_all_checkbox_myfriends(thecheckbox)
	{
			if(thecheckbox.checked)
			{
					turn_on_all_my_friends(function(x)
					{
							fill_sel_groups_Friends()
							select_button_sel_groups("Friends")
					}
					)
					;
			}
			else
			{
					turn_off_all_my_friends(function(x)
					{
							
							filter_get_some_areselected_users(function(are_selected) 
							{
							fill_sel_groups_Friends()
								if(are_selected == false)
								{
									deselect_button_sel_groups("Friends")
								}
							} 
							);

					}
					)
					;
			}
	}

	function	fill_with_Friends(sort_name)
	{
			fill_with_Friends_myfriends(sort_name)
	//		fill_with_Friends_selected(sort_name)
	//		fill_with_Friends_search(sort_name)
	}
	function	fill_with_Search(sort_name)
	{
			fill_with_Search_selected(sort_name)
			fill_with_Search_search(sort_name)
	}
	function	fill_with_Friends_myfriends(sort_name)
	{
			var	standard_titlebar	=	document.getElementById("standard_titlebar_"+sort_name)


			standard_titlebar.innerHTML	=	'my	friends	(<span	id="group_selected_aantaldiv_'+sort_name+'">0</span>/<span	id="group_selectedoutof_aantaldiv_'+sort_name+'">0</span>)'
			var	inputcheckbox	=	createElement(null,null,'demooiegroupsallcheckbox','input')
			inputcheckbox.setAttribute('type',"checkbox");
			inputcheckbox.setAttribute('onClick',"select_all_checkbox_myfriends(this)");
			standard_titlebar.appendChild(inputcheckbox)
			//				debug('check	of	inputbox	check	oet	zijn')
			//	door	arjen				var	checkmoetzijn	=true
			//	door	arjen				if(checkmoetzijn)
			//	door	arjen				{
			inputcheckbox.checked=true
			//	door	arjen				}
			standard_titlebar.innerHTML	+=	'all'


			screen_myfriends_set_total_filter(sort_name)
			var	standard_targetdiv	=	document.getElementById("standard_targetdiv_"+sort_name)

			if(treelzsystem	&&	treelzsystem.treelersocial)
			{
					//	show_these_groups_friends(loggedin_id,	sort_name,	"3",	targetdiv2,false)
					var	refreshname	=	'myfriends_ref';
					show_these_groups_friends(treelzsystem.treelersocial.userid,	standard_targetdiv,refreshname)
			}
			else
			{
					standard_targetdiv.innerHTML	+=	'Need	to	be	logged	in	to	see	friends';
			}
/*			var	search_input_outer	=	document.getElementById("search_input_outer_"+sort_name)
			var	search_in_filter	=	createElement(search_input_outer,"search_in_filter_class",	"search_in_filter_bg",'div')
			set_background_div("search_in_filter_bg",	100,	"images/achtergronden/searchfield.png",	null, sort_name)
			var	search_in_filter	=	createElement(search_input_outer,"search_in_filter_class",	"search_in_filter",'div')
			var	search_in_filter	=	document.getElementById("search_in_filter")
			search_in_filter.innerHTML	+=	'<form	onSubmit="search_users_submit();	return	false;"><div	id="field_search_in_filter"><input	id="search_users"	class="input_searchonmap_footer"	type="text"	/></div><div	id="bu_search_in_filter"	title="Search	groups"><input	type="image"	src="images/achtergronden/empty_bu_search.gif"/></div></form>'
*/
	}
	function	fill_with_Friends_selected(sort_name,	targetdiv)
	{
			filter_get_out_of_count_selectedtreelerz(function(aantal,outof)
			{

					var	selected_titlebar	=	document.getElementById("selected_titlebar_"+sort_name)
					selected_titlebar.innerHTML	=	'selected	results	(<span	id="filter_all_selectedaantal_selected_treelerz">'+aantal+'</span>/<span	id="filter_all_selectedoutof_selected_treelerz">'+outof+'</span>)'
/*
					var	inputcheckbox	=	createElement(selected_titlebar,null,'filter_all_selectedtreelerz_checkbox','input')
					inputcheckbox.setAttribute('type',"checkbox");
					selected_titlebar.innerHTML	+=	'all'
					if(aantal	>=	outof)
					{
							inputcheckbox.checked=true
							inputcheckbox.setAttribute('checked','true');
					}
	*/		}
			);



	}
	function	fill_with_Search_selected(sort_name)
	{
			filter_get_out_of_count_selectedtreelerz(function(aantal,outof)
			{
					var	selected_titlebar	=	document.getElementById("selected_titlebar_"+sort_name)
					selected_titlebar.innerHTML	=	'selected	results	(<span	id="filter_all_selectedaantal_selected_treelerz">'+aantal+'</span>)'
			}
			);
	}

		function	fill_with_Search_search(sort_name,	targetdiv)
	{
			var	searchresults_titlebar	=	document.getElementById("searchresults_titlebar_"+sort_name)
			searchresults_titlebar.innerHTML	=	'search	results'
			var	search_input_outer	=	document.getElementById("search_input_outer_"+sort_name)
			var	search_in_filter	=	createElement(search_input_outer,"search_in_filter_class",	"search_in_filter_bg",'div')
			set_background_div("search_in_filter_bg",	100,	"images/achtergronden/searchfield.png",	null, sort_name)
			var	search_in_filter	=	createElement(search_input_outer,"search_in_filter_class",	"search_in_filter",'div')
			var	search_in_filter	=	document.getElementById("search_in_filter")
			search_in_filter.innerHTML	+=	'<form	onSubmit="search_submit();	return	false;"><div	id="field_search_in_filter"><input	id="search_groups"	class="input_searchonmap_footer"	type="text"	/></div><div	id="bu_search_in_filter"	title="Search	groups"><input	type="image"	src="images/achtergronden/empty_bu_search.gif"/></div></form>'


	}
	function search_submit(start_search)
	{
		search_groups_submit()
		search_users_submit()
		if(start_search !== false)
		{
		count_search_results()
		}
	}

	function	search_groups_submit()
	{
			display_searchresults_outer("Search")
			uncollapse_targetdiv("Search",	"searchresults", true)

			var	string	=	document.getElementById("search_groups").value
			var	searchresults_targetdiv	=	document.getElementById("group_searchresults_targetdiv_Search");
				searchresults_targetdiv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'


			var	nameofflex	=	"details_groups_selection_inner_Search"
			search_for_groups_into_targetdiv(searchresults_targetdiv,string,nameofflex)

	}

	function	search_for_groups_into_targetdiv(targetdiv,string,nameofflex)
	{
	//		var	searchresults_titlebar_Search	=	document.getElementById("searchresults_titlebar_Search");

			//	TODO	zapbaar	maken
			var	aantal	=	10;
			var	start	=	0;

			var	extraoptions	=	[]
			extraoptions.start	=	start;
			extraoptions.aantal	=	aantal;
			mapsystem.groups.searchGroupByString(string,	function(grps,aantal)
			{

		//			searchresults_titlebar_Search.innerHTML	=	'search	results	('	+	aantal	+	')<br>';

					targetdiv.innerHTML	=	'<span	class=\"grey\"><strong>Groups: </strong>('+aantal+')</span><br/>'
					var	none	=	true
					for(i	in	grps)
					{
							var	none	=	false
							var	grp	=	grps[i];
							//targetdiv.innerHTML	+=	'Group:	'	+	grp.id	+	'	'+	grp.name	+'<br>';
							add_group_to_targetdiv(grp.id,targetdiv,nameofflex)
					}
					if(none)	targetdiv.innerHTML	=	'<span	class=\"grey\"><strong>Groups:</strong> (0)<br/>No Groups found...</span>'
					if(nameofflex)
					{
							//debug('search:'+nameofflex);
		//					CSBfleXcroll(nameofflex);
					}
			}
			,extraoptions);

	}

	function	search_users_submit()
	{
			var	nameofflex	=	"details_groups_selection_inner_Search"
			display_searchresults_outer("Search")
			uncollapse_targetdiv("Search",	"searchresults")

			var	string	=	document.getElementById("search_groups").value
			var	searchresults_targetdiv	=	document.getElementById("user_searchresults_targetdiv_Search");
				searchresults_targetdiv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
			search_for_users_into_targetdiv(searchresults_targetdiv,string,nameofflex)
	}
	function	search_for_users_into_targetdiv(searchresults_targetdiv,string,nameofflex)
	{
	//		var	searchresults_titlebar_Friends	=	document.getElementById("searchresults_titlebar_Friends");

			var	string	=	document.getElementById("search_groups").value

			//	TODO	zapbaar	maken
			var	aantal	=	10;
			var	start	=	0;

			var	extraoptions	=	[]
			extraoptions.start	=	start;
			extraoptions.amount	=	aantal;

			treelzsystem.users.searchPerson(string,	function(users,aantal)
			{

					var	targetdiv	=		document.getElementById("user_searchresults_targetdiv_Search");
					searchresults_targetdiv.innerHTML	=	'<span	class=\"grey\"><strong>Treelerz: </strong>('+aantal+')</span><br/>'
	//				searchresults_titlebar_Friends.innerHTML	=	'search	results	('	+	aantal	+	')<br>'

					var	none	=	true;
					for(i	in	users)
					{
							var	usr	=	users[i];
							none	=	false
							add_usergroup_to_targetdiv(usr.b_grp.public,targetdiv,nameofflex)
					}
					if(none)	searchresults_targetdiv.innerHTML	=	'<span	class=\"grey\"><strong>Treelerz:</strong> (0)<br/>No Treelerz found...</span>';
			}
			,extraoptions);
	}
	
	function count_search_results()
	{
		var	string	=	document.getElementById("search_groups").value
		
			mapsystem.groups.searchGroupByString(string,function(grps,aantal_grps)
			{
				treelzsystem.users.searchPerson(string,function(users,aantal_users)
				{
					var aantal_grps_nr = aantal_grps - 0
					var aantal_users_nr = aantal_users - 0
					var nr_search_results = aantal_grps_nr + aantal_users_nr
					
						document.getElementById("searchresults_titlebar_Search").innerHTML	=	'search	results	('	+	nr_search_results	+	')<br>';
				}
				);
			}
			);
	}
	
	function	filter_update_allcheckbox_selectedtreelerz()
	{
			filter_get_out_of_count_selectedtreelerz(function(aantal,outof)
			{
			//		var	checkboxthe	=	document.getElementById('filter_all_selectedtreelerz_checkbox')
					var	outofspan=	document.getElementById('filter_all_selectedoutof_selected_treelerz')
					var	aantalspan	=	document.getElementById('filter_all_selectedaantal_selected_treelerz')
					outofspan.innerHTML	=	outof
					aantalspan.innerHTML	=	aantal
		/*			if(aantal	>=	outof)
					{
							checkboxthe.checked=true
							checkboxthe.setAttribute('checked','true');
					}
		*/	}
			);
	}

	function	show_usergen_users_not_member_but_selected(targetdiv,nameofflex)
	{
			if(treelzsystem	&&	treelzsystem.treelersocial)
			{

					var	eoptions	=	[];
					/*eoptions['type']	=	'0';*/
					mapsystem.groups.getGroupUsersMemberOf(treelzsystem.treelersocial.userid,	function(grps)
					{
							__show_usergen_users_not_member_but_selected(targetdiv,grps,nameofflex)
					}
					,eoptions);
			}
			else
			{
					var	grps	=	[]
					__show_usergen_users_not_member_but_selected(targetdiv,grps,nameofflex)
			}
	}

	function	__show_usergen_users_not_member_but_selected(targetdiv,grps,nameofflex)
	{

			//	also	get	all	selected:
			var	selected_grps	=	mapsystem.globalfilter.getGroupFilters()

			targetdiv.innerHTML	=	''
			var	str	=	''
			for(i	in	selected_grps)
			{
					if(selected_grps[i]	&&	!grps[i])
					{
							mapsystem.groups.getGroup(i,function(grp)
							{
									if(grp.type	==	'3')
									{
											add_usergroup_to_targetdiv(grp.id,targetdiv,nameofflex)
									}
									if(grp.type	==	'2')
									{
											add_usergroup_to_targetdiv(grp.id,targetdiv,nameofflex)
									}
									if(grp.type	==	'4')
									{
											add_usergroup_to_targetdiv(grp.id,targetdiv,nameofflex)
									}
							}
							);
					}
			}

	//		CSBfleXcroll(nameofflex)

	}

	function	update_myfriends_ding(x)
	{
	}

	function	unselect_all_friends(targetvalue)
	{
			if(targetvalue)
			{
					turn_on_all_my_friends(update_myfriends_ding)
			}
			else
			{
					turn_off_all_my_friends(update_myfriends_ding)
			}
			/*
			select_all_friends(targetvalue,function(x)
			{
			//	UPDATE
			//										alert('na	unselecten	nog	ff	updaten	scherm')
			}
			)*/

	}

	function	doselect_all_members(targetvalue)
	{
			if(targetvalue)
			{
					turn_on_all_my_groups(update_myfriends_ding)
			}
			else
			{
					turn_off_all_my_groups(update_myfriends_ding)
			}
			/*
			select_all_member(targetvalue,function(x)
			{
			//	UPDATE
			//									alert('na	unselecten	nog	ff	updaten	scherm')

			}
			)*/
	}

	function	doselect_all_othersgroups(targetvalue)
	{
			select_all_selected_groups_not_member_of(targetvalue,function(x)
			{
					//	UPDATE
					//									alert('na	unselecten	nog	ff	updaten	scherm')

			}
			)
	}

	function	doselect_all_groups_of_type_zero(targetvalue)
	{

			select_all_member(targetvalue,function(x)
			{
					select_all_selected_groups_not_member_of(targetvalue,function(y)
					{

							//	UPDATE
							//													alert('na	unselecten	nog	ff	updaten	scherm')
					}
					)
			}
			)
	}
	function	select_deselect_sel_groups(sort_name)
	{
			if(sort_name	==	"Global")
			{
					filter_get_out_of_count_global(function(aantal,outof)
					{
						if(aantal !== 0)	
						{
							turn_off_all_global_groups(function(x){});
							deselect_button_sel_groups(sort_name)
							change_title_filter_to_select(sort_name)
							if(document.getElementById('standard_titlebar_Global'))
							{if(document.getElementById('details_groups_selection_Global').style.visibility == 'visible'){fill_sel_groups_Global()}}
						}
					
						else
						{
							turn_on_all_global_groups(function(x){});
							select_button_sel_groups(sort_name)
							change_title_filter_to_deselect(sort_name)
							if(document.getElementById('standard_titlebar_Global'))
							{if(document.getElementById('details_groups_selection_Global').style.visibility == 'visible'){fill_sel_groups_Global()}}
						}
					}
					);
			}
			if(sort_name	==	"Groups")
			{
					filter_get_out_of_count_mygroups(function(aantal,outof)
					{
						if(aantal !== 0)	
						{
							turn_off_all_my_groups(function(x){});
							turn_off_all_selected_groups(function(x){});
							deselect_button_sel_groups(sort_name)
							change_title_filter_to_select(sort_name)
							if(document.getElementById('standard_titlebar_Groups'))
							{if(document.getElementById('details_groups_selection_Groups').style.visibility == 'visible'){fill_sel_groups_Groups()}}
						}
						else
						{
							turn_on_all_my_groups(function(x){});
							turn_on_all_selected_groups(function(x){});
							select_button_sel_groups(sort_name)
							change_title_filter_to_deselect(sort_name)
							if(document.getElementById('standard_titlebar_Groups'))
							{if(document.getElementById('details_groups_selection_Groups').style.visibility == 'visible'){fill_sel_groups_Groups()}}
						}
					}
					);
			}
			if(sort_name	==	"Friends")
			{
					filter_get_out_of_count_myfriends(function(aantal,outof)
					{
						if(aantal !== 0)	
						{
							users_groups_all_selected	=	false
							turn_off_all_my_friends(function(x){});
							turn_off_all_selected_treelerz(function(x){});
							deselect_button_sel_groups(sort_name)
							change_title_filter_to_select(sort_name)
							if(document.getElementById('standard_titlebar_Friends'))
							{if(document.getElementById('details_groups_selection_Friends').style.visibility == 'visible'){fill_sel_groups_Friends()}}
						}
						else
						{
							users_groups_all_selected	=	true
							turn_on_all_selected_treelerz(function(x){});
							turn_on_all_my_friends(function(x){});
							select_button_sel_groups(sort_name)
							change_title_filter_to_deselect(sort_name)
							if(document.getElementById('standard_titlebar_Friends'))
							{if(document.getElementById('details_groups_selection_Friends').style.visibility == 'visible'){fill_sel_groups_Friends()}}
						}
					}
					);
			}
	}
	function change_title_filter_to_deselect(sort_name)
	{
			var	select_sel_groups_button	=	document.getElementById("select_sel_groups_"+sort_name)//GEVONDEN
if(sort_name !== 'Search')
{				
			select_sel_groups_button.title = getTrans.Translate("title_deselect_filter",	"%FIL%="	+	sort_name)
}
	}

	function change_title_filter_to_select(sort_name)
	{
			var	select_sel_groups_button	=	document.getElementById("select_sel_groups_"+sort_name)//GEVONDEN
			select_sel_groups_button.title = getTrans.Translate("title_select_filter",	"%FIL%="	+	sort_name)
	}

	function	select_button_sel_groups(sort_name)
	{
	//		set_background_div("open_sel_groups_button_"+sort_name,	70,	null,	"grey")
	//		set_background_div("select_sel_groups_"+sort_name,	90,	null,	"black")
			
	//		var	targetdiv	=		document.getElementById("select_button_div_group_"+sort_name);
			
			
			change_opacity_id("select_button_div_group_"+sort_name, 100)
	}
	function	deselect_button_sel_groups(sort_name)
	{
	//		set_background_div("open_sel_groups_button_"+sort_name,	option_f_o,	null,	"grey")
	//		set_background_div("select_sel_groups_"+sort_name,	option_f_o,	null,	"black")

		//	var	targetdiv	=	document.getElementById("select_button_div_group_"+sort_name);


			change_opacity_id("select_button_div_group_"+sort_name, option_f_o)
	}

	function	show_usergen_users_not_friends_but_selected(targetdiv)
	{
		
	    targetdiv.innerHTML= '<img src="images/indicator.gif" alt="">'
			get_list_of_possible_groups_selected_treelerz(function(grp_ids)
			{
            mapsystem.groups.getMultiple(grp_ids,function(grps)
            {
				filter_get_out_of_count_selectedtreelerz(function(aantal_friends,outof_friends)
				{	
						targetdiv.innerHTML = '<span class="grey"><strong>Treelerz:</strong> ('+aantal_friends+')</span><br/>'
				}
				);
            var starters = [];
                for(i in grps)
                {
                    var grp = grps[i]
                    if(starters[grp.starter] == true)
                    {
                    }
                    else
                    {
                      if(grp.type	==	'3'	||	grp.type	==	'4')
                      {
                          add_usergroup_to_targetdiv(grp.id,targetdiv)
                          starters[grp.starter] = true
                      }
                    }
                }
            }            
            );
			}			
			);
			/*
					for(i	in	grp_ids)
					{
							mapsystem.groups.getGroup(grp_ids[i],function(grp)
							{
									if(grp.type	==	'3'	||	grp.type	==	'4')
									{
											add_usergroup_to_targetdiv(grp.id,targetdiv)
									}
							}
							);

					}
				//	CSBfleXcroll("details_groups_selection_inner_groups")
			}
			);
			*/
			/*
			//debug('show_usergen_groups_not_member_but_selected'	+	targetdiv);
			if(treelzsystem	&&	treelzsystem.treelersxocial)
			{
			//debug('loggedin')
			var	eoptions	=	[];
			eoptions['type']	=	'0';
			mapsystem.groups.getGroupUsersMemberOf(treelzsystem.treelersocial.userid,	function(grps)
			{
			__show_usergen_groups_not_member_but_selected(targetdiv,grps)
			}
			,eoptions);
			}
			else
			{
			//debug('not	logged	in')
			var	grps	=	[]
			__show_usergen_groups_not_member_but_selected(targetdiv,grps)
			}
			*/
	}



	function	show_usergen_groups_not_member_but_selected(targetdiv)
	{
			//debug('show_usergen_groups_not_member_but_selected'	+	targetdiv);
			if(treelzsystem	&&	treelzsystem.treelersocial)
			{
					//debug('loggedin')
					var	eoptions	=	[];
					eoptions['type']	=	'0';
					mapsystem.groups.getGroupUsersMemberOf(treelzsystem.treelersocial.userid,	function(grps)
					{

							__show_usergen_groups_not_member_but_selected(targetdiv,grps)
					}
					,eoptions);
			}
			else
			{
					//debug('not	logged	in')
					var	grps	=	[]
					__show_usergen_groups_not_member_but_selected(targetdiv,grps)
			}
	}

	function	__show_usergen_groups_not_member_but_selected(targetdiv,grps)
	{
			//debug('__show_usergen_groups_not_member_but_selected	'	+	targetdiv	+	'	'	+	grps.length)
			//	also	get	all	selected:
			var	selected_grps	=	mapsystem.globalfilter.getGroupFilters()
			
			filter_get_out_of_count_selectedgroups(function(aantal_groups,outof_groups)
			{
				targetdiv.innerHTML	=	'<span class="grey"><strong>Groups:</strong> ('+aantal_groups+')</span><br/>'
			
			
			var	str	=	''
			for(i	in	selected_grps)
			{
					if(selected_grps[i]	&&	!grps[i])
					{
							mapsystem.groups.getGroup(i,function(grp)
							{
									if(grp.type	==	'0')
									{
											add_group_to_targetdiv(grp.id,targetdiv)
									}
							}
							);
					}
			}
			}
			);
	//		CSBfleXcroll("details_groups_selection_inner_groups")

	}

	function	add_group_to_targetdiv(groupid,targetdiv,nameofflex)
	{
			mapsystem.groups.getGroup(groupid,function(grp)
			{
					var	inputcheckbox	=	createElement(null,null,null,'input')
					inputcheckbox.setAttribute('type',"checkbox");
					targetdiv.appendChild(inputcheckbox) 
					if(mapsystem.globalfilter.getGroupFilter(grp.id))
					{
							inputcheckbox.checked	=	true
					}
					
					if (BrowserDetect.browser == "Explorer")
					{
							var str = "inputcheckbox.setAttribute('onclick',function anonymous(){selected_or_unselected_group("+groupid+",this,'"+nameofflex+"')})";
							eval(str)
					}
					else
					{
					inputcheckbox.setAttribute('onClick',"selected_or_unselected_group("+groupid+",this,'"+nameofflex+"')");
					}

					var	naamenclikje	=	createElement(targetdiv,null,null,'a')
	//				naamenclikje.innerHTML	=	grp.name	+	'	|	'	+	grp.title
					naamenclikje.innerHTML	=	grp.title
					
					if(grp.title == '')
					{
					naamenclikje.innerHTML	=	grp.name
					}
					
					naamenclikje.setAttribute('href',"javascript:Screen_ShowGroupDetails("+groupid+")")

					createElement(targetdiv,null,null,'<br>')
					if(nameofflex)
					{
							//debug('add	to	target:'+nameofflex);
			//				CSBfleXcroll(nameofflex);
					}
			}
			);
	}

	function	add_usergroup_to_targetdiv(groupid,targetdiv,nameofflex)
	{
			mapsystem.groups.getGroup(groupid,function(grp)
			{
					treelzsystem.users.getUser(grp.starter,true,function(usr)
					{
							var	inputcheckbox	=	createElement(null,null,null,'input')
							inputcheckbox.setAttribute('type',"checkbox");
							targetdiv.appendChild(inputcheckbox)
							//if(mapsystem.globalfilter.getGroupFilter(grp.id))
							if(mapsystem.globalfilter.getGroupFilter(usr.b_grp.friends) || mapsystem.globalfilter.getGroupFilter(usr.b_grp.public))
							{
									inputcheckbox.checked	=	true
							}
						if (BrowserDetect.browser == "Explorer")
						{
								var str = "inputcheckbox.setAttribute('onclick',function anonymous(){selected_or_unselected_usergroup("+groupid+","+usr.id+",this,'"+nameofflex+"')})";
								eval(str)
						}
						else
						{
							inputcheckbox.setAttribute('onClick',"selected_or_unselected_usergroup("+groupid+","+usr.id+",this,'"+nameofflex+"')");
						}

							var	naamenclikje	=	createElement(targetdiv,null,null,'a')
							naamenclikje.innerHTML	=	usr.firstname		+	'	'	+	usr.lastname
							naamenclikje.setAttribute('href',"javascript:Screen_InitSideBarUserProfile("+usr.id+")")

							createElement(targetdiv,null,null,'<br>')
							if(nameofflex)
							{
									//debug('add	to	target:'+nameofflex);
			//						CSBfleXcroll(nameofflex);
							}
					}
					);
					
			}
			);
	}
	function	show_these_groups(gebruikuid,	sort_name,	type,	targetdiv,noreset,refreshname)
	{
			//				debug('show_these_groups:'+gebruikuid	+	'	'	+sort_name	+	'	'	+type+	'	'	+targetdiv+	'	'	+noreset+	'	'	+refreshname)
			var	eoptions	=	[];
			eoptions['type']	=	type;
			//targetdiv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
			//				debug('show_these_groups	MEMBER	OF');
			/*
			get_list_of_possible_groups_my_groups(function(thegroups)
			{
			debug('toevoegen')
			for(i	in	thegroups)
			{
			//debug('toe'+i)
			var	grp	=	thegroups[i]
			add_group_to_targetdiv(grp.id,targetdiv,refreshname)
			}
			debug('einde	toevoegen')
		//	CSBfleXcroll("details_groups_selection_inner_"+sort_name)
			}
			);
			*/

			var	theid	=	treelzsystem.treelersocial.userid
			mapsystem.groups.getGroupUsersMemberOf(theid,	function(grps,aantal)
			{
					//debug('homo');
					//	debug(grps.length)
					if(noreset	==	true)
					{
							//debug('no	reset')
					}
					else
					{
							//debug('no	')
							targetdiv.innerHTML	=	''
					}

					var	grps	=	getSortedGroupsList(grps);//grps.sort(function_sortGroupObjectsByName)
					for(var	i=0;i<	grps.length;i++)
					{
							if(grps[i])
							{

									//						debug('toevoegen')
									//for(i	in	grps)
									//{
									//debug('toe'+i)
									var	grp	=	grps[i]
									add_group_to_targetdiv(grp.id,targetdiv,refreshname)
							}
					}
					//						debug('einde	toevoegen')
		//			CSBfleXcroll(targetdiv)
			}
			,eoptions);

	}

	function	show_these_groups_friends(gebruikuid,	targetdiv,refreshname)
	{
		
		
			var	noreset	=	true;
			var	sort_name='Friends';
			treelzsystem.treelersocial.user.getFriends(function(friends)
			{
					if(noreset	==	true)
					{
					}
					else
					{
							targetdiv.innerHTML	=	''
					}

					var	friends	=	getSortedFriendsList(friends)//	friends.sort(function_sortUserObjects)
					for(var	i=0;i<	friends.length;i++)
					{
							if(friends[i])
							{
									var	friend	=	friends[i]
									var	b_grp	=	friend.b_grp
									//ids[b_grp.friends]	=b_grp.friends
									//ids[b_grp.public]	=b_grp.public
									add_usergroup_to_targetdiv(b_grp.friends,targetdiv,refreshname)
							}
							
					}
							
		//		CSBfleXcroll(targetdiv)

			}
			);

			/*
			var	type	=	'3';
			var	eoptions	=	[];
			eoptions['type']	=	type;
			//targetdiv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
			mapsystem.groups.getGroupUsersMemberOf(gebruikuid,	function(grps)
			{

			if(noreset	==	true)
			{
			}
			else
			{
			targetdiv.innerHTML	=	''
			}

			for(i	in	grps)
			{
			var	grp	=	grps[i]
			add_usergroup_to_targetdiv(grp.id,targetdiv,refreshname)
			}

		//	CSBfleXcroll("details_groups_selection_inner_"+sort_name)
			}
			,eoptions);
			*/
	}


	

function	selected_or_unselected_usergroup(grpid,userid,thecheckbox,update_type)
	{
			if(thecheckbox.checked)
			{
					turn_on_user_groups(userid)
			}
			else
			{
					turn_off_user_groups(userid)
			}
			if(document.getElementById("searchresults_outer_Search"))
			{
				open_or_close_selected_search_results()
			}

	}

	function	selected_or_unselected_group(grpid,thecheckbox,update_type)
	{
			if(thecheckbox.checked)
			{
				mapsystem.globalfilter.setGroupFilter(grpid,true)
			}
			else
			{
				mapsystem.globalfilter.setGroupFilter(grpid,false)
			}
			
			if(document.getElementById("searchresults_outer_Search"))
			{
				open_or_close_selected_search_results()
			}
		
		check_all_filters_if_some_on()
	}
	
	function open_or_close_selected_search_results(begin)
	{
			var group_selected_targetdiv_Search = document.getElementById("group_selected_targetdiv_Search")
			var user_selected_targetdiv_Search = document.getElementById("user_selected_targetdiv_Search")

					group_selected_targetdiv_Search.innerHTML	=	"<span	class=\"grey\"><strong>Groups:</strong> <br/>No results selected...</span>"
					user_selected_targetdiv_Search.innerHTML	=	"<span	class=\"grey\"><strong>Treelerz:</strong> <br/>No results selected...</span>"

			filter_get_out_of_count_selectedgroups(function(aantal_groups,outof_groups)
			{
				filter_get_out_of_count_selectedtreelerz(function(aantal_friends,outof_friends)
				{	
					if(outof_groups !== 0)
					{
						display_selected_outer("Search")
						show_usergen_groups_not_member_but_selected(group_selected_targetdiv_Search)
					
						if(document.getElementById("searchresults_outer_Search").style.height	!==	"25px")	
						{
		//					alert("en?")
							var	targetdiv	=	document.getElementById("searchresults_outer_Search")
								targetdiv.style.height	=	"238px"
						}
					}
					if(outof_friends !== 0)
					{
						display_selected_outer("Search")
						show_usergen_users_not_friends_but_selected(user_selected_targetdiv_Search)
						
						if(document.getElementById("searchresults_outer_Search").style.height	!==	"25px")	
						{
		//					alert("en?")
							var	targetdiv	=	document.getElementById("searchresults_outer_Search")
								targetdiv.style.height	=	"238px"
						}
					}
					if(outof_friends == 0 && outof_groups == 0)
					{
						none_display_selected_outer("Search")
						display_searchresults_outer("Search")
						uncollapse_targetdiv("Search",	"searchresults")
						
						search_submit(false)
						
						var	targetdiv	=	document.getElementById("searchresults_outer_Search")
							targetdiv.style.height	=	"265px"
					}
					var aantal_groups_nr = aantal_groups - 0
					var aantal_friends_nr = aantal_friends - 0
					var bij_elkaar = 0 + aantal_groups_nr + aantal_friends_nr
					
					var	selected_titlebar	=	document.getElementById("selected_titlebar_Search")
						selected_titlebar.innerHTML	=	'selected	results	(<span	id="filter_all_selectedaantal_selected_treelerz">'+bij_elkaar+'</span>)'



				}
				);		
			}
			);

	}


	function set_heights_sel_groups(amount_off)
	{
		var	selected_titlebar	=	document.getElementById("selected_titlebar_Search")
		
		
	}
	






	/*
	how	to	use?

	AANZETTEN	ALLE	FRIENDEN:
	select_all_friends(true,function(x)
	{
	//	UPDATE
	}
	)

	UITETTEN	ALLE	FRIENDEN:
	select_all_friends(false,function(x)
	{
	//	UPDATE
	}
	)

	AANZETTEN	ALLE	NORMALE	MEMBER	GROUPS:
	select_all_member(true,function(x)
	{
	//	UPDATE
	}
	)

	UITzETTEN	ALLE	NORMALE	MEMBER	GROUPS:
	select_all_member(false,function(x)
	{
	//	UPDATE
	}
	)


	UITzETTEN	ALLE	"ANDERE"	GROUPS	(DWZ	niet	lid	van	of	niet	friends,	of	global	of	zo):
	select_all_selected_groups_not_member_of(false,function(x)
	{
	//	UPDATE
	}
	)

	AANZETTEN	ALLE	"ANDERE"	GROUPS	(DWZ	niet	lid	van	of	niet	friends,	of	global	of	zo):
	BESTAAT	NOG	NIET.	MOET	TZT	SHIT	VOOR	WORDEN	OPGESLAGEN	:)
	*/
	/*
	function	select_all_friends(valueset,callback)
	{
	var	eoptions	=	[];
	eoptions['type']	=	3;

	mapsystem.groups.getGroupUsersMemberOf(loggedin_id,	function(grps)
	{
	for(i	in	grps)
	{
	var	grp	=	grps[i]
	mapsystem.globalfilter.setGroupFilter(grp.id,valueset,true)

	}
	//	now	refresh	filter
	mapsystem.globalfilter.recheckFilter();
	if(callback)	callback(true)
	}
	,eoptions);
	}
	*/


	function	select_all_member(valueset,callback)
	{
			//				debug('t_filters:select_all_member	is	an	old	function,	replaced,	but	newer!!');
			if(valueset)	turn_on_all_my_groups(callback);
			else	turn_off_all_my_groups(callback);
			/*
			var	eoptions	=	[];
			eoptions['type']	=	'0';

			mapsystem.groups.getGroupUsersMemberOf(loggedin_id,	function(grps)
			{
			for(i	in	grps)
			{
			var	grp	=	grps[i]
			mapsystem.globalfilter.setGroupFilter(grp.id,valueset,true)

			}
			//	now	refresh	filter
			mapsystem.globalfilter.recheckFilter();
			if(callback)	callback(true)
			}
			,eoptions);*/
	}

	function	select_all_selected_groups_not_member_of(valueset,callback)
	{
			//				debug('t_filters:select_all_selected_groups_not_member_of	is	an	old	function,	replaced,	but	newer!!');
			if(valueset)	turn_on_all_selected_groups(callback);
			else	turn_off_all_selected_groups(callback);
			/*
			__acquire_all_groups_not_member_of(function(grps)
			{
			for(i	in	grps)
			{
			var	grp	=	grps[i]
			if(grp.type	==	'0')
			{
			mapsystem.globalfilter.setGroupFilter(grp.id,valueset,true)
			}
			}
			//	now	refresh	filter
			mapsystem.globalfilter.recheckFilter();
			if(callback)	callback(true)
			}
			)
			*/
	}

	function	__acquire_all_groups_not_member_of(callback)
	{
			if(treelzsystem	&&	treelzsystem.treelersocial)
			{
					var	eoptions	=	[];
					eoptions['type']	=	'0';
					mapsystem.groups.getGroupUsersMemberOf(treelzsystem.treelersocial.userid,	function(grps)
					{
							__get_select_all_groups_not_member_of(grps,callback)
					}
					,eoptions);
			}
			else
			{
					var	grps	=	[]
					__get_select_all_groups_not_member_of(grps,callback)
			}

	}

	function	__get_select_all_groups_not_member_of(grps,callback)
	{
			var	selected_grps	=	mapsystem.globalfilter.getGroupFilters()
			var	theids	=	[]
			for(i	in	selected_grps)
			{
					if(selected_grps[i]	&&	!grps[i])
					{
							theids[i]	=	i
							//debug(i)
					}
			}
			//debug(theids.length)
			mapsystem.groups.getMultiple(theids,callback)
	}

	//	===============	TURN	ON	/	OFF	GROUPS	=====================

	function	do_the_off_all(callback,donotupdate)
	{
			do_on_all_groups_filter(do_the_off_groups,callback,donotupdate)
	}

	function	do_the_on_all(callback,donotupdate)
	{
			do_on_all_groups_filter(do_the_on_groups,callback,donotupdate)
	}

	function	do_on_all_groups_filter(func,callback,donotupdate)
	{
			func('global',get_list_of_possible_groups_global,function(x)
			{
					//debug('a')
					func('selected_groups',get_list_of_possible_groups_selected_groups,function(y)
					{
							//	debug('b')
							func('my_groups',get_list_of_possible_groups_my_groups,function(z)
							{
									//debug('c')
									func('selected_treelerz',get_list_of_possible_groups_selected_treelerz,function(a)
									{
											//debug('d')
											func('my_friends',get_list_of_possible_groups_my_friends,function(b)
											{
													callback(true)
											}
											,donotupdate);
									}
									,donotupdate);
							}
							,donotupdate);
					}
					,donotupdate);
			}
			,donotupdate)

	}

	function	get_list_of_selected_from_possible(possibles)
	{
			var	ids	=	[];
			for(	i	in	possibles)
			{
					var	theid	=	possibles[i];
					if(mapsystem.globalfilter.getGroupFilter(theid))	ids[theid]	=	theid;
			}
			return	ids;
	}

	function	do_the_off_groups(remembertype,get_list_function,callback,donotupdate)
	{
			//				debug('into	list');
			get_list_function(function(possibles)
			{
					//						debug('back	from	get	list')
					var	ids	=	removeNullsFromArray(get_list_of_selected_from_possible(possibles));
					if(ids.length	>	0)
					{
							remember_groups[remembertype]	=	ids
					}
					else
					{
							remember_groups[remembertype]	=	null
					}
					mapsystem.globalfilter.setMultipleGroupFilter(ids,false,donotupdate)
					callback(true);
			}
			);
	}

	function	do_the_on_groups(remembertype,get_list_function,jcallback,donotupdate)
	{
			//	only	turn	on	those	that	were	selected	before	turning	off
			if(remember_groups[remembertype])
			{
					mapsystem.globalfilter.setMultipleGroupFilter(remember_groups[remembertype],true,donotupdate)
					remember_groups[remembertype]	=	null
					jcallback(true);
			}
			else
			{
					get_list_function(function(ids)
					{
							//debug('nu	kom	ik	uit	mijn	getlistfunction'+ids.length)
							mapsystem.globalfilter.setMultipleGroupFilter(ids,true,donotupdate)
							jcallback(true);
					}
					);
			}
	}


	function	count_the_selected_out_of(get_list_function,callback)
	{
			get_list_function(function(ids)
			{
					var	totaal=0;
					var	aantal=0;
					for(i	in	ids)
					{
							var	gid	=	i;
							totaal	=	totaal	+	1
							if(mapsystem.globalfilter.getGroupFilter(i))
							{
									aantal	=	aantal	+	1;
							}
					}
					callback(aantal,totaal);
			}
			);

	}

	var	remember_groups	=	{}
	remember_groups['global']=null;
	remember_groups['my_groups']=null;
	remember_groups['selected_groups']=null;
	remember_groups['my_friends']=null;
	remember_groups['selected_treelerz']=null;

	//	====	GLOBAL	===
	function	get_list_of_possible_groups_global(callback)
	{
			var	ids	=	[]
			ids[1]=1;
			ids[2]=2;
			if(treelzsystem.treelersocial)
			{
					ids[treelzsystem.treelersocial.basegroups.public]	=	treelzsystem.treelersocial.basegroups.public;
					ids[treelzsystem.treelersocial.basegroups.friends]	=	treelzsystem.treelersocial.basegroups.friends;
					ids[treelzsystem.treelersocial.basegroups.private]	=	treelzsystem.treelersocial.basegroups.private;
			}
			callback(ids);
	}
	function	turn_off_all_global_groups(callback)
	{
			do_the_off_groups('global',get_list_of_possible_groups_global,callback)
	}
	function	turn_on_all_global_groups(callback)
	{
			do_the_on_groups('global',get_list_of_possible_groups_global,callback)
	}

	function	filter_get_out_of_count_global(callback)
	{
			//count_the_selected_out_of(get_list_of_possible_groups_global,callback);
			
			//tel: group 1, group 2, min 1 vd private grp
			var aantal = 0;
				if(mapsystem.globalfilter.getGroupFilter(1))aantal +=1;
					if(mapsystem.globalfilter.getGroupFilter(2))	aantal +=1;
					if(treelzsystem	&&	treelzsystem.treelersocial)
					{							
					    if(mapsystem.globalfilter.getGroupFilter(treelzsystem.treelersocial.basegroups.public) || mapsystem.globalfilter.getGroupFilter(treelzsystem.treelersocial.basegroups.friends) || mapsystem.globalfilter.getGroupFilter(treelzsystem.treelersocial.basegroups.private))	aantal += 1;
					}
					
					callback(aantal,3);		
	}

	//	====	MY	GROUPS	(MEMBER	AND	OF	TYPE	0)	===
	function	get_list_of_possible_groups_my_groups(callback)
	{
			//debug("C:	get_list_of_possible_groups_my_groups")
			if(treelzsystem.treelersocial)
			{
					//				debug('is	dit	zo?')
					var	eoptions	=	[];
					eoptions['type']	=	'0';
					mapsystem.groups.getGroupUsersMemberOf(treelzsystem.treelersocial.userid,	function(grps,x)
					{
							//								debug('further	get_list_of_possible_groups_my_groups')
							var	ids	=	[];
							for(i	in	grps)
							{
									ids[i]	=	i
							}
							callback(ids)
					}
					,eoptions);
			}
			else
			{
					//								debug('is	fsd?')
					var	ids	=	[];
					callback(ids)
			}
	}

	function	turn_off_all_my_groups(callback)
	{
			do_the_off_groups('my_groups',get_list_of_possible_groups_my_groups,callback);
	}
	function	turn_on_all_my_groups(callback)
	{
			do_the_on_groups('my_groups',get_list_of_possible_groups_my_groups,callback);
	}

	function	filter_get_out_of_count_mygroups(callback)
	{
			count_the_selected_out_of(get_list_of_possible_groups_my_groups,callback);
	}

	//		==============	selected	groups	(type	0	and	selected	but	NOT	member!)
	function	get_list_of_possible_groups_selected_groups(callback)
	{
			if(treelzsystem.treelersocial)
			{
					var	eoptions	=	[];
					eoptions['type']	=	'0';
					mapsystem.groups.getGroupUsersMemberOf(treelzsystem.treelersocial.userid,	function(grps)
					{
							var	selected_grps	=	mapsystem.globalfilter.getGroupFilters()
							var	to_test_ids	=	[]
							for(i	in	selected_grps)
							{
									if(selected_grps[i]	&&	!grps[i])
									{
											to_test_ids[i]	=	i;
									}
							}

							if(to_test_ids.length	==	0)
							{
									callback(to_test_ids);
							}
							else
							{
									mapsystem.groups.getMultiple(to_test_ids,function(testgrps)
									{
											var	ids	=	[]
											for(i	in	testgrps)
											{
													var	grp	=	testgrps[i];
													if(grp.type	==	0	||	grp.type	==	'0')
													{
															ids[grp.id]=grp.id
															//																debug(grp.id);
													}
											}
											callback(ids);
									}
									);
							}
					}
					,eoptions);

			}
			else
			{
					var	selected_grps	=	mapsystem.globalfilter.getGroupFilters()
					var	to_test_ids	=	[]
					for(i	in	selected_grps)
					{

							to_test_ids[i]	=	i;

					}

					mapsystem.groups.getMultiple(to_test_ids,function(testgrps)
					{
							var	ids	=	[]
							for(i	in	testgrps)
							{
									var	grp	=	testgrps[i];
									if(grp.type	==	0	||	grp.type	==	'0')
									{
											ids[grp.id]=grp.id
											//debug(grp.id);
									}
							}
							callback(ids);
					}
					);
			}
	}
	function	turn_off_all_selected_groups(callback)
	{
			do_the_off_groups('selected_groups',get_list_of_possible_groups_selected_groups,callback);
	}
	function	turn_on_all_selected_groups(callback)
	{
			do_the_on_groups('selected_groups',get_list_of_possible_groups_selected_groups,callback);
	}
	function	filter_get_out_of_count_selectedgroups(callback)
	{
			count_the_selected_out_of(get_list_of_possible_groups_selected_groups,callback);
	}

	//	==========	my	friends	(het	betreft	hier	dan	zowel	de	public	als	de	friends	groupen	van
	//		groupen	van	waar	je	lid	bent	van	friends	type..	dus	pak	alle	groups	van	type	3	waar	je	lid	van	bent
	//	en	voeg	daar	gerelateerde	groupen	van	type	4	aan	toe....
	//	of	wel	pak	alle	frienden	en	pak	dan	alle	public	&	friends	groupen
	function	get_list_of_possible_groups_my_friends(callback)
	{
			if(treelzsystem.treelersocial)
			{
					treelzsystem.treelersocial.user.getFriends(function(friends)
					{
							var	ids	=	[]
							for(i	in	friends)
							{
									var	friend	=	friends[i]
									var	b_grp	=	friend.b_grp
									ids[b_grp.friends]	=b_grp.friends
									ids[b_grp.public]	=b_grp.public
							}
							callback(ids)
					}
					);
			}
			else
			{
					var	ids	=	[];
					callback(ids)
			}
	}

	function	turn_off_all_my_friends(callback)
	{
			do_the_off_groups('my_friends',get_list_of_possible_groups_my_friends,callback);
	}
	function	turn_on_all_my_friends(callback)
	{
			do_the_on_groups('my_friends',get_list_of_possible_groups_my_friends,callback);
	}
	function	filter_get_out_of_count_myfriends(callback)
	{
			//count_the_selected_out_of(get_list_of_possible_groups_my_friends,callback);
       if(treelzsystem.treelersocial) {}
			 else 
			 {
			  callback(0,0)
				return
			 }
			//	uitzondering
			//	pak	alle	friends,	tel,	dat	is	outof	-	param	2
			//	tel	alle	.b_grp.friends	.b_grp.public	die	sel	are	(min	1)

			treelzsystem.treelersocial.user.getFriends(function(friends)
			{
					var	outof	=	0;
					var	aantal	=	0;
					for(i	in	friends)
					{

							var	friend	=	friends[i]
							if(friend)
							{
									outof	+=	1;
									var	pub_grp	=	friend.b_grp.public
									var	fri_grp	=	friend.b_grp.friends
									if(mapsystem.globalfilter.getGroupFilter(pub_grp)	||	mapsystem.globalfilter.getGroupFilter(fri_grp))
									{
											aantal	+=	1;
									}
							}
					}

					callback(aantal,outof)
			}
			);



	}


	//	========	selected	treelerz
	//	(all	selected	of	type	4,	but	not	where	starters	is	among	starters	of	type	3
	//	of	which	one	is	member.	ANDERS	GEZEGT:	alle	groepen	van	type	4	die	aanstaan
	//	behalve	die	waarvan	de	eigenaar	zit	tussen	die	van	eigenaren	van	groepen	met	type	3[friends]
	//	,	het	eindresultaat	betreft	hier	dus	enkel	groupen	van	type	4)
	//
	function	get_list_of_possible_groups_selected_treelerz(callback)
	{
			if(treelzsystem.treelersocial)
			{
					var	selected_grps	=	mapsystem.globalfilter.getGroupFilters()
					var	to_test_ids	=	[]
					for(i	in	selected_grps)
					{
							to_test_ids[i]	=	i;
					}
					mapsystem.groups.getMultiple(to_test_ids,function(testgrps)
					{
							treelzsystem.treelersocial.user.getFriends(function(friends)
							{
									var	ids	=	[];
									for(i	in	testgrps)
									{

											var	tgrp	=	testgrps[i]

											//debug(i+	'is	of	type	3	4')
											if(friends[tgrp.starter])
											{
													//debug('is	WELL	in	friends	list');
											}
											else
											{
													//debug(i+'is	not	in	friends	list');
													if(tgrp.type	==	'3'	||		tgrp.type	==	'4')
													{
															ids[tgrp.id]	=	tgrp.id
													}
											}

									}
									callback(ids);
							}
							);

					}
					);
					/*
					//	get	all	of	type	of	which	i'm	member
					var	eoptions	=	[];
					eoptions['type']	=	3;
					mapsystem.groups.getGroupUsersMemberOf(treelzsystem.treelersocial.userid,	function(friend_grps)
					{
					//	verzamel	all	owners	(aka	friends)
					var	owners	=	[]
					for(i	in	friend_grps)
					{
					var	f_grp	=	friend_grps[i]
					var	starter	=	f_grp.starter
					owners[starter]	=	starter
					}

					//	get	all	selected
					var	selected_grps	=	mapsystem.globalfilter.getGroupFilters()
					var	to_test_ids	=	[]
					for(i	in	selected_grps)
					{
					to_test_ids[i]	=	i;
					}
					mapsystem.groups.getMultiple(to_test_ids,function(testgrps)
					{
					//	filter	op:	type	4	and	not	owner	in	owners
					var	ids	=	[]
					for(i	in	testgrps)
					{
					var	grp	=	testgrps[i];

					if(owners[grp.starter])
					{
					}
					else
					{
					if(grp.type	==	'4')
					{
					ids[grp.id]=grp.id
					}
					}

					}

					//	add	those
					callback(ids);
					}
					);
					}
					,eoptions);
					*/
			}
			else
			{
					//	niet	ingelogt
					var	selected_grps	=	mapsystem.globalfilter.getGroupFilters()
					var	to_test_ids	=	[]
					for(i	in	selected_grps)
					{
							to_test_ids[i]	=	i;
					}
					mapsystem.groups.getMultiple(to_test_ids,function(testgrps)
					{
							//	filter	op:	type	4	and	not	owner	in	owners
							var	ids	=	[]
							for(i	in	testgrps)
							{
									var	grp	=	testgrps[i];
									if(grp.type	==	'4'	||	grp.type	==	'3'	||	grp.type	==	'2')
									{
											ids[grp.id]=grp.id
									}
							}

							//	add	those
							callback(ids);
					}
					);
			}

	}

	function	turn_off_all_selected_treelerz(callback)
	{
			do_the_off_groups('selected_treelerz',get_list_of_possible_groups_selected_treelerz,callback);
	}
	function	turn_on_all_selected_treelerz(callback)
	{
			do_the_on_groups('selected_treelerz',get_list_of_possible_groups_selected_treelerz,callback);
	}
	function	filter_get_out_of_count_selectedtreelerz(callback)
	{
			//count_the_selected_out_of(get_list_of_possible_groups_selected_treelerz,callback);
			
			get_list_of_possible_groups_selected_treelerz(function(grp_ids)
			{
			  mapsystem.groups.getMultiple(grp_ids,function(grps)
				{
    			  var starters = []
    				var aantal =0
    				
    				for (i in grps)
    				{
    				  
    				  var grp = grps[i]
    					//debug('counting tr. ' + grp.name)
    				  if(starters[grp.starter])
    					{					
    					}
    					else
    					{
    					 starters[grp.starter]=true
    					 aantal++;
    					}
    				}
				
						 callback(aantal,aantal);
				}
				);		 
			}
			);
	}



	//	turn	on	for	one	user
	function	turn_on_user_groups(userid,callback)
	{
			treelzsystem.users.getUser(userid,true,function(usr)
			{
					var	b_grp	=	usr.b_grp
					mapsystem.globalfilter.setGroupFilter(b_grp.friends,true,true)
					mapsystem.globalfilter.setGroupFilter(b_grp.public,true)
					if(callback)	callback(true)
			}
			);
	}

	//	turn	of	the	groups	of	1	user
	function	turn_off_user_groups(userid,callback)
	{
			treelzsystem.users.getUser(userid,true,function(usr)
			{
					var	b_grp	=	usr.b_grp
					mapsystem.globalfilter.setGroupFilter(b_grp.friends,false,true)
					mapsystem.globalfilter.setGroupFilter(b_grp.public,false)
					if(callback)	callback(true)
			}
			);
	}

	//	========	selected	langauges
	//	Tsja...	deze	moeten	denk	ik	nog	gemaakt	worden:

	function	filter_lang_get_selected_outof(callback)
	{
			treelzsystem.languages.getAllLanguages(function(lngs)
			{
					var	tot=0;
					var	selected	=	0;
					for(i	in	lngs)
					{
							var	lng	=	lngs[i]
							if(mapsystem.globalfilter.getLanguageFilter(lng.id))
							{
									selected	+=	1;
							}
							tot	+=1;
					}

					callback(selected,tot)
			}
			);
	}


	function	get_list_of_possible_groups_selected_languages(callback)
	{
	}
	function	turn_off_all_selected_languages(callback)
	{
	}
	function	turn_on_all_selected_languages(callback)
	{
	}

	/*

	///	de	totaal	call	functies	om	te	kijken	of	hoofd	selectie	dingen	(general,	groups,	users,	languages)	aan	moeten	of	uit
	//	steeds	functie(callback)	waarbij	callback	true	of	false	geeft
	function	filter_get_all_areselected_groups(callback)
	{

	filter_get_out_of_count_mygroups(function(aantal,outof)
	{
	if(outof	<=	aantal)
	{
	filter_get_out_of_count_selectedgroups(function(aantal,outof)
	{
	if(outof	<=	aantal)	callback(true)
	else	callback(false)
	}
	);
	}	//callback(true)
	else
	{
	callback(false)
	}
	}
	);




	}


	function	filter_get_all_areselected_general(callback)
	{
	filter_get_out_of_count_global(function(aantal,outof)
	{
	//debug(aantal	+			'	'	+	outof)
	if(outof	<=	aantal)	callback(true)
	else	callback(false)
	}
	);
	}

	function	filter_get_all_areselected_users(callback)
	{
	filter_get_out_of_count_myfriends(function(aantal,outof)
	{
	if(outof	<=	aantal)
	{
	filter_get_out_of_count_selectedtreelerz(function(aantal,outof)
	{
	if(outof	<=	aantal)	callback(true)
	else	callback(false)
	}
	);
	}	//callback(true)
	else
	{
	callback(false)
	}
	}
	);
	}

	function	filter_get_all_areselected_langs(callback)
	{
	filter_lang_get_selected_outof(function(aantal,outof)
	{
	if(outof	<=	aantal)	callback(true)
	else	callback(false)
	}
	);
	}
	*/

	//	kijkt	of	er	tenminste	1	van	deze	4	"grote"	groupen	geselected	is
	function	filter_get_some_areselected_groups(callback)
	{

			filter_get_out_of_count_mygroups(function(aantal,outof)
			{
					if(	aantal	>=	1)
					{
							callback(true)
					}
					else
					{
							filter_get_out_of_count_selectedgroups(function(aantal,outof)
							{
									if(aantal	>=	1)	callback(true)
									else	callback(false)
							}
							);
					}
			}
			);




	}


	function	filter_get_some_areselected_general(callback)
	{
			filter_get_out_of_count_global(function(aantal,outof)
			{
					//debug(aantal	+			'	'	+	outof)
					if(aantal	>=	1)	callback(true)
					else	callback(false)
			}
			);
	}

	function	filter_get_some_areselected_users(callback)
	{
			filter_get_out_of_count_myfriends(function(aantal,outof)
			{

					if(aantal	>=	1)
					{
							callback(true)
					}
					else
					{
							filter_get_out_of_count_selectedtreelerz(function(aantal,outof)
							{
									if(	aantal	>=	1)	callback(true)
									else	callback(false)
							}
							);
					}

			}
			);
	}

	function	filter_get_some_areselected_langs(callback)
	{
			filter_lang_get_selected_outof(function(aantal,outof)
			{
					if(	aantal	>=	1)	callback(true)
					else	callback(false)
			}
			);
	}

	function	getSortedFriendsList(origianllist)
	{

			var	newlist	=	[]
			var	nr=0;
			for(var	i=0;i<origianllist.length;i++)
			{
					if(origianllist[i])
					{
							newlist[nr]=origianllist[i]
							nr++;
					}
			}
			newlist	=	newlist.sort(function_sortUserObjects)
			return	newlist
			/*var	new_friends	=	friends.sort(function_sortUserObjects)
			for(i	in	friends)
			{
			var	friend	=	friends[i]
			*/
	}

	function	function_sortUserObjects(a,b)
	{
			var	x	=	a.firstname.toLowerCase();
			var	y	=	b.firstname.toLowerCase();
			return	((x	<	y)	?	-1	:	((x	>	y)	?	1	:	0));
	}

	function	getSortedGroupsList(origianllist)
	{

			var	newlist	=	[]
			var	nr=0;
			for(var	i=0;i<origianllist.length;i++)
			{
					if(origianllist[i])
					{
							newlist[nr]=origianllist[i]
							nr++;
					}
			}
			newlist	=	newlist.sort(function_sortGroupObjectsByName)
			return	newlist
			/*var	new_friends	=	friends.sort(function_sortUserObjects)
			for(i	in	friends)
			{
			var	friend	=	friends[i]
			*/
	}

	function	function_sortGroupObjectsByName(a,b)
	{
			var	x	=	a.name.toLowerCase();
			var	y	=	b.name.toLowerCase();
			return	((x	<	y)	?	-1	:	((x	>	y)	?	1	:	0));
	}
	function check_all_filters_if_some_on()
	{
		check_global_if_some_on()
		check_mygroups_if_some_on()
		check_myfriends_if_some_on()
		check_search_if_some_on()
	}
	function check_global_if_some_on()
	{
		filter_get_out_of_count_global(function(aantal,outof)
		{
			if(aantal == 0)	
			{
				deselect_button_sel_groups("Global")
			}
			else
			{
				select_button_sel_groups("Global")
			}
		}
		);
	}
	function check_mygroups_if_some_on()
	{
		filter_get_out_of_count_mygroups(function(aantal,outof)
		{
			if(aantal == 0)	
			{
				deselect_button_sel_groups("Groups")
			}
			else
			{
				select_button_sel_groups("Groups")
			}
		}
		);
	}
	function check_myfriends_if_some_on()
	{
		filter_get_out_of_count_myfriends(function(aantal,outof)
		{
			if(aantal == 0)	
			{
				deselect_button_sel_groups("Friends")
			}
			else
			{
				select_button_sel_groups("Friends")
			}
		}
		);
	}
	function check_search_if_some_on()
	{
		
	}


var icon_number = 1
var option_f_o = 40
var option_h_o = 75
var option_b_o = 100
var footer_f_o = 75
var footer_b_o = 100

var slideshow_f_o = 55
var slideshow_b_o = 100


var global_timer = 500

var timer_selection_filters = ''
var timer_category_filters = ''
var timer_hide_tooltip = ''

var timer_selection_filters_onmouseover = ''

function create_error()
{
		var created_img = createElement(preloaden_images, created_id+"_img", null,'img')
			created_img.src = full_image_URL+".png"
}

function create_clickable_icon(target_id, created_id, image_URL, on_click,  title, position, float, margin, op_in, op_out, double_button, option)
{
	if(double_button == true){document.getElementById(target_id).innerHTML = ''}
	if(image_URL){var full_image_URL = "images/1_knoppen/"+image_URL}
		
		var preloaden_images = document.getElementById("preloaden_images");
		var created_img = createElement(preloaden_images, created_id+"_img", null,'img')
			created_img.src = full_image_URL+".png"
	
	__create_div_with_background(target_id, created_id, full_image_URL, position, float, margin, op_out, created_img, double_button, option)
	
	if(float){set_float_and_margin_to_div(created_id, float, margin)}
	
	if(on_click)
	{
		set_onclick(created_id, on_click)
		set_mouse_over_in_and_out_opacity(created_id, op_in, op_out, full_image_URL)
	}
	
	if(title){document.getElementById(created_id).title = getTrans.Translate(title)}
}
function __create_div_with_background(target_id, created_id, full_image_URL,position, float, margin, op_out, created_img, double_button, option)
{
	var target_element = document.getElementById(target_id);
		var created_div = createElement(target_element, "black", created_id,'div')
			
			if(position){created_div.style.position = position}
			
			if (BrowserDetect.browser == "Explorer"){__adjust_sizes_for_clickable_icon(target_id,created_div, created_img, double_button, margin, option)}
			else{created_img.onload = function(){__adjust_sizes_for_clickable_icon(target_id,created_div, created_img, double_button, margin, option)}}
			
			if(full_image_URL)
			{
					if (BrowserDetect.browser == "Explorer"){set_background_image(created_div, full_image_URL+"_faded.png")}
					else{set_background_image(created_div, full_image_URL+".png")
						if(op_out){change_opacity_id(created_id, op_out)}}
			}
			else{set_background_color(created_div_bg, "black")}
}
function __adjust_sizes_for_clickable_icon(target_id,created_div, created_img, double_button, margin, option)
{					
	
	var target_element = document.getElementById(target_id);
					
					var img_height = created_img.offsetHeight
					var img_width = created_img.offsetWidth
					var img_height_real = img_height + 0
					var img_width_real = img_width + 0
					var img_height_px = img_height_real+"px"
					var img_width_px = img_width_real+"px"
					var target_width = target_element.offsetWidth

					if(double_button !== true && double_button !== "zoom" && double_button !== "footer" )
					{
						
		//				alert (target_width+" + "+img_width_real+" +"+margin+" + 2")
		//				debug(target_width+" + "+img_width_real+" +"+margin+" + 2")
						
				//		if(target_id != "footer_map")
				//		{
							target_element.style.width = target_width + img_width_real + margin + 2
				//		}
					}
					
					created_div.style.width = img_width_px
					created_div.style.height = img_height_px
					
					if(option != "not_empty")
					{
						created_div.innerHTML = "<img src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\" width='"+img_width_px+"' height='"+img_height_px+"'>"
					}
}
function set_float_and_margin_to_div(target_id, float, margin)
{
	var target_element = document.getElementById(target_id);
	
			if(float == "left")
			{
				target_element.style.marginLeft = margin
				target_element.setAttribute('class','float_left');
				target_element.setAttribute('className','float_left');
			}
			
			if(float == "right")
			{
				target_element.style.marginRight = margin
				target_element.setAttribute('class','float_right');
				target_element.setAttribute('className','float_right');
			}
}
function set_mouse_down(div_id, javascript)
{
	var thediv = document.getElementById(div_id)		
		thediv.style.cursor = "pointer"
			if (BrowserDetect.browser == "Explorer")
				{
						var str = "thediv.setAttribute('onmousedown',function anonymous(){"+javascript+"})";
						eval(str)
				}
				else
				{
						thediv.setAttribute('onmousedown',javascript)
				}
}
function set_onclick(div_id, javascript)
{
	var thediv = document.getElementById(div_id)		
		thediv.style.cursor = "pointer"
			if (BrowserDetect.browser == "Explorer")
				{
						var str = "thediv.setAttribute('onclick',function anonymous(){"+javascript+"})";
						eval(str)
				}
				else
				{
						thediv.setAttribute('onclick',javascript)
				}
}
function change_opacity_id(div_id, opacity)
{
	//alert(div_id)

var target_element = document.getElementById(div_id);
	if (BrowserDetect.browser == "Explorer")
	{target_element.style.filter = 'alpha(opacity='+opacity+')'}
	if (BrowserDetect.browser == "Firefox")
	{target_element.style.MozOpacity = opacity/100}
	if (BrowserDetect.browser == "Safari")
	{target_element.style.KhtmlOpacity = opacity/100;}
}
function set_background_image(target_element, URL)
{
		if (BrowserDetect.browser == "Explorer")
		{target_element.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+URL+")";}
		else{target_element.style.backgroundImage = "url("+URL+")"}
}
function set_mouse_over_in_and_out_opacity(div_id, op_in, op_out, image_URL)
{
	var thediv = document.getElementById(div_id)		
			if (BrowserDetect.browser == "Explorer")
				{
						var str = "thediv.setAttribute('onmouseover',function anonymous(){change_button('"+div_id+"', 'over', '"+image_URL+"')})";
						eval(str)
						var	str2 = "thediv.setAttribute('onmouseout',function anonymous(){change_button('"+div_id+"', 'out', '"+image_URL+"')})";
						eval(str2)
				}
				else
				{
						thediv.setAttribute('onmouseover',"change_opacity_id('"+div_id+"', "+op_in+")")
						thediv.setAttribute('onmouseout',"change_opacity_id('"+div_id+"', "+op_out+")")
				}
}
function change_button(div_id, over_or_out, image_URL)
{
	var created_div_bg = document.getElementById(div_id)
	if(over_or_out == 'over')
	{
		set_background_image(created_div_bg, image_URL+".png")
	}
	if(over_or_out == 'out')
	{
		set_background_image(created_div_bg, image_URL+"_faded.png")
	}
}
function preload_img(image_URL)
{
	var target_element = document.getElementById("preloaden_images");
		target_element.innerHTML += '<img src="'+image_URL+'"></img>'
}
function preload_img_1_knoppen(image_URL)
{
	var target_element = document.getElementById("preloaden_images");
		target_element.innerHTML += '<img src="images/1_knoppen/'+image_URL+'.png"></img>'
}
function adjust_size_to_image(target_element, URL)
{
		var preloaden_images = document.getElementById("preloaden_images");
		var created_img = createElement(preloaden_images, null, null,'img')
			created_img.src = URL
			if(BrowserDetect.browser == "Explorer")
			{
					var created_img_H = created_img.offsetHeight
					var created_img_W = created_img.offsetWidth
					target_element.style.height = created_img_H
					target_element.style.width = created_img_W
			}
			else
			{
				created_img.onload = function() 
				{
					var created_img_H = created_img.offsetHeight
					var created_img_W = created_img.offsetWidth
					target_element.style.height = created_img_H
					target_element.style.width = created_img_W
				}
			}
}
function add_size_to_element(target_element, URL, margin)
{
		var preloaden_images = document.getElementById("preloaden_images");
		var created_img = createElement(preloaden_images, null, null,'img')
			created_img.src = URL
			if(BrowserDetect.browser == "Explorer")
			{
					var created_img_W = created_img.offsetWidth
					var target_element_W = target_element.offsetWidth
				if(margin)		
				{
					target_element.style.width = created_img_W + target_element_W + margin
				}
				else
				{
					target_element.style.width = created_img_W + target_element_W
				}
				
			}
			else
			{
				created_img.onload = function() 
				{
					var created_img_W = created_img.offsetWidth
					var target_element_W = target_element.offsetWidth
					
					if(margin)		
					{
						target_element.style.width = created_img_W + target_element_W + margin
					}
					else
					{
						target_element.style.width = created_img_W + target_element_W
					}
				}
			}
}
function show_mysettings()
{
	show_global_intro("mysettings")
}
function show_searchfriends()
{
	show_global_intro("searchfriends")
}
function show_invitefriends()
{
	show_global_intro("invitefriends")
}
function get_text(target_id, text,targetdiv)
{
	if(target_id) 
	{
		var target_div = document.getElementById(target_id)
	}
	else if(targetdiv)
	{
		// hier heb je 
		var target_div = targetdiv
	}
	else
	{
	// kan niet ERROR
	}
	
		target_div.innerHTML = ''
		target_div.style.visibility = "inherit"
		var target_div_H = target_div.offsetHeight
		var target_div_W = target_div.offsetWidth
		
//		if(targetdiv)
//		{		
//			var	target_div_inner =	createElement(targetdiv,"target_div_inner","target_div_inner",'div')
//		}
//		else
//		{
			var	target_div_inner =	createElement(target_div,"target_div_inner","target_div_inner",'div')
//		}
			
			if(BrowserDetect.browser == "Explorer")
				{
				target_div_inner.style.height = target_div_H
				target_div_inner.style.width = target_div_W
				}
				else
				{
				target_div_inner.style.height = target_div_H - 20
				target_div_inner.style.width = target_div_W - 20
				}
				target_div_inner.style.position = 'absolute'
				target_div_inner.style.padding = "10px"
	
	treelzsystem.languages.getTranslationOf(text,getTrans.Translate("language_selected"),function(vertaling)
	{
				target_div_inner.innerHTML = vertaling
	//			target_div_inner.style.backgroundColor = 'black'
				CSBfleXcroll(target_div_inner) 
	}
	);
}
function get_text_terms_of_use(target_id, text,targetdiv)
{
		targetdiv.innerHTML = ''
		targetdiv.style.visibility = "inherit"
	
	treelzsystem.languages.getTranslationOf(text,getTrans.Translate("language_selected"),function(vertaling)
	{
				targetdiv.innerHTML = vertaling
	}
	);
}
function get_terms_of_use_inner(targetdiv_out)
{
  if(targetdiv_out)
  {
	get_text(null, 'terms_of_use',targetdiv_out)
  }
  else
  {
   		var targetdiv = document.getElementById('terms_or_privacy')	
			targetdiv.style.display = ''
	get_text(null, 'terms_of_use',targetdiv)
  }
}
function make_div_inherit(targetdiv_id)
{
		var targetdiv = document.getElementById(targetdiv_id)		
			targetdiv.style.visibility = "inherit"
}
function make_div_hidden(targetdiv_id)
{
		var targetdiv = document.getElementById(targetdiv_id)		
			targetdiv.style.visibility = "hidden"
}
function equalize_with_parent(parent_id, child_id)
{
	var parent_div = document.getElementById(parent_id)
	var child_div = document.getElementById(child_id)		

		var W_element = parent_div.offsetWidth
		var H_element = parent_div.offsetHeight

			child_div.style.position = "absolute"
			child_div.style.width = W_element
			child_div.style.height = H_element
			child_div.style.left = 0
			child_div.style.top = 0
}
function set_mouse_over_out_div(div_id, opacity)
{
	var thediv = document.getElementById(div_id)		
			if (BrowserDetect.browser == "Explorer")
				{
						var str = "thediv.setAttribute('onmouseover',function anonymous(){fade_div('"+div_id+"', "+opacity+")})";
						eval(str)
						var	str2 = "thediv.setAttribute('onmouseout',function anonymous(){lightup_div('"+div_id+"')})";
						eval(str2)
				}
				else
				{
					
						thediv.setAttribute('onmouseover',"change_opacity_id('"+div_id+"', "+opacity+")")
						thediv.setAttribute('onmouseout',"change_opacity_id('"+div_id+"', 100)")
				}
}
function lightup_div(div_id)
{
	var select_button_div = document.getElementById(div_id)		
		change_opacity(select_button_div, 100)
}
function fade_div(div_id, opacity)
{
	var select_button_div = document.getElementById(div_id)		
		change_opacity(select_button_div, opacity)
}
function set_mouse_over_out_div_filter(div_id, opacity, sort_name)
{
	var thediv = document.getElementById(div_id)		
			if (BrowserDetect.browser == "Explorer")
				{
						var str = "thediv.setAttribute('onmouseover',function anonymous(){lightup_div_filter('"+div_id+"', 100, '"+sort_name+"')})";
						eval(str)
						var	str2 = "thediv.setAttribute('onmouseout',function anonymous(){fade_div_filter('"+div_id+"', "+opacity+", '"+sort_name+"')})";
						eval(str2)
				}
				else
				{
						thediv.setAttribute('onmouseover',"lightup_div_filter('"+div_id+"', 100, '"+sort_name+"')")
						thediv.setAttribute('onmouseout',"fade_div_filter('"+div_id+"', "+opacity+", '"+sort_name+"')")
				}
}
function lightup_div_filter(div_id)
{
		clearTimeout(timer_selection_filters)

		if(div_id == "select_button_div_group_Global")	
		{
			fill_close_sel_groups('Global')
			filter_get_out_of_count_global(function(aantal,outof)
					{
						if(aantal == 0)	
						{
						var select_button_div = document.getElementById(div_id)		
							change_opacity(select_button_div, option_h_o)
						}
					});
		}
		if(div_id == "select_button_div_group_Groups")	
		{
			fill_close_sel_groups('Groups')
			filter_get_out_of_count_mygroups(function(aantal,outof)
					{
						if(aantal == 0)	
						{
						var select_button_div = document.getElementById(div_id)		
							change_opacity(select_button_div, option_h_o)
						}
					});
		}
		if(div_id == "select_button_div_group_Friends")	
		{
			fill_close_sel_groups('Friends')
			filter_get_out_of_count_myfriends(function(aantal,outof)
					{
						if(aantal == 0)	
						{
						var select_button_div = document.getElementById(div_id)		
							change_opacity(select_button_div, option_h_o)
						}
					});
		}
		if(div_id == "select_button_div_group_Search")	
		{
			fill_close_sel_groups('Search')
		}
}
function fade_div_filter(div_id, opacity, sort_name)
{
		
		close_sel_groups(sort_name)
		
		
		if(div_id == "select_button_div_group_Global")	
		{
			filter_get_out_of_count_global(function(aantal,outof)
					{
						if(aantal == 0)	
						{
						var select_button_div = document.getElementById(div_id)		
							change_opacity(select_button_div, opacity)
						}
					});
		}
		if(div_id == "select_button_div_group_Groups")	
		{
			filter_get_out_of_count_mygroups(function(aantal,outof)
					{
						if(aantal == 0)	
						{
						var select_button_div = document.getElementById(div_id)		
							change_opacity(select_button_div, opacity)
						}
					});
		}
		if(div_id == "select_button_div_group_Friends")	
		{
			filter_get_out_of_count_myfriends(function(aantal,outof)
					{
						if(aantal == 0)	
						{
						var select_button_div = document.getElementById(div_id)		
							change_opacity(select_button_div, opacity)
						}
					});
		}
}
function hide_tooltip()
{
	if(document.getElementById("tooltip"))	
	{
		var tooltip = document.getElementById("tooltip");
			tooltip.parentNode.style.visibility = "hidden"
	}
}
function change_opacity(target_element, opacity)
{
	if (BrowserDetect.browser == "Explorer")
	{target_element.style.filter = 'alpha(opacity='+opacity+')'}
	if (BrowserDetect.browser == "Firefox")
	{target_element.style.MozOpacity = opacity/100}
	if (BrowserDetect.browser == "Safari")
	{target_element.style.KhtmlOpacity = opacity/100;}
}

function set_background_color(target_element, bgcolor)
{
		target_element.style.backgroundColor = bgcolor
}
function set_background_div(target_element_id, opacity, URL, bgColor, sort_name)
{
	var target_element = document.getElementById(target_element_id);
		target_element.innerHTML = ""
		var W_element = target_element.offsetWidth
		var H_element = target_element.offsetHeight
		
		var target_element_bg_div = createElement(target_element, target_element_id+"_bg_div",target_element_id+"_bg_div","div")
			target_element_bg_div.style.position = "absolute"
//			target_element_bg_div.style.width = W_element
//			target_element_bg_div.style.height = H_element
			target_element_bg_div.style.width = "100%"
			target_element_bg_div.style.height = "100%"
			target_element_bg_div.style.left = 0
			target_element_bg_div.style.top = 0
	if(URL)	
	{
			if (BrowserDetect.browser == "Explorer")
			{target_element_bg_div.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+URL+")";}
			else
			{target_element_bg_div.style.backgroundImage = "url("+URL+")"}
	}
	if(bgColor)
	{
//		alert(bgColor)
			target_element_bg_div.style.backgroundColor = "black"
			//target_element_bg_div.style.background = bgColor
			change_opacity(target_element_bg_div, opacity)
	}
}
function set_background_div_sel(target_element_id, opacity, bgColor, type, sort_name)
{
	var details_groups_selection = document.getElementById("details_groups_selection_"+sort_name);

	
	var target_element = document.getElementById(target_element_id);
		target_element.innerHTML = ""
		var W_element = details_groups_selection.offsetWidth
		var H_element = details_groups_selection.offsetHeight
		
		var target_element_bg_div = createElement(target_element, target_element_id+"_bg_div",target_element_id+"_bg_div","div")
			target_element_bg_div.style.position = "absolute"
			target_element_bg_div.style.width = "100%"
			target_element_bg_div.style.left = 0
			target_element_bg_div.style.top = 0
			var target_element_bg_div_middle = createElement(target_element_bg_div, target_element_id+"_bg_div_middle",target_element_id+"_bg_div_middle","div")
				target_element_bg_div_middle.style.position = "absolute"
				
				
				target_element_bg_div_middle.style.width = "100%"
				target_element_bg_div_middle.style.left = 0
				target_element_bg_div_middle.style.backgroundColor = "black"
	if(type == "top" || type == "top_and_bottom")
	{
			target_element_bg_div.style.height = H_element
				target_element_bg_div_middle.style.height = H_element - 26
				target_element_bg_div_middle.style.top = 13
			var selection_t_l_c = createElement(target_element_bg_div, "selection_t_l_c","selection_t_l_c","div")
			var selection_t_r_c = createElement(target_element_bg_div, "selection_t_r_c","selection_t_r_c","div")
			var selection_t = createElement(target_element_bg_div,+"selection_t","selection_t","div")
				set_background_image(selection_t_l_c, "images/3_selection/corners/corner_t_l.png")
				set_background_image(selection_t_r_c, "images/3_selection/corners/corner_t_r.png")
	}
	if(type == "bottom" || type == "top_and_bottom")
	{
			var selection_b_l_c = createElement(target_element_bg_div, "selection_b_l_c","selection_b_l_c","div")
			var selection_b_r_c = createElement(target_element_bg_div, "selection_b_r_c","selection_b_r_c","div")
			var selection_b = createElement(target_element_bg_div,+"selection_b","selection_b","div")
				set_background_image(selection_b_l_c, "images/3_selection/corners/corner_b_l.png")
				set_background_image(selection_b_r_c, "images/3_selection/corners/corner_b_r.png")
	}
	if(type == "bottom")
	{
			target_element_bg_div.style.height = 30
				target_element_bg_div_middle.style.height = 17
				target_element_bg_div_middle.style.top = 0
	}
	change_opacity(target_element_bg_div, opacity)
}
function show_wiki()
{
mapsystem.globalfilter.setGroupFilter(2,true)
}
function show_debug_new()
{
	var debug_window = document.getElementById("debug_window");
		debug_window.style.visibility = 'visible'
}
function clear_debug()
{
	var debug_window = document.getElementById("debug_window");
		debug_window.innerHTML = '<div id="close_intro" class="close_div" classname="close_div"><a id="closebutton_intro" class="closebutton_a" classname="closebutton_a" href="javascript:close_debug()" title="Close window"><img width="16" height="16" alt="" src="images/knoppen-titels/empty_icons/empty_1x1.gif"/></a></div><a class="clear_debug_button" href="javascript:clear_debug()">Clear</a>'
}
function close_debug()
{
	var debug_window = document.getElementById("debug_window");
		debug_window.style.visibility = 'hidden'
}
function add_to_debug(content)
{
	var debug_window = document.getElementById("debug_window");
	debug_window.innerHTML = content + debug_window.innerHTML
}
function show_group_window()
{
	var debug_window = document.getElementById("group_window");
		debug_window.style.visibility = 'visible'

}
function clear_group_window()
{
	var debug_window = document.getElementById("group_window");
		debug_window.innerHTML = '<div id="close_intro" class="close_div" classname="close_div"><a id="closebutton_intro" class="closebutton_a" classname="closebutton_a" href="javascript:close_group_window()" title="Close window"><img width="16" height="16" alt="" src="images/knoppen-titels/empty_icons/empty_1x1.gif"/></a></div><a class="clear_debug_button" href="javascript:clear_debug()">Clear</a>'
}
function close_group_window()
{
	var group_window = document.getElementById("group_window");
		group_window.style.visibility = 'hidden'
		
		hide_scroll("group_window")
}
function add_to_group_window(content)
{
	var debug_window = document.getElementById("group_window");
		debug_window.innerHTML += content
}
function show_loading_status_on(number_requests_in_queue)
{
var loading_div = document.getElementById("loading_div");
	loading_div.style.visibility = 'visible'
}
function show_loading_status_off()
{
var loading_div = document.getElementById("loading_div");
	loading_div.style.visibility = 'hidden'
}
function updated_num_active_requests(number,queue)
{
  var scroll_left = document.getElementById("search");
  if(number >0)
  {
	   show_loading_status_on(number+queue)
  }
  else
  {
  	show_loading_status_off()
  }
}
function create_scroll_targetdivs(parentdiv, type)
{
	var parentdiv_target = document.getElementById(parentdiv)
	
	var scroll_left = createElement(parentdiv_target,"scroll_left"+type,"scroll_left"+type,'div');
	var scroll_numbers = createElement(parentdiv_target,"scroll_numbers"+type,"scroll_numbers"+type,'div');
	var scroll_right = createElement(parentdiv_target,"scroll_right"+type,"scroll_right"+type,'div');
}
function	alert_browser()
	{
			var	thediv	=	document.getElementById("treelz_alert_div")

			thediv.innerHTML	=	'<br	/>navigator.appCodeName	=	'+navigator.appCodeName
			thediv.innerHTML	+=	'<br	/>navigator.appName	=	'+navigator.appName
			thediv.innerHTML	+=	'<br	/>navigator.appMinorVersion	=	'+navigator.appMinorVersion
			thediv.innerHTML	+=	'<br	/>navigator.cpuClass	=	'+navigator.cpuClass
			thediv.innerHTML	+=	'<br	/>navigator.platform	=	'+navigator.platform
			thediv.innerHTML	+=	'<br	/>navigator.plugins	=	'+navigator.plugins
			thediv.innerHTML	+=	'<br	/>navigator.opsProfile	=	'+navigator.opsProfile
			thediv.innerHTML	+=	'<br	/>navigator.userProfile	=	'+navigator.userProfile
			thediv.innerHTML	+=	'<br	/>navigator.systemLanguage	=	'+navigator.systemLanguage
			thediv.innerHTML	+=	'<br	/>navigator.userLanguage	=	'+navigator.userLanguage
			thediv.innerHTML	+=	'<br	/>navigator.appVersion	=	'+navigator.appVersion
			thediv.innerHTML	+=	'<br	/>navigator.userAgent	=	'+navigator.userAgent
			thediv.innerHTML	+=	'<br	/>navigator.onLine	=	'+navigator.onLine
			thediv.innerHTML	+=	'<br	/>navigator.cookieEnabled	=	'+navigator.cookieEnabled
			thediv.innerHTML	+=	'<br	/>navigator.mimeTypes	=	'+navigator.mimeTypes
			thediv.innerHTML	+=	'<br	/>You\'re	using	'	+	BrowserDetect.browser	+	'	'	+	BrowserDetect.version	+	'	on	'	+	BrowserDetect.OS	+	'!'
	show_treelz_alert() 
	}
function	alert_browser_log()
	{
			var	thediv	=	document.getElementById("treelz_log_div")
			thediv.innerHTML	+=	'<br	/>'+navigator.platform
			thediv.innerHTML	+=	'<br	/><br	/>'+navigator.userAgent
			thediv.innerHTML	+=	'<br	/><br	/>You\'re	using	'	+	BrowserDetect.browser	+	'	'	+	BrowserDetect.version	+	'	on	'	+	BrowserDetect.OS	+	'!'
	}
	function	show_showlevel()
	{
			var	map_showlevel	=	document.getElementById("map_showlevel")
			map_showlevel.style.visibility	=	"inherit"
	}
	function	hide_showlevel()
	{
			var	map_showlevel	=	document.getElementById("map_showlevel")
			map_showlevel.style.visibility	=	"hidden"
	}
	function	look_around()
	{
			hide_container_onscreen("_intro")
			show_help_container()
	}
function change_darkness_bg(opacity, type)
	{
		if(document.getElementById('titlebar'+type))
		{
			document.getElementById('titlebar'+type).setAttribute('class',"titlebar_"+opacity)
			document.getElementById('titlebar'+type).setAttribute('className',"titlebar_"+opacity)
			document.getElementById('footer'+type).setAttribute('class',"footer_"+opacity)
			document.getElementById('footer'+type).setAttribute('className',"footer_"+opacity)
			document.getElementById('background'+type).setAttribute('class',"background_"+opacity)
			document.getElementById('background'+type).setAttribute('className',"background_"+opacity)
			document.getElementById('corner_t_l'+type).setAttribute('class',"corner_t_l_"+opacity)
			document.getElementById('corner_t_l'+type).setAttribute('className',"corner_t_l_"+opacity)
			document.getElementById('corner_t_r'+type).setAttribute('class',"corner_t_r_"+opacity)
			document.getElementById('corner_t_r'+type).setAttribute('className',"corner_t_r_"+opacity)
			document.getElementById('corner_b_l'+type).setAttribute('class',"corner_b_l_"+opacity)
			document.getElementById('corner_b_l'+type).setAttribute('className',"corner_b_l_"+opacity)
			document.getElementById('corner_b_r'+type).setAttribute('class',"corner_b_r_"+opacity)
			document.getElementById('corner_b_r'+type).setAttribute('className',"corner_b_r_"+opacity)
			document.getElementById('extra_t_l'+type).setAttribute('class',"extra_t_l_"+opacity)
			document.getElementById('extra_t_l'+type).setAttribute('className',"extra_t_l_"+opacity)
			document.getElementById('extra_t_r'+type).setAttribute('class',"extra_t_r_"+opacity)
			document.getElementById('extra_t_r'+type).setAttribute('className',"extra_t_r_"+opacity)
			document.getElementById('extra_b_l'+type).setAttribute('class',"extra_b_l_"+opacity)
			document.getElementById('extra_b_l'+type).setAttribute('className',"extra_b_l_"+opacity)
			document.getElementById('extra_b_r'+type).setAttribute('class',"extra_b_r_"+opacity)
			document.getElementById('extra_b_r'+type).setAttribute('className',"extra_b_r_"+opacity)
		}
}
function show_treelz_alert(content, content2)
{
	var treelz_alert_div = document.getElementById('treelz_alert_div')
		treelz_alert_div.style.visibility = "inherit"
		
		if(content)
		{
		treelz_alert_div.innerHTML = '<img	src="images/1_knoppen/icon_alert.jpg" width=\"48\"	height=\"43\"><br/><br/>'+getTrans.Translate(content)
		}
		if(content2)
		{
			treelz_alert_div.innerHTML = getTrans.Translate(content)+" "+getTrans.Translate(content2)
		}
		
	
		var treelz_alert_a_close = createElement(treelz_alert_div,"treelz_alert_a_close",null,'a');
		treelz_alert_a_close.href = "javascript:close_treelz_alert()"
	
	var bodyW = document.body.offsetWidth;
	var alert_divW = document.getElementById('treelz_alert_div').offsetWidth;

	treelz_alert_div.style.left = (bodyW/2) - (alert_divW/2)
}
function show_treelz_alert_URL_normal(content, URL)
{
	var treelz_alert_div = document.getElementById('treelz_alert_div')
		treelz_alert_div.style.visibility = "inherit"
		
		if(content)
		{
			treelz_alert_div.innerHTML = '<img	src="images/1_knoppen/icon_alert.jpg" width=\"48\"	height=\"43\"><br/><br/>'+getTrans.Translate(content)+'<br/><br/><a class="greylink" href="http://'+URL+'">'+URL+'</a>'
		}
		
	
		var treelz_alert_a_close = createElement(treelz_alert_div,"treelz_alert_a_close",null,'a');
		treelz_alert_a_close.href = "javascript:close_treelz_alert()"
	
	var bodyW = document.body.offsetWidth;
	var alert_divW = document.getElementById('treelz_alert_div').offsetWidth;

	treelz_alert_div.style.left = (bodyW/2) - (alert_divW/2)
}

function show_treelz_alert_URL(content,content2,  URL)
{
	var treelz_alert_div = document.getElementById('treelz_alert_div')
		treelz_alert_div.style.visibility = "inherit"
		
		
		treelz_alert_div.innerHTML = '<img	src="images/1_knoppen/icon_alert.jpg" width=\"48\"	height=\"43\"><br/><br/>'+getTrans.Translate(content)+": <br /> <br /><a target='_blank' href='"+URL+"' class='greylink'>www.treelz.com/"+URL+"</a><br /> <br />"+getTrans.Translate(content2)+"<br /> <br /><input type='text' name='link' class='input_general_link' value='www.treelz.com/"+URL+"' onFocus=\"this.focus(); this.select()\" onClick=\"this.focus(); this.select()\">";
		
	
		var treelz_alert_a_close = createElement(treelz_alert_div,"treelz_alert_a_close",null,'a');
		treelz_alert_a_close.href = "javascript:close_treelz_alert()"
	
	
	
	var bodyW = document.body.offsetWidth;
	var alert_divW = document.getElementById('treelz_alert_div').offsetWidth;

	treelz_alert_div.style.left = (bodyW/2) - (alert_divW/2)
}
function show_treelz_alert_URL_RSS(content,content2,  URL)
{
	var treelz_alert_div = document.getElementById('treelz_alert_div')
		treelz_alert_div.style.visibility = "inherit"
		
		
		treelz_alert_div.innerHTML = getTrans.Translate(content)+": <br /> <br /><a target='_blank' href='"+URL+"' class='greylink'>www.treelz.com/"+URL+"</a><br /> <br />"+getTrans.Translate(content2)+"<br /> <br /><input type='text' name='link' class='input_general_link' value='www.treelz.com/"+URL+"' onFocus=\"this.focus(); this.select()\" onClick=\"this.focus(); this.select()\">";
		
	
		var treelz_alert_a_close = createElement(treelz_alert_div,"treelz_alert_a_close",null,'a');
		treelz_alert_a_close.href = "javascript:close_treelz_alert()"
	
	
	
	var bodyW = document.body.offsetWidth;
	var alert_divW = document.getElementById('treelz_alert_div').offsetWidth;

	treelz_alert_div.style.left = (bodyW/2) - (alert_divW/2)
}



function close_treelz_alert()
{
	
	var treelz_alert_div = document.getElementById('treelz_alert_div')
		treelz_alert_div.style.visibility = "hidden"
		treelz_alert_div.innerHTML = ""
}
function load_content_link()
{
	clickedon_link()

var mail_link_div = document.getElementById('mail_link_div')

	var mail_link_div_inner = document.getElementById('clientarea_inner_link')
		mail_link_div_inner.innerHTML = ""

		var mail_link_div_inner_target = createElement(mail_link_div_inner,"mail_link_div_inner_target","mail_link_div_inner_target",'div');
			mail_link_div_inner_target.innerHTML = ""
		
		var mail_link_div_close = createElement(mail_link_div,"treelz_alert_a_close","treelz_alert_a_close",'a');
			mail_link_div_close.href = "javascript:close_mail_link_div()"
	
			var mailHTML = "<form name='linkForm' action=\"\">";

				mailHTML += "<br>";
				mailHTML += getTrans.Translate("past_link");
				mailHTML += "<br>";
				mailHTML += "<input type='text' name='link' class='input_general_link' value="+urls.returnURL()+" onFocus=\"this.focus(); this.select()\" onClick=\"this.focus(); this.select()\">";
				mailHTML += "<br>";
				mailHTML += getTrans.Translate("this_link");

			if(treelzsystem.treelersocial)
			{
				mailHTML += "<br>";
				mailHTML += "<br>";
				mailHTML += getTrans.Translate("or_mail");
				mailHTML += "<br>";
				mailHTML += "Aan:";
				mailHTML += "<br>";
				mailHTML += "<input type='text' name='to' class='input_general_email' >";  //value='email address' onfocus='if (this.value == \"email address\"){this.value = \"\";}'
				mailHTML += "<br>";
				mailHTML += "<span class=\"grey\">";
				mailHTML += getTrans.Translate("seperate_comma");
				mailHTML += "</span>";
				mailHTML += "<br>";
				mailHTML += "<br>";
				mailHTML += getTrans.Translate("Personal_message")+":";
				mailHTML += "<br>";
				mailHTML += "<textarea name='message' class='input_general_text_100' rows='4' ></textarea>";//onfocus='if (this.value == \"Persoonlijk bericht\"){this.value = \"\";}'
				mailHTML += "<br>";
				mailHTML += "<a href='javascript:email_link(linkForm.link.value, linkForm.message.value, linkForm.to.value)'>"+getTrans.Translate("send")+"</a>";			
				mailHTML += "</form>";
				mailHTML += "<br>";
				
				mail_link_div_inner_target.innerHTML = mailHTML;
				
				
			}
			else
			{
				mailHTML += "<br>";
				mailHTML += "<br>";
				mailHTML += getTrans.Translate("mail_direct_only_login");
				
				mail_link_div_inner_target.innerHTML = mailHTML;
				
				collapse_container("_link", "85px")
				
			}
show_container("_link")
fill_titel_link()
center_container("_link")
}
function close_mail_link_div()
{
	
	var treelz_alert_div = document.getElementById('mail_link_div')
		treelz_alert_div.style.visibility = "hidden"
		treelz_alert_div.innerHTML = ""
}
function center_container_hor(container_id)
	{
//		alert("center_container_hor: "+container_id)
		
		var winW = document.body.offsetWidth;
		var containerW = document.getElementById(container_id).offsetWidth;
		document.getElementById(container_id).style.left = winW/2 - containerW/2
	}

function center_container_type(type)
	{
		var bodyH = document.body.offsetHeight;
		var bodyW = document.body.offsetWidth;
		
		var innerH = document.getElementById('clientarea_inner'+type).offsetHeight;
		var frameW = document.getElementById('frame'+type).offsetWidth;
		
		var top = (bodyH/2) - (innerH/2)
		var left = (bodyW/2) - (frameW/2)
		
		move_or_resize(type, top, left, null, null)
	}

function center_container(type, extra)
	{
		var bodyH = document.body.offsetHeight;
		var bodyW = document.body.offsetWidth;
		
		var innerH = document.getElementById('clientarea_inner'+type).offsetHeight;
		var frameW = document.getElementById('frame'+type).offsetWidth;
		var frameT = document.getElementById('frame'+type).offsetTop;
		
		
		var left = (bodyW/2) - (frameW/2)
		
		var	frame_h_center = innerH + statusbar_h + statusbar_extra_2 + titlebar_h + 9
		

			if(frame_h_center > bodyH - 160)
			{
					var top = 84
			}
			else
			{		
				if(extra){var top = (bodyH) - (innerH) - 163 - extra}
				else{var top = (bodyH) - (innerH) - 163}
			}
		
		move_or_resize(type, top, left, null, null)
		
		
		
		my_own_BuildFunc(type)
	}
function move_or_resize(type, top, left, width, height, move_top, move_left)
	{
		var frame = document.getElementById('frame'+type);
			
			if(top){frame_t = top}else{frame_t = frame.offsetTop}
			if(left){frame_l = left}else{frame_l = frame.offsetLeft}
			if(move_top){frame_t =  frame.offsetTop + move_top + 60}
			if(move_left){frame_l = frame.offsetLeft + move_left}
			if(width){frame_w = width}else{frame_w = frame.offsetWidth}
			if(height){frame_h = height}else{frame_h = frame.offsetHeight}

			dd.elements['frame'+type].resizeTo(frame_w,frame_h);
			dd.elements['frame'+type].moveTo(frame_l, frame_t);
			
			dd.elements['titlebar'+type].moveTo(frame_l+10+frame_padding, frame_t+2+frame_padding);
			dd.elements['titlebar'+type].resizeTo(frame_w-20-(frame_padding<<1), titlebar_h);
		
			dd.elements['clientarea'+type].moveTo(frame_l+0+frame_padding+clientarea_margin, dd.elements['titlebar'+type].y+titlebar_h+toolbar_h+clientarea_margin);
			dd.elements['clientarea'+type].resizeTo(frame_w-0-(frame_padding<<1)-(clientarea_margin<<1)-5,frame_h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);

			dd.elements['background'+type].moveTo(frame_l+0+frame_padding+clientarea_margin, dd.elements['titlebar'+type].y+titlebar_h+toolbar_h+clientarea_margin);
			dd.elements['background'+type].resizeTo(frame_w-0-(frame_padding<<1)-(clientarea_margin<<1),frame_h-titlebar_h-toolbar_h-statusbar_h - statusbar_extra_2 -(frame_padding<<1)-clientarea_margin);

			dd.elements['footer'+type].resizeTo(frame_w-0-(frame_padding<<1)-(clientarea_margin<<1)-20,footer_h + footer_extra_2);
			dd.elements['footer'+type].moveTo(frame_l+10, frame_t+frame_h-dd.elements['footer'+type].h );

			dd.elements['corner_t_l'+type].moveTo(frame_l, frame_t+2);
			dd.elements['corner_t_r'+type].moveTo(frame_l+ frame_w-dd.elements['corner_t_r'+type].w, frame_t+2);
			dd.elements['corner_b_l'+type].moveTo(frame_l, frame_t+frame_h-dd.elements['corner_b_l'+type].h);
			dd.elements['corner_b_r'+type].moveTo(frame_l+ frame_w-dd.elements['corner_b_r'+type].w, frame_t+frame_h-dd.elements['corner_b_r'+type].h);


			dd.elements['resizehandle'+type].moveTo(frame_l+frame_w-dd.elements['resizehandle'+type].w-2, frame_t+frame_h-dd.elements['resizehandle'+type].h-2 );

	cleanTestDiv(type)
	}
function clear_middle_div()
{
		var middle_div = document.getElementById('middle');				
			middle_div.innerHTML = '';
}
function set_middle_overflow_auto()
{
	var middle_div = document.getElementById('middle');				
		middle_div.style.overflow = 'auto';
}
function set_middle_overflow_hidden()
{
	var middle_div = document.getElementById('middle');				
		middle_div.style.overflow = 'hidden';
}

function set_middle_margin()
{
	var middle_div = document.getElementById('middle');				
		middle_div.style.margin = 50;
}
function set_middle_nomargin()
{
	var middle_div = document.getElementById('middle');				
		middle_div.style.margin = ''
}



//adjust width and height of an element
function adjust_h_w(idnaam, height, width)
	{
		 var element = document.getElementById(idnaam)
			
			if(height){element.style.height = height}
			if(width){element.style.width = width}
	}
//set style of a div
function adjustDivStyle(idnaam, position, visibility, overflow, height, width)
	{
		 var thediv = document.getElementById(idnaam)
		 if(position) {thediv.style.position = position}
		 if(height) {thediv.style.height = height}
		 if(width) {thediv.style.width = width}
		 if(visibility) {thediv.style.visibility = visibility}
		 if(overflow) {thediv.style.overflow = overflow}
	}
//create an image
function createimageshowUrl(imageid,thumb,height,width)
	{
		var url = ''+baseurl +'imageshow.php?'
		if(thumb) url = url + 'thumb=true &h='+height+' &w='+width+''
		url = url + '&imageid='+imageid+'';
		return url
		
	}
	
//create a new element
function createElement(parentdiv,classname,id,type)
	{
			var new_element = document.createElement(type);
			if(parentdiv) parentdiv.appendChild(new_element);
			if(classname)
	{
				new_element.setAttribute('class',classname);
				new_element.setAttribute('className',classname);
	}
			if(id) new_element.id = id
			return new_element
	}

function fill_titel_intro()
{
	var titel_div = document.getElementById("frame_intro")
		var menu_intro = createElement(titel_div,"menu_intro","menu_intro",'div');
				menu_intro.innerHTML	=	'<a	href="javascript:show_inintro_intro()">'+getTrans.Translate("Intro")+'</a> | <a	href="javascript:show_inintro_extra_info()">'+getTrans.Translate("Extra_info")+'</a> |  <a	href="javascript:all_news_intro()">'+getTrans.Translate("News")+'</a> | <a	href="javascript:show_inintro_contact()">'+getTrans.Translate("Contact")+'</a> | <a	href="javascript:show_inintro_terms_of_use()">'+getTrans.Translate("Terms_of_use")+'</a> | <a	href="javascript:show_inintro_links()">'+getTrans.Translate("Links")+'</a>'
}
function fill_titel_link()
{
	
		var titel_div = document.getElementById("titlebar_link")
			titel_div.innerHTML = ""
		
			var link_a = createElement(titel_div,"class_h5",null,'a')
				link_a.innerHTML = getTrans.Translate("send_a_link")
}
function fill_titel_treel(treelid, userid)
	{
		var titel_div = document.getElementById("titlebar_treel")
			titel_div.innerHTML = ""
					
		
		mapsystem.treelz.getTreel(treelid,function(treel)
			{
			var name = treel.name
			
			var treel_a = createElement(titel_div,"class_h5",null,'a')
				treel_a.innerHTML = name
			}
			);
	}
function fill_titel_userprofile(gevondenuser)
	{
				var titel_div = document.getElementById("titlebar_user")
					titel_div.innerHTML = ""
					
				
					var username_a = createElement(titel_div,"class_h5",null,'a')
						username_a.innerHTML = gevondenuser.firstname+" "+gevondenuser.lastname

					var username_br = createElement(titel_div,null,null,'br')
				
				


	}
function fill_titel_groupprofile(gevondengroup)
	{
				var titel_div = document.getElementById("titlebar_group")
					titel_div.innerHTML = ""
					
				
					var username_a = createElement(titel_div,"class_h5",null,'a')
			  	 //	 	username_a.href = "javascript:minmax_container_user()"
						username_a.innerHTML = gevondengroup.title
	}

function fill_titel_message(msg)
	{
				var titel_div = document.getElementById("titlebar_msg")
					titel_div.innerHTML = ""

				
				
				var titel_msg_a = createElement(titel_div,"class_h5",null,'a')
			//		titel_msg__a.href = "javascript:minmax_container_msg()"
					msg.getTitle(function(title)
				{
					if(title)
					{titel_msg_a.innerHTML =  title}
					else
					{titel_msg_a.innerHTML = ''}
				}
				);
	}
function fill_titel_intro_groups(group_id)
{
				var frame_intro = document.getElementById("frame_intro")
	//			frame_intro.innerHTML = ''
				
				var titel_div = document.getElementById("titlebar_intro")
					titel_div.innerHTML = ""

			mapsystem.groups.getGroup(group_id,function(group)
				{	
				
				var titel_msg_span = createElement(titel_div,"title_big_intro",null,'span')
					titel_msg_span.innerHTML =  group.title

				var sub_title_intro_a = createElement(frame_intro,"sub_title_intro_a","sub_title_intro_a",'a')
					sub_title_intro_a.innerHTML =  group.name+".treelz.com"
					
					sub_title_intro_a.target="_blank"
					
					sub_title_intro_a.href = "http://"+group.name+".treelz.com"
				}
				);
}
function fill_titel_edit_group(group_id)
{
	mapsystem.groups.getGroup(group_id,function(group)
			{
				fill_titel_data("_set", "Edit: " + group.name+".treelz.com")
			}
			);
}
function fill_titel_overview_group(group_id)
{
	mapsystem.groups.getGroup(group_id,function(group)
			{
				fill_titel_data("_view", "Overview: " + group.name+".treelz.com")
			}
			);
}
function fill_titel(type, content)	
	{
				var titel_div = document.getElementById("titlebar"+type)
					titel_div.innerHTML = ""
				
					var general_a = createElement(titel_div,"class_h5",null,'a')
						general_a.innerHTML = getTrans.Translate(content)
	}	
function fill_titel_data(type, content)	
	{
				var titel_div = document.getElementById("titlebar"+type)
					titel_div.innerHTML = ""
				
					var general_a = createElement(titel_div,"class_h5",null,'a')
						general_a.innerHTML = content
	}	
function setmaptypeonsatellite()
	{
		urls.AddVariable("MA", "s");
		urls.UpdateURL();
	//	change_darkness_bg_allcontainers(75)
		setcolormaptypes("satellite")
		mapsystem.map.setMapType(G_SATELLITE_MAP);
	}
function setmaptypeonhybrid()
	{
		urls.AddVariable("MA", "h");
		urls.UpdateURL();	
	//	change_darkness_bg_allcontainers(75)
		setcolormaptypes("hybrid")
		mapsystem.map.setMapType(G_HYBRID_MAP);
	}
function setmaptypeonmap()
	{
		urls.AddVariable("MA", "m");
		urls.UpdateURL();
	//	change_darkness_bg_allcontainers(85)
		setcolormaptypes("map")
		mapsystem.map.setMapType(G_NORMAL_MAP);
	}
function setmaptypeonterrain()
	{
		urls.AddVariable("MA", "t");
		urls.UpdateURL();
	//	change_darkness_bg_allcontainers(85)
		setcolormaptypes("terrain")
		mapsystem.map.setMapType(G_PHYSICAL_MAP);
	}

function setmaptypeonsatellite_pref()
	{
	//	change_darkness_bg_allcontainers(75)
		setcolormaptypes("satellite")
		mapsystem.map.setMapType(G_SATELLITE_MAP);
	}
function setmaptypeonhybrid_pref()
	{
	//	change_darkness_bg_allcontainers(75)
		setcolormaptypes("hybrid")
		mapsystem.map.setMapType(G_HYBRID_MAP);
	}
function setmaptypeonmap_pref()
	{
	//	change_darkness_bg_allcontainers(85)
		setcolormaptypes("map")
		mapsystem.map.setMapType(G_NORMAL_MAP);
	}
function setmaptypeonterrain_pref()
	{
	//	change_darkness_bg_allcontainers(85)
		setcolormaptypes("terrain")
		mapsystem.map.setMapType(G_PHYSICAL_MAP);
	}
function setcolormaptypes(type)
{
	var button_hybrid = document.getElementById("button_satellite")
		button_hybrid.style.color = ''
	var button_hybrid = document.getElementById("button_map")
		button_hybrid.style.color = ''
	var button_hybrid = document.getElementById("button_hybrid")
		button_hybrid.style.color = ''
	var button_hybrid = document.getElementById("button_terrain")
		button_hybrid.style.color = ''

	var button_hybrid = document.getElementById("button_"+type)
		button_hybrid.style.color = "white"
}
function zoomin(){mapsystem.map.zoomIn();}				
function zoomout(){mapsystem.map.zoomOut();}	
function setzoom_1(){mapsystem.map.setZoom(1);}				
function setzoom_2(){mapsystem.map.setZoom(2);}				
function setzoom_3(){mapsystem.map.setZoom(3);}				
function setzoom_4(){mapsystem.map.setZoom(4);}	
function setzoom_5(){mapsystem.map.setZoom(5);}	
function setzoom_6(){mapsystem.map.setZoom(6);}	
function setzoom_7(){mapsystem.map.setZoom(7);}	
function setzoom_8(){mapsystem.map.setZoom(8);}	
function setzoom_9(){mapsystem.map.setZoom(9);}	
function setzoom_10(){mapsystem.map.setZoom(10);}	
function setzoom_11(){mapsystem.map.setZoom(11);}	
function setzoom_12(){mapsystem.map.setZoom(12);}	
function setzoom_13(){mapsystem.map.setZoom(13);}	
function setzoom_14(){mapsystem.map.setZoom(14);}	
function setzoom_15(){mapsystem.map.setZoom(15);}	
function setzoom_16(){mapsystem.map.setZoom(16);}	
function setzoom_17(){mapsystem.map.setZoom(17);}	
function setzoom_18(){mapsystem.map.setZoom(18);}	
function setzoom_19(){mapsystem.map.setZoom(19);}	
function setzoom_20(){mapsystem.map.setZoom(20);}	
function setzoom_21(){mapsystem.map.setZoom(21);}	
function setzoom_22(){mapsystem.map.setZoom(22);}	
	
	function setzoom_x(x){mapsystem.map.setZoom(x);}
	
function clickedonprivate()
	{
		var checkbox = document.getElementById("checkbox_private")
		
		 if(checkbox.style.color == 'rgb(152, 152, 152)') 
			{
			 checkbox.style.color = "rgb(255, 255, 255)"
			}
		 else
			{
			checkbox.style.color = "rgb(152, 152, 152)"
			}
	}
function clickedonfriends()
	{
		var checkbox = document.getElementById("checkbox_friends")
		
		 if(checkbox.style.color == 'rgb(152, 152, 152)') 
			{
			 checkbox.style.color = "rgb(255, 255, 255)"
			}
		 else
			{
			checkbox.style.color = "rgb(152, 152, 152)"
			}
	}
function clickedonpublic()
	{
		var checkbox = document.getElementById("checkbox_public")
		
		 if(checkbox.style.color == 'rgb(152, 152, 152)') 
			{
			 checkbox.style.color = "rgb(255, 255, 255)"
			}
		 else
			{
			checkbox.style.color = "rgb(152, 152, 152)"
			}
	}
function setotherbackground()
	{	
	var outer = document.getElementById("container_userprofile_inner_outer")
		outer.setAttribute('classname',"setotherbackground")
	}
function test_show_height(type)
	{
		var frame_msg = document.getElementById('frame'+type);
		var clientarea_inner_msg = document.getElementById('clientarea_inner'+type);
		var middle = document.getElementById('middle');
		var zoombalk = document.getElementById('zoombalk');
		
		var debug_window = document.getElementById('debug_window')
			
			debug_window.innerHTML = ''
			debug_window.innerHTML = debug_window.innerHTML +'<br /><br /> top frame:<br />'+ frame_msg.offsetTop;
			debug_window.innerHTML = debug_window.innerHTML +'<br /><br /> height frame:<br />'+ frame_msg.offsetHeight;

			debug_window.innerHTML = debug_window.innerHTML +'<br /><br /> top inner:<br />'+ clientarea_inner_msg.offsetTop;
			debug_window.innerHTML = debug_window.innerHTML +'<br /><br /> height inner:<br />'+ clientarea_inner_msg.offsetHeight;

			debug_window.innerHTML = debug_window.innerHTML +'<br /><br /> top middle:<br />'+ middle.offsetTop;
			debug_window.innerHTML = debug_window.innerHTML +'<br /><br /> height middle:<br />'+ middle.offsetHeight;

			debug_window.innerHTML = debug_window.innerHTML +'<br /><br /> top zoombalk:<br />'+ zoombalk.offsetTop;
			debug_window.innerHTML = debug_window.innerHTML +'<br /><br /> height zoombalk:<br />'+ zoombalk.offsetHeight;

			debug_window.innerHTML = debug_window.innerHTML +'<br /><br /> height body:<br />'+ document.body.offsetHeight;
	}
	function detectVertScrollBar() 
		{
				if (document.body.clientHeight < document.body.offsetHeight) {
						return true;
				}
				return true;
		}

	function detectHorScrollBar() 
		{
				if (document.body.clientWidth < document.body.offsetWidth) {
						return true;
				}
				return true;
		}
		
	function collapse_container(type, height)
	{
		var clientarea_inner = document.getElementById('clientarea_inner'+type)
			clientarea_inner.style.height = height
		my_own_BuildFunc(type)
	}
	function collapse_container_intro()
	{
		collapse_container("_intro")
		
	}
	
	function email_link (link, message, to) {
		mapsystem.EmailLink(link, message, to, function(result){
			if (result == "ok") 
			{
			var mail_link_div_inner_target = document.getElementById("mail_link_div_inner_target");
				mail_link_div_inner_target.innerHTML = getTrans.Translate("sending_email_succesfull")
				
				collapse_container("_link", "10")
			}
			else {
			var mail_link_div_inner_target = document.getElementById("mail_link_div_inner_target");
				mail_link_div_inner_target.innerHTML = getTrans.Translate("sending_email_failed")
				
				collapse_container("_link", "10")
			}
		});
	}
	
	function center_div(div)
	{
		var bodyH = document.body.offsetHeight;
		var bodyW = document.body.offsetWidth;
		var div_element = document.getElementById(div)
		var divH = div_element.offsetHeight;
		var divW = div_element.offsetWidth;
		var top = (bodyH/2) - (divH/2)
		var left = (bodyW/2) - (divW/2)
		
		div_element.style.left = left
		div_element.style.top = top
	}
	
	function fill_intro_screen(div)
	{
		var div_element = document.getElementById(div)
		var intro_pic = createElement(div_element,"intro_pic","intro_pic_"+div,'div');
	}

	function close_intro_screen()
	{
		var div_element = document.getElementById("first_steps")
			div_element.style.visibility = "hidden"
	}
	function fill_signup_screen()
	{
		var intro_message = document.getElementById("intro_message")
		var intro_signup = createElement(intro_message,"intro_signup","intro_signup",'div');
			intro_signup.innerHTML	=	'<IFRAME	src="'+baseurl+'?page=register"		id="iframe_signup"		width="300"	height="150">	</IFRAME>'
	}
	function load_user_presets(user) 
	{
			alert("Loading the presets of users:" +user);
			Screen_Clicked_ShowUserOnly(1, true)
    }
	function nothing(){}//wordt dus wel gebruikt (is daar een andere manier voor?)
function open_close_sel_groups_Languages()
{
	open_close_sel_groups('Languages')
}
function load_languages_menu()
{
					var	standard_targetdiv	=	document.getElementById("select_languages_on_map")
					
		if(standard_targetdiv.style.visibility == "inherit")
		{
			close_lang_sel_menu()
			
			standard_targetdiv.innerHTML = ''
		}
		else
		{			
					standard_targetdiv.style.visibility = "inherit"
			//		standard_targetdiv.style.height	=	100

			treelzsystem.languages.getAllLanguages(function(lngs)
			{
					var	str	=	''
					for(i	in	lngs)
					{
							var	lng	=	lngs[i]
							//	1.	English
							str	+=	'<input	type="checkbox"	'
							if(mapsystem.globalfilter.getLanguageFilter(lng.id))
							{
									str	+=	'	checked	';
							}
							str	+=	'	onClick="selected_or_unselected_language('+lng.id+',this)"/>'
							str	+=	"<span>	"+lng.name+"</span><br>"


					}
					standard_targetdiv.innerHTML	=	str;
					filter_update_allcheckbox_languages()
			}
			);
		}
		
		add_close_button("select_languages_on_map", "javascript:close_lang_sel_menu()")
		
}
function close_lang_sel_menu()
{
	var	standard_targetdiv	=	document.getElementById("select_languages_on_map")
	standard_targetdiv.style.visibility = "hidden"

}
function open_lang_sel_menu()
{
	var	standard_targetdiv	=	document.getElementById("select_languages_on_map")
	standard_targetdiv.style.visibility = "inherit"

}
function	filter_update_allcheckbox_languages()
	{

			treelzsystem.languages.getAllLanguages(function(lngs)
			{
					var	tot=0;
					var	selected	=	0;
					for(i	in	lngs)
					{
							var	lng	=	lngs[i]
							if(mapsystem.globalfilter.getLanguageFilter(lng.id))
							{
									selected	+=	1;
							}
							tot	+=1;
					}
			}
			);
	}
	function	selected_or_unselected_language(langid,thecheckbox,update_type)
	{
			if(thecheckbox.checked)
			{
					mapsystem.globalfilter.setLanguageFilter(langid,true)
					filter_update_allcheckbox_languages()
			}
			else
			{
					mapsystem.globalfilter.setLanguageFilter(langid,false)
					filter_update_allcheckbox_languages()
			}
	}
	function hide_tools_on_map()
	{
	var	count_and_loading_div_outer	=	document.getElementById("count_and_loading_div_outer")
		count_and_loading_div_outer.style.display = "none"
	
	var	footer_map	=	document.getElementById("footer_map")
		footer_map.style.display = "none"
		
	}
	function	add_close_button(target_id,	href)
	{
			var	target_div	=	document.getElementById(target_id)

			var	close_details_groups	=	createElement(target_div,"close_div","close_details_groups",'div');

			var	closebutton_a	=	createElement(close_details_groups,	"closebutton_a",	null,	'a');
			closebutton_a.href	=	href
			closebutton_a.title	=	getTrans.Translate("title_close_window")
			closebutton_a.innerHTML	=	'<img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="16"	height="16"		alt="">'
	}
	function	add_close_button_tooltip(target_id,	href)
	{
			var	target_div	=	document.getElementById(target_id)

			var	close_details_groups	=	createElement(target_div,"close_div_tooltip","close_details_groups",'div');

			var	closebutton_a	=	createElement(close_details_groups,	"closebutton_a_tooltip",	null,	'a');
			closebutton_a.href	=	href
			closebutton_a.title	=	getTrans.Translate("title_close_window")
			closebutton_a.innerHTML	=	'<img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="16"	height="16"		alt="">'
	}
	function close_tooltip()
		{
	//		alert("close_tooltip")
	//	var	thisinstance	=	this;
	//		thisinstance.tooltip.style.visibility="hidden";
			var	tooltip	=	document.getElementById("tooltip")
				tooltip.parentNode.style.visibility = "hidden"
		
		}
	function open_close_sel_groups_Search()
	{
			open_close_sel_groups('Search')
	}
	function centeron_home()
	{
			if(treelzsystem.getTreelerSocial)
			{
					treelzsystem.getTreelerSocial(function(treelersocial)
					{
							userhome = treelersocial.user.home
							centreOn('',userhome,13)
					}
					);
			}
			else
			{
					show_treelz_alert("not_loggedin_home")
			}
	}
	
	function preload_images_at_start()
	{
		var	preloaden_images	=	document.getElementById("preloaden_images_2")
			if(getTrans.Translate("language_selected") == "NL")
			{
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_maplog.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_register.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_skip.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_groups.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_travel.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_pages_groups_1.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_pages_travel_1.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_pages_maplog_1.png"/>';
			}
			else
			{
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_register.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_skip.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_travel.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_groups.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_maplog.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_pages_groups_1.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_pages_travel_1.png"/>';
					preloaden_images.innerHTML += '<img src="images/4_intro/intro_pages_maplog_1.png"/>';
			}

			preloaden_images.innerHTML += '<img src="images/achtergronden/logo_treelz.png"/>';
			preloaden_images.innerHTML += '<img src="images/intro_global/black_corner_t_l.png"/>';
			preloaden_images.innerHTML += '<img src="images/intro_global/black_corner_t_r.png"/>';
			preloaden_images.innerHTML += '<img src="images/loaders/ajax-loader_1.gif"/>';

	}
	function preload_image(URL)
	{
		var	preloaden_images	=	document.getElementById("preloaden_images_2")
			preloaden_images.innerHTML += '<img src="'+URL+'"/>';
	}
	
	function oops_an_error_alert()
	{
		if(domain_uid != -1)
		{
			treelzsystem.users.getUser(domain_uid,null,function(gevondenuser)
			{
				show_treelz_alert_URL_normal("error_reload_page", gevondenuser.nickname+".treelz.com")
			}
			);
		}
		else if(domain_gid != -1)
		{
			mapsystem.groups.getGroup(domain_gid,function(gevondengroup)
			{
				show_treelz_alert_URL_normal("error_reload_page", gevondengroup.name+".treelz.com")
			}
			);
		}
		else
		{
				show_treelz_alert_URL_normal("error_reload_page", "www.treelz.com")
		}
	}
function open_groups_intro()
{
	show_global_intro()
	show_more_details('groups', 1)
	
}

function clear_timer_tooltip()
{
	clearTimeout(timer_hide_tooltip)	
}
function functie_timer_hide_tooltip()
{
	timer_hide_tooltip = setTimeout("hide_tooltip()",global_timer);
}
var	groupprofile_notes	=	100
var	groupprofile_photos	=	100

var	thetags2	
var	groupselect_divs	=	[];

var only_group_var = false


/*Groupsprofile*/	

function load_content_groupprofile(groupid)
{
var value_if_member_group = ''
	
	urls.AddVariable("G", "i");
	urls.AddVariable("Gid", groupid);
	urls.UpdateURL();
	
	mapsystem.groups.getGroup(groupid,function(gevondengroup)
	{
		clickedon_group(gevondengroup)
		var	containerdiv	=		document.getElementById("clientarea_inner_group")
			containerdiv.innerHTML	=	'';
		var	containerdiv_outer	=		document.getElementById("frame_group")
			containerdiv_outer.innerHTML	=	'';
		create_scroll_targetdivs("frame_group", "_groupprofile")
		var	tabs_div	=	createElement(containerdiv_outer,"tabs_div","tabs_group",'div')
		fill_tabs_groupprofile_div(tabs_div,gevondengroup)
		
		var username_a_2 = createElement(containerdiv_outer,"greylink direct_link",null,'a')
			username_a_2.innerHTML = gevondengroup.name+".treelz.com"
			username_a_2.href = "http://"+gevondengroup.name+".treelz.com"
			username_a_2.target = "_blank"

		
		var	containerdiv_info_group	=	createElement(containerdiv,"containerdiv_info","containerdiv_info_group",'div')
//			var	userpicture_div	=	createElement(containerdiv_info_group,"userpicture_div","userpicture_div",'div')
//			fill_userpicture(userpicture_div,	gevondengroup)
		var	details_div_groupprofile	=	createElement(containerdiv_info_group,'details_div_groupprofile','details_div_groupprofile','div')
		show_groupinfo_groupprofile(groupid,value_if_member_group)
		show_container("_group")
		var	resizehandle_group	=		document.getElementById("resizehandle_group") 
			resizehandle_group.style.visibility	=	"hidden"
		
			gevondengroup.getUserIsMember(loggedin_id,function(value_if_member)
			{
				if(value_if_member == true)
				{value_if_member_group = true
				debug("value_if_member_group = true")
				}
				else
				{value_if_member_group = false
				debug("value_if_member_group = false")
				}
		fill_buttons_groupprofile(gevondengroup, groupid, value_if_member_group)
			}
			);
		
	}
	);
}
function fill_tabs_groupprofile_div(tabs_groupprofile_div,gevondengroup)
{
	var	show_profile_a	=	createElement(tabs_groupprofile_div,null,null,'a')
		show_profile_a.href	=	"javascript:Screen_ShowGroupDetails("+gevondengroup.id+")"
		show_profile_a.innerHTML	=	getTrans.Translate("profile")
		show_profile_a.title	=	getTrans.Translate("title_show_profile_group")
	var	streepje_span	=	createElement(tabs_groupprofile_div,null,null,'span')
		streepje_span.innerHTML	=	"	|	"
	var	show_pictures_a	=	createElement(tabs_groupprofile_div,null,null,'a')
		show_pictures_a.href	=	"javascript:show_pictures_groupprofile("+gevondengroup.id+")"
		show_pictures_a.innerHTML	=	getTrans.Translate("pictures")
		show_pictures_a.title	=	getTrans.Translate("title_show_pictures_group")
	var	streepje_span	=	createElement(tabs_groupprofile_div,null,null,'span')
		streepje_span.innerHTML	=	"	|	"
	var	show_messages_a	=	createElement(tabs_groupprofile_div,null,null,'a')
		show_messages_a.href	=	"javascript:show_messages_groupprofile("+gevondengroup.id+")"
		show_messages_a.innerHTML	=	getTrans.Translate("messages")
		show_messages_a.title	=	getTrans.Translate("title_show_messages_group")
	var	streepje_span	=	createElement(tabs_groupprofile_div,null,null,'span')
		streepje_span.innerHTML	=	"	|	"
	var	show_members_a	=	createElement(tabs_groupprofile_div,null,null,'a')
		show_members_a.href	=	"javascript:show_members_groupprofile("+gevondengroup.id+")"
		show_members_a.innerHTML	=	getTrans.Translate("members")
		show_members_a.title	=	getTrans.Translate("title_show_members_group")
}
function fill_buttons_groupprofile(gevondengroup, groupid, value_if_member_group)
{
	var	buttons_group_div	= document.getElementById("buttons_group_div") 
		buttons_group_div.style.visibility = "inherit"
			
			var	groupinfo_showonlythis_div	=	createElement(buttons_group_div,"float_left","groupinfo_showonlythis",'div')
				
				adjust_size_to_image(groupinfo_showonlythis_div, "images/1_knoppen/icon_show_group_only.png")
				add_size_to_element(buttons_group_div, "images/1_knoppen/icon_show_group_only.png")
		
				
				create_clickable_icon("groupinfo_showonlythis", "showonlythis_group", "icon_show_group_only", "javascript:Screen_Clicked_ShowGroupOnly("+groupid+", true)",  "title_show_only_this_group_on_map", null,  "left", 0, option_b_o, option_f_o, true)
		//		preload_img("icon_restore_view_group")
		/*		
				var	showonlythis_a	=	createElement(groupinfo_showonlythis_div,null,"groupinfo_showonlythis_a",'a')
					showonlythis_a.innerHTML	=	'<img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="41"	height="31"		alt="">'
					showonlythis_a.title	=	getTrans.Translate("show_only_this_user_on_map")
					showonlythis_a.href	=	"javascript:Screen_Clicked_ShowGroupOnly("+groupid+", true)"
		*/	
			if(BrowserDetect.browser == "Explorer")
			{
				if (BrowserDetect.version == "6")
				{
					create_clickable_icon("buttons_group_div", "rss_feed_group", "icon_rss", "javascript:show_treelz_alert(\'not_in_IE\')",  "title_rss", null,  "left", 6, option_b_o, option_f_o)
					
			//		buttons_group_div.innerHTML += '<a class="rss_a" href="javascript:show_treelz_alert(\'not_in_IE\')"><img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="31"	height="31"		alt=""></a>'
				}
			}
			else
			{																			 
				create_clickable_icon("buttons_group_div", "rss_feed_group", "icon_rss", 'show_treelz_alert_URL_RSS(\'rss_link\',\'past_link_rss\', "feed.php?type=groups.messages&groupname='+gevondengroup.name+'")',  "title_rss", null,  "left", 6, option_b_o, option_f_o)
				
		//		buttons_group_div.innerHTML += '<a class="rss_a" target="_blank" href="feed.php?type=msgs&username='+gevondengroup.nickname+'"><img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="31"	height="31"		alt=""></a>'
			}
			
			if(treelzsystem.treelersocial)
			{					
					if(value_if_member_group)	
					{
						
						create_clickable_icon("buttons_group_div", "group_member", "icon_group_member", null,  "title_group_member", null,  "left", 6, option_b_o, option_b_o)
						gevondengroup.isUserModerator(treelzsystem.treelersocial.userid,function(moderator)
						{
						if(moderator == 1)  
						{
							create_clickable_icon("buttons_group_div", "settings_group", "icon_settings", "javascript:open_screen_edit_group("+gevondengroup.id+")",  "title_groupsettings", null,  "left", 6, option_b_o, option_f_o)
						}
			
						}
						);
					
					}
					else
					{
						create_clickable_icon("buttons_group_div", "addtogroup", "icon_join_group", "javascript:requestAccesToGroup("+gevondengroup.id+")",  "title_ask_permission_group", null,  "left", 6, option_b_o, option_f_o)
					}
			}
				
				create_clickable_icon("buttons_group_div", "intro_group_button", "icon_intro", "javascript:open_screen_intro_group("+gevondengroup.id+")",  "title_intro_group", null,  "left", 6, option_b_o, option_f_o)
		
}
function show_groupinfo_groupprofile(groupid,value_if_member_group)
{
	var	details_div_groupprofile	=		document.getElementById("details_div_groupprofile")
	details_div_groupprofile.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
	treelzsystem.users.getUser(groupid,null,function(gevondengroup)
	{
		details_div_groupprofile.innerHTML	=	''
		var	userinfo_pc_up_div	=	createElement(details_div_groupprofile,"userinfo_pc_up","userinfo_pc_up",'div')
	//	var	br_element	=	createElement(userinfo_pc_up_div,null,null,'br')
		var	number_span2	=	createElement(userinfo_pc_up_div,null,null,'span')
		var	br_element	=	createElement(userinfo_pc_up_div,null,null,'br')
		var	br_element	=	createElement(userinfo_pc_up_div,null,null,'br')
		var	number_span	=	createElement(userinfo_pc_up_div,null,null,'span')
		var eoptions = []
		eoptions["type"] = '1';

	mapsystem.groups.getGroup(groupid,function(gevondengroup)
	{
				number_span.innerHTML	=	gevondengroup.description
				
				CSBfleXcroll(details_div_groupprofile);
		
	}
	);

		
		mapsystem.groups.getGroup(groupid,function(fgrp)
		{
			fgrp.getAmountMessages(function(aantalpublic)
			{
				number_span2.innerHTML	=	""+aantalpublic+ "  "+getTrans.Translate("public_messages")
				
				CSBfleXcroll(details_div_groupprofile);
			}
			,eoptions)
		}
		);
	}
	);
}
function addtogroups(groupid)
{
	var treelz_alert_div = document.getElementById('treelz_alert_div')
		treelz_alert_div.style.visibility = "inherit"
		treelz_alert_div.innerHTML	=	"TODO Steven: Add to group"
	show_alert()
}
function invite_user(groupid)
{
	var	msg	=	prompt(getTrans.Translate("Personal_message")+':');
	treelzsystem.treelersocial.addFriend(groupid,msg,function(treelersocial)
	{
		show_treelz_alert("friend_invite_send")
		show_groupinfo_groupprofile(groupid)
	}
	);
}
function clean_invite_user()
{
}
function show_profile_groupprofile()
{
	var	scroll_arrows	=		document.getElementById("scroll_arrows")
		scroll_arrows.innerHTML	=	''
	var	details_div_groupprofile	=		document.getElementById("details_div_groupprofile")
		details_div_groupprofile.innerHTML	=	''
}
function show_groups_groupprofile(groupid)
{
	urls.AddVariable("G", "m");
	urls.AddVariable("Gid", groupid);
	urls.UpdateURL();
	//clear_scroll_targetdivs("_groupprofile")
	treelzsystem.users.getUser(groupid,null,function(gevondengroup)
	{
		bs	=	new	UniversalScroller	(gevondengroup,	"details_div_groupprofile",	"scroll_numbers_groupprofile",	user_steps_usergroups,	"0",	5,user_steps_usergroups_getamount, "scroll_left_groupprofile", "scroll_right_groupprofile", "bs");
		bs.Init("bs");	
	}
	);					
}

/*Show messages in groupprofile*/


function show_messages_groupprofile(groupid)
{
	urls.AddVariable("G", "m");
	urls.AddVariable("Gid", groupid);
	urls.UpdateURL();
	//clear_scroll_targetdivs("_groupprofile")
	mapsystem.groups.getGroup(groupid,function(gevondengroup)
	{
		bs	=	new	UniversalScroller	(gevondengroup,	"details_div_groupprofile",	"scroll_numbers_groupprofile",	groupprofile_messagescroller_usermessages,	"0",	6,groupprofile_messagescroller_usermessages_getamount, "scroll_left_groupprofile", "scroll_right_groupprofile", "bs");
		bs.Init("bs");
	}
	);
}

/*
function groupprofile_messagescroller_message_usergroups_getamount(object,callbackfunc)
{
	var extraoptions = [];
	extraoptions['type']='0';
	extraoptions['start']='0';
	extraoptions['amount']=1;		
	mapsystem.groups.getGroupUsersMemberOf(object.id,	function(grps,amount)
	{
		//debug('aantal is'+amount)
		callbackfunc(amount)
	}
	,extraoptions)
}
function groupprofile_messagescroller_message_usergroups(object,	start, amount,	callbackfunc)
{
	var extraoptions = [];
	extraoptions['type']='0';
	extraoptions['start']=start;
	extraoptions['amount']=amount;		
	mapsystem.groups.getGroupUsersMemberOf(object.id,	function(grps,amount)
	{
		var	thesubsetgrps	=	[]
		for	(i	in	grps)
		{
			if (grps[i].id != null) 
			{
				var	grp	=	grps[i]
				thesubsetgrps[i] = createElement(null,null,null,'a');
				thesubsetgrps[i].setAttribute('href','javascript:open_screen_intro_group('+grp.id+')')
				thesubsetgrps[i].innerHTML = grp.name+'<br />'
			}			
		}
		callbackfunc(thesubsetgrps);
	}
	,extraoptions)
}
*/

function groupprofile_messagescroller_usermessages_getamount(object,callbackfunc)
{
	// verwacht twee parametesr
	// object: is wat je bij new Universal hebt opgegeven
	// callback func. een functie die een aantal terug geeft
	/*
	object.getLatestMessages(groupprofile_notes,1,function(messages)
	{
		var	teller	=	0;
		for(i	in	messages)
		{
			teller	++;
		}
		callbackfunc(teller);
	}
	);*/
	  groupprofile_messagescroller_getamount_of_type(object,1,callbackfunc)
}
function groupprofile_messagescroller_usermessages(object,	start, amount,	callbackfunc)
{
	// verwacht vier parametesr
	// object: is wat je bij new Universal hebt opgegeven
	// start: vanaf welk nummer (eerste is 0)
	// amount: en welk aantal terug te geven
	// callback func. een functie die een 'amount' html elements terug geeft te starten bij 'start' om in the scroll div te gooien
	/*
	object.getMessagesBetween(start,amount,1,function(messages,maxaantal)
	{							
		var	thesubsetmessages	=	[]
		for	(i	in	messages)
		{
			if (messages[i].id != null) 
			{
				var	themessage	=	messages[i]
				thesubsetmessages[i] = createElement(null,null,null,'a');
				thesubsetmessages[i].setAttribute('href','javascript:Screen_ShowMessageDetails_from_container('+themessage.id+')')
				thesubsetmessages[i].innerHTML = themessage.title+'<br />'
			}			
		}
		callbackfunc(thesubsetmessages);
	}
	);
	*/
	
	var extraoptions = {}
	extraoptions.type = 1;
	//debug('get msg objects between ' + start  +  '  ' + amount)
	
	object.getMessagesBetween(start,amount,function(messages,maxaantal)
	{
		var	resultingdivs	=	[]
		
		for	(i	in	messages)
		{
			var	msg	=	messages[i]
			if (messages[i].id != null) 
			{ 
			resultingdivs[i] = Screen_getMessageTextElement(messages[i])
				/*	var	themessage	=	messages[i]
				resultingdivs[i] = createElement(null,null,null,'a');
				resultingdivs[i].setAttribute('href','javascript:Screen_ShowMessageDetails_from_container('+themessage.id+')')
				resultingdivs[i].innerHTML = themessage.title+'<br />'
				*/
			}
		}
		callbackfunc(resultingdivs,maxaantal);
	}
	,extraoptions);	
}

/*Show pictures in groupprofile*/

function show_pictures_groupprofile(groupid)
{
	urls.AddVariable("G", "p");
	urls.AddVariable("Gid", groupid);
	urls.UpdateURL();
	//clear_scroll_targetdivs("_groupprofile")
	mapsystem.groups.getGroup(groupid,function(gevondengroup)
	{
	// (object, target, scroller, dothis, start, amount,maxamountfunction,scrollleft, scrollright, parent)
		bs	=	new	UniversalScroller	(gevondengroup,	"details_div_groupprofile",	"scroll_numbers_groupprofile",	groupprofile_messagescroller_steps_pictures,	"0",	12,groupprofile_messagescroller_pictures_getamount, "scroll_left_groupprofile", "scroll_right_groupprofile", "bs");
	}
	);
}

function groupprofile_messagescroller_getamount_of_type(object,type,		callbackfunc)
{
 var extraoptions = {}
	extraoptions.type = type;
	object.getAmountMessages(function(aantal)
	{

		callbackfunc(aantal);
	}
	,extraoptions);
}

function groupprofile_messagescroller_pictures_getamount(object,		callbackfunc)
{
  groupprofile_messagescroller_getamount_of_type(object,4,callbackfunc)
}


function groupprofile_messagescroller_steps_pictures(object,	start,	amount,	callbackfunc)
{
var extraoptions = {}
	extraoptions.type = 4;
	//debug('get msg objects between ' + start  +  '  ' + amount)
	
	object.getMessagesBetween(start,amount,function(messages,maxaantal)
	{
		var	resultingdivs	=	[]
		
		for	(i	in	messages)
		{
			var	msg	=	messages[i]
			if (messages[i].id != null) 
			{ 
			resultingdivs[i] = Screen_getMessagePictureElement(messages[i])
			/*
				resultingdivs[i]	=	createElement(null,"smallthumb","smallthumb",'a')
				resultingdivs[i].setAttribute('href','javascript:Screen_ShowMessageDetails_from_container('+messages[i].id+')')
				var	theimg	=	createElement(resultingdivs[i],"thumb_img","thumb_img",'img')
					theimg.setAttribute('width','56')
					theimg.setAttribute('height','42')
					theimg.setAttribute('src','imageshow.php?thumb=true%20&h=42%20&w=56&imageid='+messages[i].picture_id)
					*/
			}
		}
		callbackfunc(resultingdivs,maxaantal);
	}
	,extraoptions);
}
 
 
 
 
 
 
 
 
 
 
 
 
 
function show_members_groupprofile(groupid)
{
	urls.AddVariable("G", "f");
	urls.AddVariable("Gid", groupid);
	urls.UpdateURL();
	//clear_scroll_targetdivs("_groupprofile")
	
//	var	details_div_groupprofile	=		document.getElementById("details_div_groupprofile")
//		details_div_groupprofile.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
	mapsystem.groups.getGroup(groupid,function(thegroup)
	{
		bs	=	new	UniversalScroller	(thegroup,	"details_div_groupprofile",	"scroll_numbers_groupprofile",	groupprofile_messagescroller_groupmembers,	"0",	12,groupprofile_messagescroller_groupmembers_getamount, "scroll_left_groupprofile", "scroll_right_groupprofile", "bs");
		bs.Init("bs");
	}
	);
}

function groupprofile_messagescroller_groupmembers_getamount(object,callbackfunc)
{
	// verwacht twee parametesr
	// object: is wat je bij new Universal hebt opgegeven
	// callback func. een functie die een aantal terug geeft
	/*
	object.getFriends(function(friends)
	{
		var	teller	=	0;
		for(i	in	friends)
		{
			teller	++;
		}
		callbackfunc(teller);
	}
	);*/
	var extraoptions = {}
	extraoptions.start = 0;
	extraoptions.amount = 1;
	object.getMembersIds(function(ids,aantal)
	{
	   callbackfunc(aantal)
	}
	,extraoptions);
}

function groupprofile_messagescroller_groupmembers(object,	start, amount,	callbackfunc)
{
	// verwacht vier parametesr
	// object: is wat je bij new Universal hebt opgegeven
	// start: vanaf welk nummer (eerste is 0)
	// amount: en welk aantal terug te geven
	// callback func. een functie die een 'amount' html elements terug geeft te starten bij 'start' om in the scroll div te gooien
	var extraoptions = {}
	extraoptions.start = ''+ start;
	extraoptions.amount =''+amount;
	object.getMembersIds(function(ids,aantal)
	{
	  treelzsystem.users.getMultiple(ids,function(users)
		{			
      		/*var	teller	=	0;*/
      		var thesubsetfriends	=	[]
      		
      		//for(var	i =0;i<friends.length;i++)
					for(i in users)
      		{
   					thesubsetfriends[i] = Screen_getUserProfileDiv(users[i])
      			//if(friends[i])
      			//{
      				//var	thefriend	=	users[i];//friends[i]
      				//if(teller	>=	start	&&	teller	<	start+amount)
      				//{
							/*
      					thesubsetfriends[i]	=	createElement(null,'smallthumb',null,'a');
      					thesubsetfriends[i].setAttribute('href','javascript:Screen_ShowGroupDetails('+thefriend.id+')')
      					var thesubsetfriends_img = createElement(thesubsetfriends[i],'thumb_img',null,'img');
      						thesubsetfriends_img.setAttribute('width', '56')
      						thesubsetfriends_img.setAttribute('height', '42')
      						thesubsetfriends_img.setAttribute('title', thefriend.firstname + " " + thefriend.lastname)
      						thesubsetfriends_img.setAttribute('src', 'imageshow.php?thumb=true%20&h=42%20&w=56&imageid='+thefriend.picture_id+'')
									*/
									
      				//}
      				//teller	++;
      			//}
      		}
      		callbackfunc(thesubsetfriends);
		}
		);
	}
	,extraoptions);
}





function Screen_groupprofileAddPicture(thediv,message)
{
	var	thumbdiv	=createElement(thediv,'smallthumb',null,'div')
	var	thea	=	createElement(thumbdiv,null,null,'a')
		thea.href="javascript:Screen_ShowMessageDetails_from_container("+message.id+")"
	var	theimg	=	createElement(thea,"thumb_img",null,'img')
		theimg.src=createimageshowUrl(message.picture_id,true,42,56)
		theimg.width="56"
		theimg.height="42"
		theimg.border="0"
}


function direct_invite_user(groupid)
{
	var answer = confirm("Toevoegen als vriend?")
	if (answer)
	{
		// 
		invite_user(groupid)
	}
	else
	{
		// no
	}
}  //user

function	Screen_Clicked_ShowGroupOnly(groupid, fromgroupprofile)
		{

		//		urls.AddVariable("MM", "s");
		//		urls.AddVariable("MMid", groupid);
		//		urls.UpdateURL();
				//	do	so
				Message_ShowOnlyOfOneGroup(groupid)
				
				only_group_var = true

				//	change	text

				if(fromgroupprofile == true)
				{
						var	groupinfo_showonlythis_div	=	document.getElementById("groupinfo_showonlythis")
						groupinfo_showonlythis_div.innerHTML	=	''
				
				create_clickable_icon("groupinfo_showonlythis", "unshowonlythis_group", "icon_restore_view_group", "javascript:Screen_Clicked_UnShowGroupOnly("+groupid+")",  "tilte_restore_to_normal", null,  "left", 0, option_b_o, option_f_o, true)
/*
						var	showonlythis_a	=	createElement(groupinfo_showonlythis_div,null,"restore_to_normal_a",'a')
						showonlythis_a.innerHTML	=	'<img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="41"	height="31"		alt="">'
						showonlythis_a.title	=	getTrans.Translate("restore_to_normal")
						showonlythis_a.href	=	"javascript:Screen_Clicked_UnShowGroupOnly("+groupid+")"
*/				}
		}
		function	Screen_Clicked_UnShowGroupOnly(groupid)
		{
				var	groupinfo_showonlythis_div	=	document.getElementById("groupinfo_showonlythis")
					groupinfo_showonlythis_div.innerHTML	=	''

				create_clickable_icon("groupinfo_showonlythis", "showonlythis_group", "icon_show_group_only", "javascript:Screen_Clicked_ShowGroupOnly("+groupid+", true)",  "title_show_only_this_group_on_map", null,  "left", 0, option_b_o, option_f_o, true)
				
				only_group_var = false
		/*
var	showonlythis_a	=	createElement(groupinfo_showonlythis_div,null,"groupinfo_showonlythis_a",'a')
					showonlythis_a.innerHTML	=	'<img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="41"	height="31"		alt="">'
					showonlythis_a.title	=	getTrans.Translate("show_only_this_user_on_map")
					showonlythis_a.href	=	"javascript:Screen_Clicked_ShowGroupOnly("+groupid+", true)"
*/
				Message_Restore_to_Previous_view();
		}


		var	old_who_filters	=	null
		function	Message_ShowOnlyOfOneUser(userid)
		{
						do_the_off_all(function(x)
						{
						 turn_on_user_groups(userid)
						}
						,true)

		}
		
///////////////    STANDARD FUNCTIONS FOR PROFILE SHIT:
		
		function Screen_getUserProfileDiv(user,extraoptions)
    {
        		var pic_w = 56;
        		var pic_h = 42;
        		if(extraoptions)
        		{
        		  if(extraoptions.h) pic_h = extraoptions.h;
        		  if(extraoptions.h) pic_w = extraoptions.w
        		}
                  					var theprofile=	createElement(null,'smallthumb',null,'a');
                  						theprofile.setAttribute('href','javascript:Screen_InitSideBarUserProfile('+user.id+')')
                  					var thesubsetfriends_img = createElement(theprofile,'thumb_img',null,'img');
                  						thesubsetfriends_img.setAttribute('width', pic_w)
                  						thesubsetfriends_img.setAttribute('height', pic_h)
                  						thesubsetfriends_img.setAttribute('title', user.firstname + " " + user.lastname)
                  						thesubsetfriends_img.setAttribute('src', 'imageshow.php?thumb=true%20&h=42%20&w=56&imageid='+user.picture_id+'')
            									return theprofile
    
    }
		
		function Screen_getMessageTextElement(message,extraoptions)
    {
						var theelement  = createElement(null,null,null,'a');
				theelement.setAttribute('href','javascript:Screen_ShowMessageDetails_from_container('+message.id+')')
				theelement.innerHTML = message.title+'<br />'
					return theelement;
		}

		function Screen_getMessagePictureElement(message,extraoptions)
    {
		var pic_w = 56;
		var pic_h = 42;
		if(extraoptions)
		{
		  if(extraoptions.h) pic_h = extraoptions.h;
		  if(extraoptions.h) pic_w = extraoptions.w
		}
						var theelement	=	createElement(null,"smallthumb","smallthumb",'a')
				theelement.setAttribute('href','javascript:Screen_ShowMessageDetails_from_container('+message.id+')')
				var	theimg	=	createElement(theelement,"thumb_img","thumb_img",'img')
					theimg.setAttribute('width',pic_w)
					theimg.setAttribute('height',pic_h)
					theimg.setAttribute('src','imageshow.php?thumb=true%20&h=42%20&w=56&imageid='+message.picture_id)
					return theelement;
		}
		
function StoreGroupPrefs (group_id, prefs) {
	//alert ("Voer melles code uit - groupid: " + group_id + " prefs: " + prefs["lat"] + "etc.");
	mapsystem.groups.getGroup(group_id, function (gevondengroup) {
		//alert ("Tot aan mapsysten, gevondengroup: " + gevondengroup.id);
		gevondengroup.StorePrefs(prefs, function (feedback) {
			//alert ("Tot aan gevondengroep");
			if (feedback.code == 500) {
				alert(feedback.update);
			}
			//Add your userfeedback here :)
		});
	});
}

function ApplyGroupPrefs (group_id, pref_function) {
		mapsystem.groups.getGroup(group_id, function (gevondengroup) {
		gevondengroup.GetPrefs(function (prefs) {
			/*for (key in prefs) {
				//alert ("key: " + key + " value: " + prefs[key]);
				//Add here whatever it is you want to do with the prefs :^D
			}*/
			pref_function (prefs);
		});
	});
}			//	JavaScript	Document 

	var	number_make_group	=	1

	function	show_create_group()
	{
			clickedon_set()
			load_content_create_group()
			show_container("_set")
			fill_titel("_set",	"title_create_group")
			center_container("_set")
	}
	function	show_edit_group(group_id)
	{
			clickedon_set()
			load_content_create_group(group_id)
			show_container("_set")
			fill_titel_edit_group(group_id)
			center_container("_set")
			load_existing_content(group_id)
	}
	function	show_overview_group(group_id)
	{
			load_content_overview_group(group_id)
			clickedon_overview()
			show_container("_view")
			fill_titel("_view",	"title_overview_group")
	}
	function	show_intro_group(group_id)
	{
			load_content_intro_group(group_id)
			clickedon_intro()
			show_container("_intro")
			fill_buttons_intro_group(group_id)
			fill_titel_intro_groups(group_id)
			center_container("_intro",	25)
	}
	function	load_content_create_group(edit)
	{

			var	clientarea_inner_set	=	document.getElementById("clientarea_inner_set")
			clientarea_inner_set.innerHTML	=	''

			var	thediv_outer	=	document.getElementById("frame_set")
			thediv_outer.innerHTML	=	''

			var	step_numbers_div	=	createElement(clientarea_inner_set,'step_group_numbers_div','step_group_numbers_div','div')
			var	targetdiv_set	=	createElement(clientarea_inner_set,'targetdiv_set','targetdiv_set','div')
			fill_group_step_numbers(edit)
			fill_group_buttons(thediv_outer, edit)
			fill_group_steps(edit)
			show_group_step(1, edit)
	}

	function	load_content_overview_group(group_id)
	{

			var	clientarea_inner_set	=	document.getElementById("clientarea_inner_view")
			clientarea_inner_set.innerHTML	=	''

			var	thediv_outer	=	document.getElementById("frame_view")
			thediv_outer.innerHTML	=	''

			load_info_group(group_id,null,	clientarea_inner_set)

	}
	function	load_content_intro_group(group_id)
	{
			var	thediv_outer	=	document.getElementById("frame_intro")
			thediv_outer.innerHTML = ''
			
			var	clientarea_inner_intro	=	document.getElementById("clientarea_inner_intro")
			clientarea_inner_intro.innerHTML	=	''

			var	content_description_div_title	=	createElement(clientarea_inner_intro,'content_description_div_title','content_description_div_title','div')
				content_description_div_title.innerHTML	=	"<strong>"+getTrans.Translate("about_this_group")+"	</strong>"
			var	content_description_div	=	createElement(clientarea_inner_intro,'content_description_div','content_description_div','div')
				content_description_div.innerHTML = ''

				var	content_description_div2	=	createElement(content_description_div,'content_description_div2','content_description_div2','div')
			
				var	content_description_div3	=	createElement(clientarea_inner_intro,'content_description_div3','content_description_div3','div')

/*
			var	content_description_div	=	createElement(clientarea_inner_intro,'content_description_div','content_description_div','div')
			content_description_div.innerHTML	=	"<strong>"+getTrans.Translate("about_this_group")+"	[[<a href='javascript:open_screen_edit_group("+group_id+")'>EDIT</a> ]]]</strong>"
*/			

//alert('hier')
load_info_group(group_id, content_description_div, content_description_div2, content_description_div3)

//CSBfleXcroll(content_description_div)

			var	content_pictures_div	=	createElement(clientarea_inner_intro,'content_pictures_div','content_pictures_div','div')
			content_pictures_div.innerHTML	=	"<strong><a href='javascript:Screen_groupprofile_from_pic(null, "+group_id+")'>"+getTrans.Translate("newest_pictures")+"</a>	</strong>"
			load_pic_intro_group(group_id,9,	"0",	content_pictures_div)

			var	content_message_div	=	createElement(clientarea_inner_intro,'content_message_div','content_message_div','div')
			content_message_div.innerHTML	=	"<strong><a href='javascript:Screen_groupprofile_from_msg(null, "+group_id+")'>"+getTrans.Translate("newest_messages")+"</a>	</strong><br />"
			load_msg_intro_group(group_id,9,	"0",	content_message_div)
	//		load_msg_intro_group(group_id,9,	"0",	content_message_div)

			var	content_members_div	=	createElement(clientarea_inner_intro,'content_members_div','content_members_div','div')
			load_members_group(group_id,	6,"0",content_members_div)

			//load_members_group(group_id,	3,"0",content_members_div)


	}







function fill_buttons_intro_group(group_id)
{
/*		var	buttons_intro_div	=	document.getElementById("buttons_intro_div")
			buttons_intro_div.style.visibility	=	"visible"
			buttons_intro_div.innerHTML	=	'<a	href="javascript:requestAccesToGroup('+group_id+')">Become	a	member</a><br>';
*/
	if(treelzsystem.treelersocial)
	{					
		mapsystem.groups.getGroup(group_id,function(gevondengroup)
		{		
			gevondengroup.getUserIsMember(loggedin_id,function(value_if_member)
			{
				if(value_if_member == true)
				{
					create_clickable_icon("buttons_center_intro_div", "intro_group_member", "icon_group_member", null,  "title_group_member", null,  "left", 6, option_b_o, option_b_o)
					gevondengroup.isUserModerator(treelzsystem.treelersocial.userid,function(moderator)
					{
						if(moderator == 1)  
						{
							create_clickable_icon("buttons_center_intro_div", "intro_settings_group", "icon_settings", "javascript:open_screen_edit_group("+gevondengroup.id+")",  "title_groupsettings", null,  "left", 6, option_b_o, option_f_o)
						}
			
					}
					);
				
				}
				else
				{
						create_clickable_icon("buttons_center_intro_div", "join_group", "icon_join_group", "javascript:requestAccesToGroup("+group_id+")",  "title_join_group", null,  "left", 6, option_b_o, option_f_o)
					
				}
			}
			);
		}
		);
	}
	create_clickable_icon("buttons_center_intro_div", "profile_group", "icon_profile_group", "javascript:Screen_ShowGroupDetails("+group_id+")",  "title_profile_group", null,  "left", 6, option_b_o, option_f_o)
}

	function	requestAccesToGroup(group_id)
	{
			mapsystem.groups.getGroup(group_id,function(grp)
			{
					var	extraopts	=	[];
					extraopts['message']	=	prompt("If you want you can add a personal message to the request here:",	"");
					grp.requestAccess(function(response)
					{
							debug('u	lidmaatschap	aanvraag	is	onderweg'+response)
					}
					,extraopts);
			}
			);
	}

	function	load_info_group(group_id,	targetdiv,	targetdiv2, targetdiv3)
	{

			mapsystem.groups.getGroup(group_id,function(group)
			{

					group.getGeneralLevel(function(thelevel)
					{
						if(thelevel	==	"open")
						{
							targetdiv3.innerHTML	=	getTrans.Translate("explanation_open")
						}
						if(thelevel	==	"private")
						{
							targetdiv3.innerHTML	=	getTrans.Translate("explanation_private")
						}
						if(thelevel	==	"closed")
						{
							targetdiv3.innerHTML	=	getTrans.Translate("explanation_closed")
						}
						if(thelevel	==	"custom")
						{
							targetdiv3.innerHTML	=	getTrans.Translate("explanation_custom")
						}
					targetdiv2.innerHTML =	group.description
		//			targetdiv3.innerHTML	+=	'<br><br><strong>Similar groups by messages</strong><div	id="div_similar_by_msgs"></div>'
					targetdiv3.innerHTML	+=	'<br><br><strong>Groups with members from this group:</strong><div	id="div_similar_by_members"></div>'

					CSBfleXcroll(targetdiv)

					var	thememdiv	=	document.getElementById('div_similar_by_members')
	//				var	themsgsdiv	=	document.getElementById('div_similar_by_msgs')
					go_fill_similar_by_members(group_id,thememdiv)
	//				go_fill_similar_by_msgs(group_id,themsgsdiv)
					
					}
					);

			}
			);
	}

	function	go_fill_similar_by_msgs(group_id,thediv)
	{
	var	extraopts	=	{}
			extraopts.type	=	'0';
			extraopts.start	=	'0';
			extraopts.amount	=	3;

			thediv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
			mapsystem.groups.getSimilarOfGroupByMessages(group_id,function(grps)
			{
					thediv.innerHTML	=	''
					for(i	in	grps)
					{
							var	grp	=	grps[i]
					//		thediv.innerHTML	+='<a	href="javascript:open_screen_intro_group('+grp.id+')">'	+		grp.id	+	'	'	+	grp.name		+	'	'	+	grp.rel_sim	+	'</a><br>'
							thediv.innerHTML	+='<a	href="javascript:open_screen_intro_group('+grp.id+')">' + grp.name + '</a><br>'
					}
			}
			,extraopts);
	}

	function	go_fill_similar_by_members(group_id,thediv)
	{
		var	extraopts	=	{}
			extraopts.type	=	'0';
			extraopts.start	=	'0';
			extraopts.amount	=	3;
			thediv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
			mapsystem.groups.getSimilarOfGroupByMembers(group_id,function(grps)
			{
					thediv.innerHTML	=	''
					for(i	in	grps)
					{
							var	grp	=	grps[i]
				//			thediv.innerHTML	+='<a	href="javascript:open_screen_intro_group('+grp.id+')">'	+		grp.id	+	'	'	+	grp.name	+	'	'	+	grp.rel_sim	+'</a><br>'
							thediv.innerHTML	+='<a	href="javascript:open_screen_intro_group('+grp.id+')">'	+	grp.name	+	'</a><br>'
					}
			}
			,extraopts);

	}

	function	load_pic_intro_group(group_id,aantal,	start,	targetdiv)
	{
			var	type	=	4
			//			targetdiv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
			mapsystem.groups.getGroup(group_id,function(group)
			{
					var	extraoptions	=	[];
					extraoptions['type']	=	type;
					group.getMessagesBetween(start,aantal,function(msgs)
					{
							//	targetdiv.innerHTML	=	''
							for(i	in	msgs)
							{
									var	msg	=	msgs[i]
									//debug(msg.id	+	'	'	+	msg.picture_id)
									targetdiv.innerHTML	+=	"<div	class=\"pictures_overview_div\">			<a	class=\"pictures_overview_a\"	href=\"javascript:Screen_groupprofile_from_pic("+msg.id+", "+group_id+")\"><img		height='51'	src='imageshow.php?thumb=true%20&h=51%20&imageid="+msg.picture_id+"'></a></div>";

							}
					}
					,extraoptions);
			});
	}
	function	load_msg_intro_group(group_id,aantal,	start,	targetdiv)
	{
			//debug('load_msg_intro_group')
			var	type	=	1
			//	targetdiv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
			mapsystem.groups.getGroup(group_id,function(group)
			{
		//			alert("group")
					
					var	extraoptions	=	[];
					extraoptions['type']	=	type;
					group.getMessagesBetween(start,aantal,function(msgs)
					{
							//		targetdiv.innerHTML	=	''
							for(i	in	msgs)
							{
									var	msg	=	msgs[i]
			//						alert("message"+msg.id)
									var	tempdiv_user	=	createElement(targetdiv,null,null,'span')
									var	tempdiv	=	createElement(targetdiv,"tempdiv","tempdiv"+msg.id,'span')

									__fill_username_pluspicture(tempdiv_user,msg.userid);
									
					//				treelzsystem.users.getUser(msg.userid,true,function(usr)
					//				{
					//					alert("message title"+msg.id)
					//				var	tempdiv_hierpas	=	document.getElementById("tempdiv"+msg.id)
										
										
					//					tempdiv_hierpas.innerHTML	=	"<a		href=\"javascript:Screen_InitSideBarUserProfile("+msg.userid+")\"><img	class='	height='16'	src='imageshow.php?thumb=true&h=16&imageid="	+	usr.picture_id	+"'>"	+	usr.firstname	+"<a>";
										tempdiv.innerHTML	+=	": <a href=\"javascript:Screen_groupprofile_from_msg("+msg.id+", "+group_id+")\">"+	msg.title +"</a><br>"
					//				}
					//				);
							//		var	tempdiv_text = createElement(targetdiv,"tempdiv_text",null,'span')
							}
					}
					,extraoptions);
			});
	}

	function	__fill_username_pluspicture(thediv,userid)
	{
		
			treelzsystem.users.getUser(userid,true,function(usr)
			{
	//	alert("message title"+msg.id)
					thediv.innerHTML	=	"<a		href=\"javascript:Screen_InitSideBarUserProfile("+userid+")\"><img	class='	height='16'	src='imageshow.php?thumb=true&h=16&imageid="	+	usr.picture_id	+"'>"	+	usr.firstname	+"<a>";
			}
			);
	}
	function	load_members_group(group_id,	aantal,	start,	targetdiv)
	{
	var	extraopts	=	{}
			extraopts.start=start
			extraopts.amount=aantal

			targetdiv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
			mapsystem.groups.getGroup(group_id,function(group)
			{
					//							debug('hier	is	het'+extraopts)
					group.getMembersIds(function(u_ids,status)
					{
							targetdiv.innerHTML	=		"<strong><a href='javascript:show_members_group_from_intro("+group_id+")'>"+getTrans.Translate("members")+"	("+group.number_of_members+")</a></strong><br>"
							
							for(i	in	u_ids)
							{
									treelzsystem.users.getUser(u_ids[i],null,function(usr)
									{
											//												input	+=		usr.id+"	"	+usr.firstname+"	"	+usr.lastname+"<br>"
											targetdiv.innerHTML	+=	"<div	class=\"userpic_overview\"><a	class=\"userpic_overview_a\"	href=\"javascript:Screen_InitSideBarUserProfile("+usr.id+")\"><img	height='50'	src='imageshow.php?thumb=true&h=50&imageid="+usr.picture_id	+	"'	title='"+	usr.nickname	+"'></a><br	/></div>";
									}
									)
							}
							//							targetdiv.innerHTML	+=	input
					}
					,extraopts);
			}
			);
	}
	function	load_existing_content(group_id)
	{
			mapsystem.groups.getGroup(group_id,function(group)
			{
					var	title_group_div	=	document.getElementById("title_group_div")
						title_group_div.innerHTML	=	""
						var	title_div_title	=	createElement(title_group_div,"group_title_div",null,'div')
							title_div_title.innerHTML	=	"Title:"
						var	title_div_form	=	createElement(title_group_div,"group_form_div",null,'div')
							title_div_form.innerHTML	=	"<input	id=\"input_title_group\"		class=\"input_general_text_100\"	value=\""+group.title+"\"	></input><br	/>"
					
					var	domain_group_div	=	document.getElementById("domain_group_div")
						domain_group_div.innerHTML	=	""
						var	domain_div_title	=	createElement(domain_group_div,"group_title_div",null,'div')
							domain_div_title.innerHTML	=	"Domain:"
						var	domain_div_title	=	createElement(domain_group_div,"group_form_div",null,'div')
							domain_div_title.innerHTML	=	group.name+".treelz.com"

					var	group_create_description	=	document.getElementById("group_create_description")
					group_create_description.value	=	group.description.replace(/<br \/>/g,"");
					var	group_create_tags	=	document.getElementById("group_create_tags")
				//	group_create_tags.value	=	'55'
					
					group.getGeneralLevel(function(thelevel)
					{
						if(thelevel	==	"open")
						{
						document.getElementById("kind_of_group_general_open").checked	=	true
						var	explanation_div	=	document.getElementById('explanation_div')
							explanation_div.innerHTML	=	getTrans.Translate("explanation_open")
						}
						if(thelevel	==	"private")
						{
						document.getElementById("kind_of_group_general_private").checked	=	true
						var	explanation_div	=	document.getElementById('explanation_div')
							explanation_div.innerHTML	=	getTrans.Translate("explanation_private")
						}
						if(thelevel	==	"closed")
						{
						document.getElementById("kind_of_group_general_closed").checked	=	true
						var	explanation_div	=	document.getElementById('explanation_div')
							explanation_div.innerHTML	=	getTrans.Translate("explanation_closed")
						}
						if(thelevel	==	"custom")
						{
						document.getElementById("kind_of_group_general_custom").checked	=	true
						var	explanation_div	=	document.getElementById('explanation_div')
							explanation_div.innerHTML	=	getTrans.Translate("explanation_custom")
						}
					}
					);
	
					groups_advanced_level_set_value('create_','add',group.level_add);
					groups_advanced_level_set_value('create_','show',group.level_show);
					groups_advanced_level_set_value('create_','invite',group.level_invite);
					groups_advanced_level_set_value('create_','editinfo',group.level_editinfo);
					groups_advanced_level_set_value('create_','editmsgs',group.level_editmsgs);
					
					group.GetPrefs(function (prefs) {
						for (key in prefs) {
							if (typeof (prefs[key]) != null) {
								//alert ("key: " + key + " value: " + prefs[key]);
								eval("var " + key + " = " + prefs[key]);
							}
							//alert ("key: " + key + " value: " + prefs[key]);
							//Add here whatever it is you want to do with the prefs :^D
						}
						var	input_value_long_group 		= document.getElementById('value_long_group')
						input_value_long_group.value 	= pref_long
						var	input_value_lat_group 		= document.getElementById('value_lat_group')
						input_value_lat_group.value 	= pref_lat
						var	input_value_zoom_group 		= document.getElementById('value_zoom_group')
						input_value_zoom_group.value 	= pref_zoom
					
						if(pref_map == 1)
						{
							setcolormaptypes_groups("_satellite")
							var group_map_type_buttons_input = document.getElementById("group_map_type_buttons_input").value = 1
						}
						if(pref_map == 2)
						{
							setcolormaptypes_groups("_map")
							var group_map_type_buttons_input = document.getElementById("group_map_type_buttons_input").value = 2
						}
						if(pref_map == 3)
						{
							setcolormaptypes_groups("_hybrid")
							var group_map_type_buttons_input = document.getElementById("group_map_type_buttons_input").value = 3
						}
						if(pref_map == 4)
						{
							setcolormaptypes_groups("_terrain")
							var group_map_type_buttons_input = document.getElementById("group_map_type_buttons_input").value = 4
						}
						
						
						
						
					
					
					
					
					
					
						
					}
					);
	
					
/*	Melle, kan jij hier de waarden van deze dingen uit de Database halen en in deze variabelen zetten?				
			var long = ''		
			var lat = ''		
			var zoom = ''		
			
			var	input_value_long_group	=	document.getElementById('value_long_group')
				input_value_long_group.value = long
			var	input_value_lat_group	=	document.getElementById('value_lat_group')
				input_value_lat_group.value = lat
			var	input_value_zoom_group	=	document.getElementById('value_zoom_group')
				input_value_zoom_group.value = zoom
*/					
					
			}
			);
			
			
		
			// alert('need	to	update	costum	levels');
	}
	function	fill_group_step_numbers(edit)
	{
			var	step_numbers_div	=	document.getElementById("step_group_numbers_div")
			step_numbers_div.innerHTML	=	"Steps:	"
			step_numbers_div.innerHTML	+=	"<a	class=\"nr_step_normal\"	id=\"nr_step_1\"	href=\"javascript:show_group_step(1, "+edit+")\">1-About</a>	|	"
			step_numbers_div.innerHTML	+=	"<a	class=\"nr_step_normal\"	id=\"nr_step_2\"	href=\"javascript:show_group_step(2, "+edit+")\">2-Type</a>	|	"
			step_numbers_div.innerHTML	+=	"<a	class=\"nr_step_normal\"	id=\"nr_step_3\"	href=\"javascript:show_group_step(3, "+edit+")\">3-Start Location</a> |"
			step_numbers_div.innerHTML	+=	"<a	class=\"nr_step_normal\"	id=\"nr_step_4\"	href=\"javascript:show_group_step(4, "+edit+")\">4-Finish & Invite</a>"
		//	step_numbers_div.innerHTML	+=	"<a	class=\"nr_step_normal\"	id=\"nr_step_4\"	href=\"javascript:show_group_step(4)\">4-Finished</a>,	"

	}


	function	update_name_group(input_name_group)
	{
			var	name_group	=	document.getElementById("name_group")
			name_group.innerHTML	=	document.getElementById('input_name_group').value	+	".treelz.com"
			group_test_new_name()
	}

	function	group_test_new_name()
	{
			var	name_elem	=	document.getElementById('input_name_group');
			var	value	=	name_elem.value


			var	options	=	[]
			options["name"]	=	value

			mapsystem.apisystem.command("GROUP.CREATE.CHECKNAME",options,	function	(jsonData)
			{
					var	check	=	jsonData.check
					var	name_elem	=	document.getElementById('input_name_group');
					var	error_elem	=	document.getElementById("name_group");
					var	value	=	name_elem.value
					if(value	==	jsonData.name)
					{
							if(check	==	0)
							{
									error_elem.innerHTML	=	value	+	".treelz.com	<span id=\"check_ok_span\"	class=\"green_font	bold\">Ok!</span>";
							}
							else	if(check	==	-1	||	check	==	-2)
							{
									error_elem.innerHTML	=	value	+	".treelz.com	<span	class=\"red_font	bold\">Already	exists</span>";
							}
							else	if(check	==	-3	)
							{
									error_elem.innerHTML	=	value	+	".treelz.com	<span	class=\"red_font	bold\">Invalid	characters</span>";
							}
							else	if(check	==	-4	)
							{
									error_elem.innerHTML	=	value	+	".treelz.com	<span	class=\"red_font	bold\">Too	short</span>";
							}
							else
							{
									error_elem.innerHTML	=	value	+	".treelz.com	<span	class=\"red_font	bold\">Invalid</span>";
							}

					}
			}
			);

	}

	function	updated_standard_levels()
	{
		var enorme_advanced_div = document.getElementById('enorme_advanced_div')

		if(document.getElementById('enorme_advanced_div_white'))
		{
					var	enorme_advanced_div_white	=	document.getElementById('enorme_advanced_div_white')
		}
		else
		{
					var	enorme_advanced_div_white	=	createElement(enorme_advanced_div,"enorme_advanced_div_white","enorme_advanced_div_white",'div')
		}

//			enorme_advanced_div.style.visibility = "hidden"
enorme_advanced_div_white.style.display= ""

equalize_with_parent("enorme_advanced_div", "enorme_advanced_div_white")
//change_opacity(enorme_advanced_div, 40)
change_opacity_id("table_type_group", 40)
set_background_div("enorme_advanced_div_white", 10, null, "white")

			var	addlevel	=	1;
			var	showlevel	=	1;
			var	invitelevel	=1;
			var	editinfolevle	=1;
			var	editmsgslevel	=	1;
			
			if(document.getElementById('kind_of_group_general_open').checked)
			{
					var	explanation_div	=	document.getElementById('explanation_div')
						explanation_div.innerHTML	=	getTrans.Translate("explanation_open")

				
					addlevel	=	4;
					showlevel	=	4;
					invitelevel	=	3;
					editinfolevle	=2;
					editmsgslevel	=	2;
			}
			else	if(document.getElementById('kind_of_group_general_private').checked)
			{
					var	explanation_div	=	document.getElementById('explanation_div')
						explanation_div.innerHTML	=	getTrans.Translate("explanation_private")
					addlevel	=	3;
					showlevel	=	3;
					invitelevel	=3;
					editinfolevle	=2;
					editmsgslevel	=	2;
			}
			else	if(document.getElementById('kind_of_group_general_closed').checked)
			{
					var	explanation_div	=	document.getElementById('explanation_div')
						explanation_div.innerHTML	=	getTrans.Translate("explanation_closed")
					addlevel	=	2;
					showlevel	=	3;
					invitelevel	=2;
					editinfolevle	=2;
					editmsgslevel	=	2;
			}
			else	if(document.getElementById('kind_of_group_general_custom').checked)
			{
					var	explanation_div	=	document.getElementById('explanation_div')
						explanation_div.innerHTML	=	getTrans.Translate("explanation_custom")
	//		change_opacity(enorme_advanced_div, 100)
			change_opacity_id("table_type_group", 100)
			enorme_advanced_div_white.style.display="none"
					addlevel	=	1;
					showlevel	=	1;
					invitelevel	=1;
					editinfolevle	=1;
					editmsgslevel	=	1;
			}


			groups_advanced_level_set_value('create_','add',addlevel);
			groups_advanced_level_set_value('create_','show',showlevel);
			groups_advanced_level_set_value('create_','invite',invitelevel);
			groups_advanced_level_set_value('create_','editinfo',editinfolevle);
			groups_advanced_level_set_value('create_','editmsgs',editmsgslevel);

	}

	function	groups_advanced_level_set_value(basename,type,nr)
	{
			document.getElementById(basename	+'level_'	+	type	+	'_'	+	nr).checked	=	true
	}

	function	groups_advanced_level_get_value(basename,type)
	{
			var	level_options	=	[];
			//			level_options[0]	=	"nobody";
			level_options[1]	=	"owner";
			level_options[2]	=	"moderator";
			level_options[3]	=	"member";
			level_options[4]	=	"everybody";

			for(i	in	level_options)
			{
					//	'create_level_add_1'
					if(document.getElementById(basename	+'level_'	+	type	+	'_'	+	i).checked)
					{
							return	i;
					}
			}
			return	-1;
	}
	function	groups_add_advanced_level_shit_to_div(enorme_advanced_div,basename)
	{
			var	level_options	=	[];
			//	level_options[0]	=	"nobody";
			level_options[1]	=	"owner";
			level_options[2]	=	"moderator";
			level_options[3]	=	"member";
			level_options[4]	=	"everybody";

	var	type_levels	=	{}
			type_levels['add']	=	'add messages';
			type_levels['show']	=	'see messages';
			type_levels['invite']	=	'invite users';
			type_levels['editmsgs']	=	'edit messages';
			type_levels['editinfo']	=	'edit info';

			var	str	=	'';

			//	table
			str	=	str	+	'<table id="table_type_group" width="350"	border="1"	cellpadding="2"	cellspacing="2"	summary="">';

			//	name	levels
			str	=	str	+	'<tr>';
			str	=	str	+	'<td width="100"></td>';
			for(optnr	in	level_options)
			{
					str	=	str	+	'<td>'+level_options[optnr]+'</td>';
			}
			str	=	str	+	'</tr>'				;

			//	per	type
			for(typename	in	type_levels)
			{
					//	print	level
					str	=	str	+	'<tr>';
					str	=	str	+	'<td >'+type_levels[typename]+'</td>';
					for(optnr	in	level_options)
					{
							var	name	=	basename	+'level_'	+	typename;
							var	id	=	basename	+'level_'	+	typename	+	'_'	+	optnr
							var	value	=	optnr
							str	=	str	+	'<td align="center"><input	name=\"'+name+'\"	id=\"'+id+'\"	value=\"'+value+'\"	type=\"radio\"></td>';
					}
					str	=	str	+	'</tr>';
			}
			//	eind	table
			str	=	str	+	'</table>';
			enorme_advanced_div.innerHTML	=	str;
	}
	function	fill_group_steps(edit)
	{
			var	targetdiv	=	document.getElementById("targetdiv_set")
			targetdiv.innerHTML	=	''

			var	step_1_group_div	=	createElement(targetdiv,'group_steps','step_1_group_div','div')
				step_1_group_div.innerHTML	=	"<b>Step	1:</b> What is your group about?<br /><br	/>"

						var	title_group_div	=	createElement(step_1_group_div,"outer_div_groups_create","title_group_div",'div')
							var	title_div_title	=	createElement(title_group_div,"group_title_div",null,'div')
							title_div_title.innerHTML	=	"Title:"
							var	title_div_form	=	createElement(title_group_div,"group_form_div",null,'div')
							title_div_form.innerHTML	=	"<input	id=\"input_title_group\"		class=\"input_general_text_100\"	></input><br	/>"
						
						var	domain_group_div	=	createElement(step_1_group_div,"outer_div_groups_create","domain_group_div",'div')
							var	name_div_title	=	createElement(domain_group_div,"group_title_div",null,'div')
							name_div_title.innerHTML	=	"Domain:"
							var	name_div_form	=	createElement(domain_group_div,"group_form_div",null,'div')
							name_div_form.innerHTML	=	"<input	id=\"input_name_group\"	onKeyUp=\"update_name_group()\"	class=\"input_general_text_100\"	onblur=\"group_test_new_name()\"></input><br	/>"
							
							var	name_group_title	=	createElement(domain_group_div,"group_title_div","name_group_title",'div')
							name_group_title.innerHTML	=	""
							var	errorname_div	=	createElement(domain_group_div,"group_errorname_div","group_errorname_div",'div')
							errorname_div.innerHTML	=	""
							var	name_group_form	=	createElement(domain_group_div,"group_form_div","name_group",'div')
							name_group_form.innerHTML	=	".treelz.com"
			
						var	description_div	=	createElement(step_1_group_div,"outer_div_groups_create","description_div",'div')
							var	description_div_title	=	createElement(description_div,"group_title_div",null,'div')
								description_div_title.innerHTML	=	"Description:"
							var	description_div_form	=	createElement(description_div,"group_form_div",null,'div')
							description_div_form.innerHTML	=	"<textarea	rows=\"6\"	id=\"group_create_description\"	class=\"input_general_text_100\"></textarea>"
			
						var	tags_div	=	createElement(step_1_group_div,"outer_div_groups_create","tags_div",'div')
							var	tags_div_title	=	createElement(tags_div,"group_title_div",null,'div')
								tags_div_title.innerHTML	=	"Tags:"
							var	tags_div_form	=	createElement(tags_div,"group_form_div",null,'div')
								tags_div_form.innerHTML	=	"<input	id=\"group_create_tags\"	class=\"input_general_text_100\"></input>"
						/*
						var	picture_div	=	createElement(step_1_group_div,"picture_div","picture_div",'div')
						var	picture_div_title	=	createElement(picture_div,"group_title_div",null,'div')
						picture_div_title.innerHTML	=	"Picture:"
						var	picture_div_form	=	createElement(picture_div,"group_form_div",null,'div')
						//	no	do	here	the	ifrmae
						groupiframecounter	=	groupiframecounter	+	1
						picture_div_form.innerHTML	=	'<IFRAME	src="upload_grouppic.php"	class="iframe_grouppics"	name="iframe_grouppics_'+groupiframecounter+'"	id="iframe_grouppics_'+groupiframecounter+'"		width="300"	height="50">	</IFRAME>'	//	"<input	class=\"input_general_text_100\"	type=\"file\"></input>"
						*/
			var	step_2_group_div	=	createElement(targetdiv,'group_steps','step_2_group_div','div')
				step_2_group_div.innerHTML	=	"<b>Step	2:</b>	What kind of group do you want?<br	/><br	/>"
				
						var	type_div	=	createElement(step_2_group_div,"outer_div_groups_create","type_div",'div')
								var	explanation_div	=	createElement(type_div,"explanation_div","explanation_div",'div')
									explanation_div.innerHTML	=	getTrans.Translate("explanation_open")
			
			
								var	open_div	=	createElement(type_div,"group_form_div",null,'div')
									open_div.innerHTML	=	"Open:	<input	onclick=\"updated_standard_levels()\"		id=\"kind_of_group_general_open\"	name=\"kind_of_group_general\"	type=\"radio\" checked=\"checked\"></input>"
								var	private_div	=	createElement(type_div,"group_form_div",null,'div')
									private_div.innerHTML	=	"Private:	<input	onclick=\"updated_standard_levels()\"	id=\"kind_of_group_general_private\"		name=\"kind_of_group_general\"		type=\"radio\"></input>"
								var	closed_div	=	createElement(type_div,"group_form_div",null,'div')
									closed_div.innerHTML	=	"Closed:	<input	onclick=\"updated_standard_levels()\"	id=\"kind_of_group_general_closed\"	name=\"kind_of_group_general\"	type=\"radio\"></input>"
								var	custom_div	=	createElement(type_div,"group_form_div",null,'div')
									custom_div.innerHTML	=	"Custom:	<input	onclick=\"updated_standard_levels()\"	id=\"kind_of_group_general_custom\"	name=\"kind_of_group_general\"	type=\"radio\"></input>"
			
								var	enorme_advanced_div	=	createElement(type_div,"group_form_div","enorme_advanced_div",'div')
									groups_add_advanced_level_shit_to_div(enorme_advanced_div,"create_")
			
				//		document.getElementById('kind_of_group_general_open').checked	=	true;
						
				//		alert("hier?")
						
						updated_standard_levels();

						
			var	step_3_group_div	=	createElement(targetdiv,'group_steps','step_3_group_div','div')
			if(edit)
			{
				step_3_group_div.innerHTML	=	"<b>Step	3:</b>	"+getTrans.Translate("current_starting_point")+": <br /><span class='grey'>("+getTrans.Translate("Drag_and_zoom_edit")+")</span>"
			}
			else
			{
				step_3_group_div.innerHTML	=	"<b>Step	3:</b>	"+getTrans.Translate("current_starting_point")+": <br /><span class='grey'>("+getTrans.Translate("Drag_and_zoom")+")</span>"
			}
							
				//			submit_div.innerHTML = "test"
				//			var	pref_center_zoom_title	=	createElement(step_3_group_div,"spec_pref_title",null,'div')
				//				pref_center_zoom_title.innerHTML = getTrans.Translate("my_starting_point")+":"
							var	pref_center_zoom_div_groups	=	createElement(step_3_group_div,"spec_pref_div","pref_center_zoom_div_groups",'div')
				//				pref_center_zoom_div.innerHTML	=	getTrans.Translate("current_starting_point")+": "
							var	current_starting_point_div_groups	=	createElement(pref_center_zoom_div_groups,"current_starting_point_div_groups","current_starting_point_div_groups",'div')
								update_values_starting_point_groups("current_starting_point_div_groups")
								pref_center_zoom_div_groups.innerHTML	+=	'<br /><br /><input class="input_general_submit" type="button" value="'+getTrans.Translate("take_current_view_as_starting_point") +'" onclick="javascript:save_new_starting_point_groups()"/>'
												var	submit_div	=	createElement(step_3_group_div,"group_form_div",null,'div')
		
						
			var	step_4_group_div	=	createElement(targetdiv,'group_steps','step_4_group_div','div')
				step_4_group_div.innerHTML	=	"<b>Step	4:</b>	Invite	people	for	your	group.<br	/><br	/>"
			
						var	emailadresses_div	=	createElement(step_4_group_div,"outer_div_groups_create","emailadresses_div",'div')
							var	emailadresses_div_title	=	createElement(emailadresses_div,"group_title_div",null,'div')
								emailadresses_div_title.innerHTML	=	"Email	adresses:"
							var	emailadresses_div	=	createElement(emailadresses_div,"group_form_div",null,'div')
								emailadresses_div.innerHTML	=	"<textarea	rows=\"6\"	id=\"groups_create_email_invite\"	class=\"input_general_text_100\" onFocus=\"if(this.value == 'Separate email addresses with a comma') {this.value = '';}\">Separate email addresses with a comma</textarea>"
			
						var	friends_div	=	createElement(step_4_group_div,"outer_div_groups_create","friends_div",'div')
							var	friends_div_title	=	createElement(friends_div,"group_title_div",null,'div')
								friends_div_title.innerHTML	=	'Treelz friends:<br><input type="checkbox" onChange="fill_create_group_step3_invites_checkuncheck_all(this)"/>(de)select all'
							var	friends_div	=	createElement(friends_div,"group_form_div",null,'div') 
								fill_create_group_step3_invites(friends_div)
			
	}

	function 			fill_create_group_step3_invites_checkuncheck_all(theselect)
	{
	
	treelzsystem.treelersocial.user.getFriends(function(friends)
	 {
	   var friends =  getSortedFriendsList(friends)//friends.sort(function_sortUserObjects)
  	 for(i in friends)
  	 {
		 var friend = friends[i]
		 var	theinput=	document.getElementById('create_group_friend_invite_'+friend.id);
		 theinput.checked= theselect.checked
  	 }
	 }
	 );
	}
	
	function 			fill_create_group_step3_invites(emailadresses_div)
	{
	 treelzsystem.treelersocial.user.getFriends(function(friends)
	 {
	var friends = friends.sort(function_sortUserObjects)
  	 for(var i=0; i< friends.length;i++)
  	 {
		 if(friends[i])
		 {
  		 var friend = friends[i]
    	 var	theinputdiv	=	createElement(emailadresses_div,null,null,'div')
  		 theinputdiv.innerHTML =  '<input type="checkbox" id="create_group_friend_invite_'+friend.id+'" />'+ friend.firstname + ' ' + friend.lastname 
		 }

  	 }
	 }
	 );
	
	}
	
	var	new_group_id_created;
	var	groupiframecounter=0;

		
	function	submitted_group_create()
	{
		if(document.getElementById('input_title_group').value != '')
		{
			if(document.getElementById('check_ok_span') && document.getElementById('check_ok_span').innerHTML	==	"Ok!")
			{
					submitted_group_create_do()
			}
			else
			{
					alert("Subdomain is not accepted.")
			}
		}
		else
		{
					alert("Please fill in a title.")
		}
		

	}
	function	submitted_group_create_do()
	{
			//	read	out	values

			//	step	1:	basic	info
			var	name	=	document.getElementById('input_name_group').value
			var	title	=	document.getElementById('input_title_group').value
			var	extraoptions	=	{}
				extraoptions.title	=	title;
			var	desc	=	document.getElementById('group_create_description').value
			var	tags	=	document.getElementById('group_create_tags').value
			//	picture:	TODO....
			var	long	=	document.getElementById('value_long_group').value
			var	lat	=	document.getElementById('value_lat_group').value
			var	zoom	=	document.getElementById('value_zoom_group').value
			var	mapstyle	=	document.getElementById('group_map_type_buttons_input').value
			
	//		alert(long+" + "+lat+" + "+zoom)

			//	step	2:	levels
			var	levels	=	{}
				levels.add=	groups_advanced_level_get_value('create_','add');
				levels.show=	groups_advanced_level_get_value('create_','show');
				levels.invite=	groups_advanced_level_get_value('create_','invite');
				levels.editinfo=	groups_advanced_level_get_value('create_','editinfo');
				levels.editmsgs	=	groups_advanced_level_get_value('create_','editmsgs');


			//	step	3:	invite
			var	email_invites	=	document.getElementById('groups_create_email_invite').value
			
			mapsystem.groups.createGroup(name,desc,levels,	function(group)
			{
					//	now	do	invites, first by mail
				var	inviteextraoptions	=	{}
					inviteextraoptions.message	=	''
					group.inviteEmails(email_invites,function(x)
					{
							debug('response	from	invite	for	group'+x);
					}
					,inviteextraoptions)

					// then by friends
					 treelzsystem.treelersocial.user.getFriends(function(friends)
					 {
						 for(i in friends)
						 {
							 var friend = friends[i]
							 var	theinput=	document.getElementById('create_group_friend_invite_'+friend.id);
							 if(theinput.checked == true)
									 {
									   group.inviteUser(friend.id)
									 }
						 }
					 }
					 );
        	 
        	 			//	and	other	information	(e.g.	tags)
					group.addTags(tags,function(y)
					{
							debug('response	from	tags	'+y);
					}
					)
					
													
					open_screen_intro_group(group.id)
					/* --- Melle heeft dit er 25/9/2008 19.43 in gezet*/
					var prefs = [];
					prefs["pref_long"] = long;
					prefs["pref_lat"] = lat;
					prefs["pref_zoom"] = zoom;
					prefs["pref_map"] = mapstyle;
					
			if(long != 0)		
			{
					StoreGroupPrefs(group.id, prefs);	
					
					treelzsystem.setDomainSetting(group.name, 'center_lat', lat,function(x){})
					treelzsystem.setDomainSetting(group.name, 'center_lng', long,function(x){})
					treelzsystem.setDomainSetting(group.name, 'zoomlevel', zoom,function(x){})
					treelzsystem.setDomainSetting(group.name, 'pref_map', mapstyle,function(x){})
			}
					/* ------- */


			}
			,extraoptions)




	}

	function	Screen_CreateGroup_SaveImage_After(new_groupid)
	{
			//	show	info	of	new	group
			open_screen_intro_group(new_groupid)
	}

	function	fill_group_buttons(thediv_outer, edit)
	{
	//		var	scroll_arrows_gr	=	createElement(thediv_outer,"scroll_arrows_gr","scroll_arrows_gr",'div')

	//		var	str	="<a	id=\"page_count_gr\"></a><a	id=\"scroll_left_a_bg_gr\"	class=\"scroll_left_a_bg\"></a><a	id=\"scroll_left_a_gt\"	class=\"scroll_left_a\"><img	id=\"scroll_left_a_img_gt\"	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"17\"	height=\"16\"	onClick=\"show_group_step_left("+edit+")\"></a>&nbsp;&nbsp;&nbsp;<a	id=\"scroll_right_a_bg_gr\"	class=\"scroll_right_a_bg\"></a><a	id=\"scroll_right_a_gt\"	class=\"scroll_right_a\"><img	id=\"scroll_right_a_img_gt\"	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"17\"	height=\"16\"	onClick=\"show_group_step_right("+edit+")\"></a>"

	//		scroll_arrows_gr.innerHTML	=	str

			var	finish_button_a	=	createElement(thediv_outer,"finish_button_a","finish_button_a",'a')
			var	next_button_a	=	createElement(thediv_outer,"next_button_a","next_button_a",'a')
			var	prev_button_a	=	createElement(thediv_outer,"prev_button_a","prev_button_a",'a')

	}


	function	show_group_step_left(edit)
	{

			if(number_make_group	>	1)
			{
					hide_all_make_group()
					number_make_group	=	number_make_group	-	1
					show_group_step(number_make_group, edit)
			}
	}

	function	show_group_step_right(edit)
	{
			if(number_make_group	<	3)
			{

					hide_all_make_group()
					number_make_group	=	number_make_group	+	1
					show_group_step(number_make_group, edit)
			}
	}
	var var_after_step_3 = false

	function	show_group_step(number, edit)
	{
			urls.AddVariable("H",	number);
			urls.UpdateURL();
			number_make_group	=	number
			hide_all_make_group()
			var	selected_make_group	=	document.getElementById("step_"+number+"_group_div")
				selected_make_group.style.visibility	=	"inherit"
			var	nr_step	=	document.getElementById("nr_step_"+number)
				nr_step.setAttribute('class',"nr_step_selected")
				nr_step.setAttribute('className',"nr_step_selected")

/*
			var	page_count_gr	=	document.getElementById("page_count_gr")
				page_count_gr.innerHTML	=	number+"	/	3"
				page_count_gr.href	=	"javascript:show_group_step(1, "+edit+")"
*/					

		var finish_button_a = document.getElementById("finish_button_a")
		var next_button_a = document.getElementById("next_button_a")
		var prev_button_a = document.getElementById("prev_button_a")

			if(number	==	1)
			{
				if(edit)
				{
					finish_button_a.innerHTML	=	"save changes"
					finish_button_a.href = "javascript:submitted_group_edit("+edit+")"
				}
				else
				{
					finish_button_a.innerHTML	=	""
				}
					
					prev_button_a.innerHTML	=	""
					next_button_a.innerHTML	=	"next"
					next_button_a.href = "javascript:show_group_step(2, "+edit+")"
					
					if(var_after_step_3 == true)
					{
						move_or_resize("_set", null, null, null, 310, -150)
						var_after_step_3 = false
					}
			}
			if(number	==	2)
			{
				if(edit)
				{
					finish_button_a.innerHTML	=	"save changes"
					finish_button_a.href = "javascript:submitted_group_edit("+edit+")"
				}
				else
				{
					finish_button_a.innerHTML	=	""
				}
					prev_button_a.innerHTML	=	"previous"
					prev_button_a.href = "javascript:show_group_step(1, "+edit+")"
					next_button_a.innerHTML	=	"next"
					next_button_a.href = "javascript:show_group_step(3, "+edit+")"
					
					if(var_after_step_3 == true)
					{
						move_or_resize("_set", null, null, null, 310, -150)
						var_after_step_3 = false
					}
			}
			if(number	==	3)
			{
				if(edit)
				{
					finish_button_a.innerHTML	=	"save changes"
					finish_button_a.href = "javascript:submitted_group_edit("+edit+")"
				}
				else
				{
					finish_button_a.innerHTML	=	""
				}
					prev_button_a.innerHTML	=	"previous"
					prev_button_a.href = "javascript:show_group_step(2, "+edit+")"
					next_button_a.innerHTML	=	"next"
					next_button_a.href = "javascript:show_group_step(4, "+edit+")"
					
					move_or_resize("_set", null, null, null, 260, 150)
					var_after_step_3 = true
					
			}
			if(number	==	4)
			{
				
				if(edit)
				{
					finish_button_a.innerHTML	=	"save changes"
					finish_button_a.href = "javascript:submitted_group_edit("+edit+")"
				}
				else
				{
					finish_button_a.innerHTML	=	"finish & invite"
					finish_button_a.href = "javascript:submitted_group_create()"
				}
					next_button_a.innerHTML	=	""
					prev_button_a.innerHTML	=	"previous"
					prev_button_a.href = "javascript:show_group_step(3, "+edit+")"
					
					if(var_after_step_3 == true)
					{
						move_or_resize("_set", null, null, null, 310, -150)
						var_after_step_3 = false
					}
			}

/*

			if(number	==	1)
			{
					document.getElementById("scroll_left_a_bg_gr").style.visibility	=	"hidden"
			}
			else
			{
					document.getElementById("scroll_left_a_bg_gr").style.visibility	=	"inherit"
			}

			if(number	==	3)
			{
					document.getElementById("scroll_right_a_bg_gr").style.visibility	=	"hidden"
			}
			else
			{
					document.getElementById("scroll_right_a_bg_gr").style.visibility	=	"inherit"
			}


*/

			my_own_BuildFunc("_set")
			
			CSBfleXcroll(selected_make_group)

	}

	function	hide_all_make_group()
	{
			document.getElementById("nr_step_1").setAttribute('class',"nr_step_normal")
			document.getElementById("nr_step_1").setAttribute('className',"nr_step_normal")
			document.getElementById("nr_step_2").setAttribute('class',"nr_step_normal")
			document.getElementById("nr_step_2").setAttribute('className',"nr_step_normal")
			document.getElementById("nr_step_3").setAttribute('class',"nr_step_normal")
			document.getElementById("nr_step_3").setAttribute('className',"nr_step_normal")
			document.getElementById("nr_step_4").setAttribute('class',"nr_step_normal")
			document.getElementById("nr_step_4").setAttribute('className',"nr_step_normal")

			document.getElementById("step_1_group_div").style.visibility	=	"hidden"
			document.getElementById("step_2_group_div").style.visibility	=	"hidden"
			document.getElementById("step_3_group_div").style.visibility	=	"hidden"
			document.getElementById("step_4_group_div").style.visibility	=	"hidden"
			
			hide_scroll("step_1_group_div")
			hide_scroll("step_2_group_div")
			hide_scroll("step_3_group_div")
			hide_scroll("step_4_group_div")

	}

	function	hide_buttons_gr()
	{
			document.getElementById("scroll_left_a_bg_gr").style.visibility	=	"hidden"
			document.getElementById("scroll_right_a_bg_gr").style.visibility	=	"hidden"
	}


	function	submitted_group_edit(groupid)
	{
			// 	read	out	values

			//	step	1:	basic	info
			//var	name	=	document.getElementById('input_name_group').value
			var	title	=	document.getElementById('input_title_group').value
			var	extraoptions	=	{}
				extraoptions.title	=	title;
			var	desc	=	document.getElementById('group_create_description').value
			var	tags	=	document.getElementById('group_create_tags').value

			var	long	=	document.getElementById('value_long_group').value
			var	lat	=	document.getElementById('value_lat_group').value
			var	zoom	=	document.getElementById('value_zoom_group').value
			var	mapstyle	=	document.getElementById('group_map_type_buttons_input').value

			//	step	2:	levels
		var	levels	=	{}
			levels.add=	groups_advanced_level_get_value('create_','add');
			levels.show=	groups_advanced_level_get_value('create_','show');
			levels.invite=	groups_advanced_level_get_value('create_','invite');
			levels.editinfo=	groups_advanced_level_get_value('create_','editinfo');
			levels.editmsgs	=	groups_advanced_level_get_value('create_','editmsgs');
			
			var prefs = [];
				prefs["pref_long"] = long;
				prefs["pref_lat"] = lat;
				prefs["pref_zoom"] = zoom;
				prefs["pref_map"] = mapstyle;
				


			//	step	3:	invite
			var	email_invites	=	document.getElementById('groups_create_email_invite').value

			mapsystem.groups.getGroup(groupid,function(group)
			{			
			
			if(long != 0)		
			{
			treelzsystem.setDomainSetting(group.name, 'center_lat', lat,function(x){})
			treelzsystem.setDomainSetting(group.name, 'center_lng', long,function(x){})
			treelzsystem.setDomainSetting(group.name, 'zoomlevel', zoom,function(x){})
			treelzsystem.setDomainSetting(group.name, 'pref_map', mapstyle,function(x){})
    		
					
					group.StorePrefs(prefs, function (feedback) {
						if (feedback.code == 500) {
							alert(feedback.update);
						}
						//alert(feedback.update);
					});
			}
					group.setTitle(title);
					group.setDescription(desc);
					
					group.setLevel_Show(levels.show)
					group.setLevel_Invite(levels.invite)
					group.setLevel_EditMsgs(levels.editmsgs)
					group.setLevel_EditInfo(levels.editinfo)
					group.setLevel_Add(levels.add)
					
					// invits
      			var	inviteextraoptions	=	{}
      			inviteextraoptions.message	=	''
      			group.inviteEmails(email_invites,function(x)
						{
						debug('response	from	invite	for	group'+x);
						}
						,inviteextraoptions)
      
      			 treelzsystem.treelersocial.user.getFriends(function(friends)
              	 {
                	 for(i in friends)
                	 {
                		 var friend = friends[i]
                		 var	theinput=	document.getElementById('create_group_friend_invite_'+friend.id);
                		 if(theinput.checked == true)
        						 {
        						   group.inviteUser(friend.id)
        						 }
                	 }
              	 }
              	 );
      					 
      			//	and	other	information	(e.g.	tags)
      			group.addTags(tags,function(y)
						{
						debug('response	from	tags	'+y);
						}
						)
				hide_container('_set', true)
				open_screen_intro_group(groupid)	
			}
			);
	}
function update_values_starting_point_groups(targetdiv_id)
{
	var current_starting_point_div = document.getElementById(targetdiv_id)
	
		current_starting_point_div.innerHTML = "<div class='title_group_start_location'>"+ getTrans.Translate("longitude") +": </div><div class='input_group_start_location_small'><input id='value_long_group' class='input_long_lat' value='0'/></div>"
		current_starting_point_div.innerHTML += "<div class='title_group_start_location'>"+ getTrans.Translate("latitude") +": </div><div class='input_group_start_location_small'><input id='value_lat_group' class='input_long_lat' value='0'/></div>"
		current_starting_point_div.innerHTML += "<div class='title_group_start_location'>"+ getTrans.Translate("zoomlevel") +": </div><div class='input_group_start_location_small'><input id='value_zoom_group' class='input_long_lat' value='0'/></div>"
	
	var	map_type_buttons_title	=	createElement(current_starting_point_div,"title_group_start_location","map_type_buttons",'div')
		map_type_buttons_title.innerHTML = getTrans.Translate("map_style")+":"

	var	map_type_buttons	=	createElement(current_starting_point_div,"input_group_start_location","map_type_buttons",'div')
		var	group_button_satellite_a	=	createElement(map_type_buttons,"grey","group_pref_button_satellite",'a')
			group_button_satellite_a.href = "javascript:group_change_pref_mapstyle('_satellite')"
			group_button_satellite_a.innerHTML = getTrans.Translate("satellite")+"&nbsp;&nbsp;&nbsp;"
			group_button_satellite_a.title = getTrans.Translate("title_satellite")
		var	group_button_map_a	=	createElement(map_type_buttons,"grey","group_pref_button_map",'a')
			group_button_map_a.href = "javascript:group_change_pref_mapstyle('_map')"
			group_button_map_a.innerHTML = getTrans.Translate("map")+"&nbsp;&nbsp;&nbsp;"
			group_button_map_a.title = getTrans.Translate("title_map")
		var	group_button_hybrid_a	=	createElement(map_type_buttons,"grey","group_pref_button_hybrid",'a')
			group_button_hybrid_a.href = "javascript:group_change_pref_mapstyle('_hybrid')"
			group_button_hybrid_a.innerHTML = getTrans.Translate("hybrid")+"&nbsp;&nbsp;&nbsp;"
			group_button_hybrid_a.title = getTrans.Translate("title_hybrid")
		var	group_button_terrain_a	=	createElement(map_type_buttons,"grey","group_pref_button_terrain",'a')
			group_button_terrain_a.href = "javascript:group_change_pref_mapstyle('_terrain')"
			group_button_terrain_a.innerHTML = getTrans.Translate("terrain")
			group_button_terrain_a.title = getTrans.Translate("title_terrain")

	//	var	group_map_type_buttons_input_outer	=	createElement(map_type_buttons,"group_map_type_buttons_input_outer","group_map_type_buttons_input_outer",'div')
	
				var	group_map_type_buttons_input = createElement(map_type_buttons,null,"group_map_type_buttons_input",'input')
					group_map_type_buttons_input.style.display = "none"
					group_map_type_buttons_input.value = "1"

}

function group_change_pref_mapstyle(maptype)
{
	setcolormaptypes_groups(maptype)
						if(maptype == "_satellite")
						{
							setmaptypeonsatellite()
							var group_map_type_buttons_input = document.getElementById("group_map_type_buttons_input").value = 1
						}
						if(maptype == "_map")
						{
							setmaptypeonmap()
							var group_map_type_buttons_input = document.getElementById("group_map_type_buttons_input").value = 2
						}
						if(maptype == "_hybrid")
						{
							setmaptypeonhybrid()
							var group_map_type_buttons_input = document.getElementById("group_map_type_buttons_input").value = 3
						}
						if(maptype == "_terrain")
						{
							setmaptypeonterrain()
							var group_map_type_buttons_input = document.getElementById("group_map_type_buttons_input").value = 4
						}

}
function save_new_starting_point_groups()
{
	var centre = mapsystem.map.getCenter();
	var	value_lat = centre.lat();
	var	value_long = centre.lng();
	var	value_zoom = mapsystem.map.getZoom();
	var	value_zoom = mapsystem.map.getZoom();

	var value_long_group = document.getElementById("value_long_group")
		value_long_group.value = value_long
	var value_lat_group = document.getElementById("value_lat_group")
		value_lat_group.value = value_lat
	var value_zoom_group = document.getElementById("value_zoom_group")
		value_zoom_group.value = value_zoom
	var group_map_type_buttons_input = document.getElementById("group_map_type_buttons_input")
		
		if(document.getElementById("button_satellite").style.color == "white")
		{
			setcolormaptypes_groups("_satellite")
			group_map_type_buttons_input.value = 1
		}
		if(document.getElementById("button_map").style.color == "white")
		{
			setcolormaptypes_groups("_map")
			group_map_type_buttons_input.value = 2
		}
		if(document.getElementById("button_hybrid").style.color == "white")
		{
			setcolormaptypes_groups("_hybrid")
			group_map_type_buttons_input.value = 3
		}
		if(document.getElementById("button_terrain").style.color == "white")
		{
			setcolormaptypes_groups("_terrain")
			group_map_type_buttons_input.value = 4
		}

} 
function setcolormaptypes_groups(type)
{
	var button_hybrid = document.getElementById("group_pref_button_satellite")
		button_hybrid.style.color = ''
	var button_hybrid = document.getElementById("group_pref_button_map")
		button_hybrid.style.color = ''
	var button_hybrid = document.getElementById("group_pref_button_hybrid")
		button_hybrid.style.color = ''
	var button_hybrid = document.getElementById("group_pref_button_terrain")
		button_hybrid.style.color = ''

	var button_hybrid = document.getElementById("group_pref_button"+type)
		button_hybrid.style.color = "white"
}
function Screen_ShowMessageDetails_from_intro(msgid)
{
	Screen_ShowMessageDetails_from_container(msgid)
	hide_container_onscreen("_intro")
	show_overview_fm()
}

function Screen_ShowMessageDetails_from_intro_groups(msgid, groupid)
{
	Screen_ShowMessageDetails_from_container(msgid)
	hide_container_onscreen("_intro")
	show_overview_fm_groups(groupid)
}

function Screen_ShowMessageDetails_from_intro(msgid)
{
	Screen_ShowMessageDetails_from_container(msgid)
	hide_container_onscreen("_intro")
	show_overview_fm()
}

function Screen_groupprofile_from_pic(msgid, groupid)
{
	if(msgid)
	{
		Screen_ShowMessageDetails_from_container(msgid)
	}
	hide_container_onscreen("_intro")
	Screen_ShowGroupDetails(groupid)
	show_pictures_groupprofile(groupid)
}
function Screen_groupprofile_from_msg(msgid, groupid)
{
	if(msgid)
	{
		Screen_ShowMessageDetails_from_container(msgid)
	}
	hide_container_onscreen("_intro")
	Screen_ShowGroupDetails(groupid)
	show_messages_groupprofile(groupid)
}
function show_members_group_from_intro(groupid)
{
	hide_container_onscreen("_intro")
	Screen_ShowGroupDetails(groupid)
	show_members_groupprofile(groupid)
}


function	show_info_container_notonstartup()
{
show_info_container(true)
}
function	load_content_info(notonstartup)
{
	if(treelzsystem.treelersocial)
	{
		var	thediv_outer	=	document.getElementById("frame_info")
			thediv_outer.innerHTML	=	'';
		
		var	thediv	=	document.getElementById("clientarea_inner_info")
			thediv.innerHTML	=	'';
		
//		var	direct_links_div_header	=	createElement(thediv,null,null,'div')
//			direct_links_div_header.innerHTML	=	getTrans.Translate("direct_links_div_header")+':<br	/>'
//		var	direct_links_div	=	createElement(thediv,null,'direct_links_div','div')
//		show_direct_links(direct_links_div)
		
		
//		var	hr_element = createElement(thediv,null,null,'hr')
		var	friendrequest_div_header	=	createElement(thediv,null,null,'div')
			friendrequest_div_header.innerHTML	=	getTrans.Translate("friends_invitations")+':<br	/>'
		var	friendrequest_div	=	createElement(thediv,'requests_div','friendrequest_div','div')
				var	friendrequest_span	=	createElement(friendrequest_div,"grey",null,'span')
				friendrequest_span.innerHTML	= getTrans.Translate("no_friend_invitations")
		
		Screen_ShowPossibleFriendRequests(friendrequest_div, notonstartup)
		
		var	hr_element = createElement(thediv,null,null,'hr')
		var	recent_div_header	=	createElement(thediv,null,null,'div')
			recent_div_header.innerHTML	=	getTrans.Translate("groups_invitations")+':<br	/>'  
		var	recentgroups_invitations_div	=	createElement(thediv,'requests_div',null,'div')
				var	no_group_invitations_span	=	createElement(recentgroups_invitations_div,"grey",null,'span')
					no_group_invitations_span.innerHTML	= getTrans.Translate("no_group_invitations")
		
		Screen_ShowGroupInvites(recentgroups_invitations_div)
		
		var	hr_element = createElement(thediv,null,null,'hr')
		var	recent_div_header	=	createElement(thediv,null,null,'div')
			recent_div_header.innerHTML	=	getTrans.Translate("groups_access_requests")+':<br	/>' 
		var	recentgroups_access_requests_div	=	createElement(thediv,'requests_div',null,'div')
				var	no_requests_span	=	createElement(recentgroups_access_requests_div,"grey",null,'span')
					no_requests_span.innerHTML	= getTrans.Translate("no_requests")
		Screen_ShowGroupAccessRequests(recentgroups_access_requests_div)
		/*
		// RECENT my messages with replies										
		var	hr_element = createElement(thediv,null,null,'hr')
		var	recent_div_header	=	createElement(thediv,null,'recent_div_header','div')
		recent_div_header.innerHTML	=	' ARJEN_TRANS laatste my msg met replies:<br	/>'
		var	recent_div	=	createElement(thediv,null,'recent_data','div')
		Screen_ShowRecentMessagesRepliedTo(recent_div)
		*/									
		// RECENT REPLIES TO MY MESSAGES
		var	hr_element = createElement(thediv,null,null,'hr')
		var	recent_div_header	=	createElement(thediv,null,null,'div')
			recent_div_header.innerHTML	=	getTrans.Translate("latest_replies_to_my_messages")+':<br	/>'
		var	recentreplies_div	=	createElement(thediv,"recentreplies_div",null,'div')
			Screen_ShowRecentReplies(recentreplies_div)
		/*							
		// RECENT REPLIES TO MSG ON WHICH I REPLIED
		var	hr_element = createElement(thediv,null,null,'hr')
		var	recent_div_header	=	createElement(thediv,null,'recent_div_header','div')
		recent_div_header.innerHTML	=	' ARJEN_TRANS latest replies to my replies:<br	/>'
		var	recent_div	=	createElement(thediv,null,'recent_data','div')
		Screen_ShowRecentRepliesToReplies(recent_div)
		*/						
		//INVTIES TO GROUPS
		// OPEN GROUP REQUESTS
//		var	hr_element = createElement(thediv,null,null,'hr')
//		
//		var	news_div_header	=	createElement(thediv,null,'news_div_header','div')
//			news_div_header.innerHTML	=	getTrans.Translate("general_news")+':<br	/>'
//		var	news_div = createElement(thediv,"news_div","news_div",'div')
//		
//		all_news("news_div", "_info")
		
		if(treelzsystem	&&	treelzsystem.treelersocial)
		{
			urls.AddVariable("MI", "i");
			urls.UpdateURL();
			var	do_not_show_box		=	createElement(thediv_outer,"do_not_show_box","do_not_show_box_myinfo",'div')
				do_not_show_box.innerHTML	=	"<input	type=\"checkbox\"	onClick='changeMyinfo_Startup(this)'	id='myinfoshowcheckbox'/>"+getTrans.Translate("Show_on_startup")
			treelzsystem.treelersocial.getSetting('show_myinfo',function(myinfosetting)
			{
				if(myinfosetting	==	1)		//	getting	started
				{
				document.getElementById('myinfoshowcheckbox').checked	=	true
				}
				else
				{
				document.getElementById('myinfoshowcheckbox').checked	=	false
				}
			}
			);
		}		
	}
	else
	{
	show_treelz_alert("not_loggedin_info")
	}
}
function getMeThatDataOnly(string)
{
	var year = string.substring(0,4);
	var month =string.substring(5,7);
	var day = string.substring(8,10);
	var hour =string.substring(11,13);
	var minute =string.substring(14,16);
	var second =string.substring(17,19);
	return ''+day + '/'+month + ' ' + hour + ':' + minute;
}
function Screen_ShowGroupInvites(groupsinvite_div)
{
	treelzsystem.treelersocial.groupsRequestsAndInvites(function(open_group_requests,invites_to_groups)
	{
		var resultaten = 0;
		
			groupsinvite_div.innerHTML = ''
			for(i in invites_to_groups)
			{
				resultaten = 1; 
				var request = invites_to_groups[i]
				Screen_ShowGroupInvitesFillOne(groupsinvite_div,request)
			}
		if (resultaten == 0) 
		{ 
			groupsinvite_div.innerHTML = '<span class="grey">'+getTrans.Translate("no_group_invitations")+'</span>'
		}
	}
	);
}

function Screen_ShowGroupInvitesFillOne(groupsinvite_div,request)
{
	mapsystem.groups.getGroup(request.group_id,function(group)
	{
		var	groupsinvite_div_inner = createElement(groupsinvite_div,null,null,'span')
			var	groupsinvite_a = createElement(groupsinvite_div_inner,"bold",null,'a')
				groupsinvite_a.href = "javascript:Screen_ShowGroupDetails("+request.group_id+")" 
				groupsinvite_a.innerHTML = group.title
			var	br_element = createElement(groupsinvite_div_inner,null,null,'br')
			var	groupsinvite_domain_a = createElement(groupsinvite_div_inner,null,null,'a')
				groupsinvite_domain_a.innerHTML = group.name  +	'.treelz.com'
				groupsinvite_domain_a.href = "http://"+group.name+".treelz.com" 
				groupsinvite_domain_a.target = "_blank" 
		
			var	br_element = createElement(groupsinvite_div_inner,null,null,'br')
			var	span_between = createElement(groupsinvite_div_inner,"grey",null,'span')
				span_between.innerHTML = getTrans.Translate("message")+": " +request.message
		var	accept_deny_div = createElement(groupsinvite_div,"accept_deny_div",null,'div')
		var	accept_a = createElement(accept_deny_div,"green_font",null,'a')
			accept_a.href = "javascript:Screen_RequestAccessFromInvite("+request.userid+","+request.group_id+")"
			accept_a.innerHTML = getTrans.Translate("request_join")
		var	span_between = createElement(accept_deny_div,null,null,'span')
			span_between.innerHTML = " / "
		var	deny_a = createElement(accept_deny_div,"red_font",null,'a')
			deny_a.href = "javascript:Screen_IgnoreInvite("+request.userid+","+request.group_id+")"
			deny_a.innerHTML = getTrans.Translate("ignore_invitation")
		var	br_element = createElement(accept_deny_div,null,null,'br')
		my_own_BuildFunc("_info")
	}
	);
}
function Screen_RequestAccessFromInvite(inviter_userid,groupid)
{
	mapsystem.groups.getGroup(groupid,function(group)
	{  					
		group.requestAccess(function(x)
		{
			show_info_container(true)
		}
		);
	}
	);
}
function Screen_IgnoreInvite(inviter_userid,groupid)
{
	mapsystem.groups.getGroup(groupid,function(group)
	{
		var extraoptions = {}
			extraoptions.inviter_id = inviter_userid
		group.denyInvite(function(x)
		{
			show_info_container(true)
		}
		,extraoptions);
	}
	);
}
function Screen_ShowGroupAccessRequests(groupsrequest_div)
{
	treelzsystem.treelersocial.groupsRequestsAndInvites(function(open_group_requests,invites_to_groups)
	{
	  //if(open_group_requests.length > 0)
	
		//groupsrequest_div.innerHTML = ''
		var resultaten_req = 0;
		
			groupsrequest_div.innerHTML = ''
		
		for(i in open_group_requests)
		{
			var grps_request = open_group_requests[i]
			for(j in grps_request)
			{
				resultaten_req = 1; 
				var request = grps_request[j]
				Screen_ShowGroupAccessRequestsOne(groupsrequest_div,request)
			}
		}
		if (resultaten_req == 0) 
		{ 
			groupsrequest_div.innerHTML = '<span class="grey">'+getTrans.Translate("no_requests")+'</span>'
		}
	}
	);
}
function Screen_ShowGroupAccessRequestsOne(groupsrequest_div,request)
{
				
				mapsystem.groups.getGroup(request.group_id,function(group)
				{
					group.isUserModerator(treelzsystem.treelersocial.userid,function(moderator)
					{
						if(moderator == 1)  
						{
								var	groupsrequest_span = createElement(groupsrequest_div,null,null,'span')
								var	user_groupsrequest_a = createElement(groupsrequest_span,"bold",null,'a')
									user_groupsrequest_a.href = "javascript:Screen_InitSideBarUserProfile("+request.userid+")" 
									treelzsystem.users.getUser(request.userid,null,function(usr)
									{
										user_groupsrequest_a.innerHTML = 'User: '+ usr.firstname + ' ' + usr.lastname
									 }
									 );
								var	br_element = createElement(groupsrequest_span,null,null,'br')
								var	span_between = createElement(groupsrequest_span,"grey",null,'span')
									span_between.innerHTML = getTrans.Translate("group") +': '
								var	groupsrequest_a = createElement(groupsrequest_span,"bold grey",null,'a')
									groupsrequest_a.href = "javascript:Screen_ShowGroupDetails("+request.group_id+")" 
									groupsrequest_a.innerHTML = group.name
								var	br_element = createElement(groupsrequest_span,null,null,'br')
								var	span_between = createElement(groupsrequest_span,"grey",null,'span')
									span_between.innerHTML = getTrans.Translate("message")+": " +request.message
								var	accept_deny_div = createElement(groupsrequest_div,"accept_deny_div",null,'div')
								var	accept_a = createElement(accept_deny_div,"green_font",null,'a')
									accept_a.href = "javascript:Screen_GrantAcces("+request.userid+","+request.group_id+")"
									accept_a.innerHTML = getTrans.Translate("Accept")
								var	span_between = createElement(accept_deny_div,null,null,'span')
									span_between.innerHTML = " / "
								var	deny_a = createElement(accept_deny_div,"red_font",null,'a')
									deny_a.href = "javascript:Screen_DenyAcces("+request.userid+","+request.group_id+")"
									deny_a.innerHTML = getTrans.Translate("Deny")
								my_own_BuildFunc("_info") 
						}
			
					}
					);				
				}
				);
}
function Screen_GrantAcces(userid,groupid)
{
	mapsystem.groups.getGroup(groupid,function(grp)
	{
		grp.grantAccess(userid,function(response)
		{
			show_info_container(true)
		}
		);
	}
	);
}
function Screen_DenyAcces(userid,groupid)
{
	mapsystem.groups.getGroup(groupid,function(grp)
	{
		grp.denyAccess(userid,function(response)
		{
			show_info_container(true)
		}
		);
	}
	);
}
function Screen_ShowRecentRepliesToReplies(recent_div)
{
	var extraoptions = {}
		extraoptions.start = 0;
		extraoptions.amount= 3;
	treelzsystem.treelersocial.recentReplyToReply(function(msgs)
	{
		for(i in msgs)
		{
			var msg = msgs[i];						
			treelzsystem.users.getUser(msg.userid,true,function(usr)												
			{	
			
				var eenmooiberichtdiv = createElement(recent_div,null,null,'div');						 
				eenmooiberichtdiv.innerHTML = '<a href="javascript:Screen_ShowMessageDetails_from_container('+msg.id+')"><img	class=""	height="16"	src="imageshow.php?thumb=true&h=16&imageid='	+	usr.picture_id	+'">' +msg.title+'</a><br>';
my_own_BuildFunc("_info")
			}
			);
		}
	}
	,extraoptions);
}
function Screen_ShowRecentMessagesRepliedTo(recent_div)
{
	var extraoptions = {}
	extraoptions.start = 0;
	extraoptions.amount= 3;
	treelzsystem.treelersocial.recentRepliedTo(function(msgs)
	{					
		for(i in msgs)						
		{
			var msg = msgs[i];
			treelzsystem.users.getUser(msg.userid,true,function(usr)												
			{												
				var eenmooiberichtdiv = createElement(recent_div,null,null,'div');						 
				eenmooiberichtdiv.innerHTML = '<a href="javascript:Screen_ShowMessageDetails_from_container('+msg.id+')"><img	class=""	height="16"	src="imageshow.php?thumb=true&h=16&imageid='	+usr.picture_id	+'">' +msg.title+'</a><br>';
				my_own_BuildFunc("_info")
			}
			);
		}
	}
	,extraoptions);
	/*
	var max_show = 5;
	var nr = 0;
	var msgcacher	=	getMessageCacher();									
	for(i in treelzsystem.treelersocial.recent.msg_replied_to)
	{
	nr++;
	if(nr > max_show) break;
	msgcacher.getMessage(i,function(msg)
	{
	var eenmooiberichtdiv = createElement(recent_div,null,null,'div');
	eenmooiberichtdiv.innerHTML = '<a href="javascript:Screen_ShowMessageDetails_from_container('+msg.id+')"><img	class=""	height="16"	src="imageshow.php?thumb=true&h=16&imageid='	+	msg.user.icon	+'">' +msg.title+'</a><br>';  							 
	}
	);		
	}
	*/
}
function Screen_ShowRecentReplies(recent_div)
{
	var extraoptions = {}
	extraoptions.start = 0;
	extraoptions.amount= 5;
	treelzsystem.treelersocial.recentReplies(function(msgs)
	{
		for(i in msgs)
		{
			var msg = msgs[i];
			//debug(i + ' ' + msg  + ' ' + msg.title)
			/*msgcacher.getMessage(msg.parent_id,function(parentmsg)
			{
			*/							 
			var eenmooiberichtdiv = createElement(recent_div,"eenmooiberichtdiv",null,'div');
			Screen_ShowRecentReplies_FillMsg(eenmooiberichtdiv,msg);
		
		}			
		

	}
	,extraoptions);
}
function Screen_ShowRecentReplies_FillMsg(eenmooiberichtdiv,msg)
{
	var msgcacher	=	getMessageCacher();
	msgcacher.getMessage(msg.parent_id,function(parentmsg)
	{
		treelzsystem.users.getUser(msg.userid,true,function(usr)												
		{												
			eenmooiberichtdiv.innerHTML = '<a href="javascript:Screen_ShowMessageDetails_from_container('+msg.parent_id+')"><img	class=""	height="16"	src="imageshow.php?thumb=true&h=16&imageid='	+	usr.picture_id	+'">' + getMeThatDataOnly(msg.date) + ' : ' +parentmsg.title+'</a><br>';
			my_own_BuildFunc("_info")
			
		}
		);
	}
	);						
}
function	changeMyinfo_Startup(checkbox)
{
	var	value	=	"0"
	if(checkbox.checked	==	true)
	{
	value	=	1;
	}
	else
	{
	value	=	"0";
	}
	
	if(treelzsystem	&&	treelzsystem.treelersocial)
	{
		treelzsystem.treelersocial.setSetting('show_myinfo',value,function(setting)
		{
		}
		);
	}
}
/*Friend requests*/				
function	Screen_ShowPossibleFriendRequests(friendrequest_div,	notonstartup)
{
	
	treelzsystem.treelersocial.getRequests(function(requests)
	{
		var	found	=	false
		for(i	in	requests)	found	=	true
		clickedon_info()
		if(found)
		{
			friendrequest_div.innerHTML = ''
			tempiets	=	requests
			for(i	in	requests)
			{
				var request = requests[i]
				Screen_ShowPossibleFriendRequestsDoOne(friendrequest_div,request)	
			}
			show_container("_info")
			set_bu_footer_myinfo_var = 0
			//bu_footer_myinfo.setAttribute('class',"footer_buttons bu_footer_myinfo_active")
			//bu_footer_myinfo.setAttribute('className',"footer_buttons bu_footer_myinfo_active")
		}
		else
		{
			if(notonstartup	==	true)
			{
		//		var	friendrequest_span	=	createElement(friendrequest_div,"grey",null,'span')
		//		friendrequest_span.innerHTML	= getTrans.Translate("no_friend_invitations")
				my_own_BuildFunc("_info")
				show_container("_info")
			}
			else
			{
				hide_container("_info")
			}
		}
	}
	);
}
function Screen_ShowPossibleFriendRequestsDoOne(friendrequest_div,request)
{
	var	pos_friendid	=	request.id
	var	comment	=	request.comment
	treelzsystem.users.getUser(pos_friendid,true,function(usr)
	{
		var	friendrequest_span = createElement(friendrequest_div,null,null,'span')
		var	friendrequest_a = createElement(friendrequest_span,"bold",null,'a')
			friendrequest_a.href = "javascript:Screen_InitSideBarUserProfile("+usr.id+")"
			friendrequest_a.innerHTML = usr.firstname	+	'	'	+	usr.lastname
		var	br_element = createElement(friendrequest_span,null,null,'br')
		var	span_between = createElement(friendrequest_div,"grey",null,'span')
			span_between.innerHTML = getTrans.Translate("message")+": " +request.comment  //klopt ook niet, maar deze gaf in iedere geval vast geen error, ik wil graag request message van de user
		var	accept_deny_div = createElement(friendrequest_div,"accept_deny_div",null,'div')
		var	accept_a = createElement(accept_deny_div,"green_font",null,'a')
			accept_a.href = "javascript:Screen_User_Accept_Friend("+usr.id+")"
			accept_a.innerHTML = getTrans.Translate("Accept")
		var	span_between = createElement(accept_deny_div,null,null,'span')
			span_between.innerHTML = " / "
		var	deny_a = createElement(accept_deny_div,"red_font",null,'a')
			deny_a.href = "javascript:Screen_User_Deny_Friend("+usr.id+")"
			deny_a.innerHTML = getTrans.Translate("Deny")
		var	br_element = createElement(accept_deny_div,null,null,'br')
		my_own_BuildFunc("_info")
	}
	);
}
function all_news(targetdiv, type)
{
	var	targetdiv_news_div = document.getElementById(targetdiv)
		targetdiv_news_div.innerHTML = ''
	var inorout = false
	if(type == "_intro")
	{
		inorout = true
		targetdiv_news_div.innerHTML = '<h5>'+getTrans.Translate("News")+'</h5><br />'
	}
	show_news(targetdiv_news_div, "news_09_08_08", type, false)
	show_news(targetdiv_news_div, "news_09_02_08", type, false)
	show_news(targetdiv_news_div, "news_09_01_08", type, false)
	show_news(targetdiv_news_div, "news_08_28_08", type, false)
	show_news(targetdiv_news_div, "news_08_27_08", type, false)
	show_news(targetdiv_news_div, "news_08_25_08", type, false)


		var	targetdiv_news_div_old_news_title	=	createElement(targetdiv_news_div,"greylink","targetdiv_news_div_old_news_title",'a')
			targetdiv_news_div_old_news_title.innerHTML = 'Show old news'
			targetdiv_news_div_old_news_title.href = 'javascript:show_hide_old_news()'

		var	targetdiv_news_div_old_news	=	createElement(targetdiv_news_div,"targetdiv_news_div_old_news","targetdiv_news_div_old_news",'div')
			targetdiv_news_div_old_news.style.display = "none"
			
			show_news(targetdiv_news_div_old_news, "news_03_20_08", type, false)
			show_news(targetdiv_news_div_old_news, "news_03_18_08", type, false)
			show_news(targetdiv_news_div_old_news, "news_02_21_08", type, false)
			show_news(targetdiv_news_div_old_news, "news_01_14_08", type, false)
			show_news(targetdiv_news_div_old_news, "news_12_20_07", type, false)
			show_news(targetdiv_news_div_old_news, "news_12_19_07", type, false)
			show_news(targetdiv_news_div_old_news, "news_12_14_07", type, false)
			show_news(targetdiv_news_div_old_news, "news_11_28_07", type, false)
			show_news(targetdiv_news_div_old_news, "news_11_14_07", type, false)
			show_news(targetdiv_news_div_old_news, "news_10_14_07", type, false)
			show_news(targetdiv_news_div_old_news, "news_09_14_07", type, false)
}
function show_hide_old_news()
{
	var	targetdiv_news_div_old_news_title =	document.getElementById("targetdiv_news_div_old_news_title")
	var	targetdiv_news_div_old_news =	document.getElementById("targetdiv_news_div_old_news")

	if(targetdiv_news_div_old_news.style.display == "none")
	{
		targetdiv_news_div_old_news_title.innerHTML = 'Hide old news'
		targetdiv_news_div_old_news.style.display = ""
	}
	else
	{
		targetdiv_news_div_old_news_title.innerHTML = 'Show old news'
		targetdiv_news_div_old_news.style.display = "none"
	}

	my_own_BuildFunc("_info")


}

function all_news_intro()
{
	urls.AddVariable("I", "n");
	urls.UpdateURL();
	
	var	extra_info_div =	document.getElementById("extra_info_div")
		extra_info_div.innerHTML = ''
		var	extra_info_div_inner	=	createElement(extra_info_div,"extra_info_div_inner","extra_info_div_inner",'div')

		equalize_with_parent("extra_info_div", "extra_info_div_inner")


	all_news("extra_info_div_inner", "_intro")
	CSBfleXcroll("extra_info_div_inner")
}
function show_news(targetdiv, newsdate, type, newest)
{
	var	heading	=	createElement(targetdiv,"news_div_heading greylink",newsdate+"_heading"+type,'a')
		heading.innerHTML = getTrans.Translate(newsdate+"_heading")
		heading.href = 'javascript:show_news_content_onscreen("'+newsdate+"_content"+type+'", "'+type+'")'
	var	news	=	createElement(targetdiv,"news_div",newsdate+"_content"+type,'div')
		news.innerHTML = getTrans.Translate(newsdate)
		news.style.visibility = "hidden"
		news.style.height = 1
		news.style.overflow = "hidden"
	if(newest == true)
	{
		show_news_content(newsdate+"_content"+type)
	}
	my_own_BuildFunc("_info")
}
function show_news_content(newsdate)
{
	hide_all_news(type)
	
	var	newsdate_div =	document.getElementById(newsdate)
	if(document.getElementById(newsdate).style.visibility == "hidden")
	{					
		document.getElementById(newsdate).style.visibility = "inherit"
		document.getElementById(newsdate).style.height = ""
	}
	else
	{
		document.getElementById(newsdate).style.visibility = "hidden"
		document.getElementById(newsdate).style.height = 1
		document.getElementById(newsdate).style.overflow = "hidden"
	}
	my_own_BuildFunc("_info")
}
function show_news_content_onscreen(newsdate, type)
{
	hide_all_news(type)
	
	var	newsdate_div =	document.getElementById(newsdate)
	if(document.getElementById(newsdate).style.visibility == "hidden")
	{	
		document.getElementById(newsdate).style.visibility = "inherit"
		document.getElementById(newsdate).style.height = ""
	}
	else
	{
		document.getElementById(newsdate).style.visibility = "hidden"
		document.getElementById(newsdate).style.height = 1
		document.getElementById(newsdate).style.overflow = "hidden"
	}
	my_own_BuildFunc("_info")
	scrollUpdate("extra_info_div_inner") 
}
function hide_news(newsdate, type)
{
		document.getElementById(newsdate+"_content"+type).style.visibility = "hidden"
		document.getElementById(newsdate+"_content"+type).style.height = 1
		document.getElementById(newsdate+"_content"+type).style.overflow = "hidden"
}
function hide_all_news(type)
{
	hide_news("news_09_08_08", type)
	hide_news("news_09_02_08", type)
	hide_news("news_09_01_08", type)
	hide_news("news_08_28_08", type)
	hide_news("news_08_27_08", type)
	hide_news("news_08_25_08", type)
	
	hide_news("news_03_20_08", type)
	hide_news("news_03_18_08", type)
	hide_news("news_02_21_08", type)
	hide_news("news_01_14_08", type)
	hide_news("news_12_20_07", type)
	hide_news("news_12_19_07", type)
	hide_news("news_12_14_07", type)
	hide_news("news_11_28_07", type)
	hide_news("news_11_14_07", type)
	hide_news("news_10_14_07", type)
	hide_news("news_09_14_07", type)
}
function show_direct_links(friendrequest_div)
{
	var	link_to_overview	=	createElement(friendrequest_div,"greylink",null,'a')
	link_to_overview.innerHTML = getTrans.Translate("overview")+'<br />'
	link_to_overview.href = 'javascript:show_overview_fm()'
	
	var	link_to_my_profile	=	createElement(friendrequest_div,"greylink",null,'a')
	link_to_my_profile.innerHTML += getTrans.Translate("my_profile")+'<br />'
	link_to_my_profile.href = 'javascript:Screen_InitSideBarUserProfile(loggedin_id)'
	
	var	link_to_my_profile	=	createElement(friendrequest_div,"greylink",null,'a')
	link_to_my_profile.innerHTML += getTrans.Translate("change_my_preferences")+'<br />'
	link_to_my_profile.href = "javascript:show_preferences()"
	
	var	link_to_my_profile	=	createElement(friendrequest_div,"greylink",null,'a')
	link_to_my_profile.innerHTML += getTrans.Translate("change_my_settings")+'<br />'
	link_to_my_profile.href = "javascript:show_global_intro('mysettings')"

	var	link_to_invite_friends	=	createElement(friendrequest_div,"greylink",null,'a')
	link_to_invite_friends.innerHTML += getTrans.Translate("invite_friends")+'<br />'
	link_to_invite_friends.href = "javascript:show_global_intro('invitefriends')"
	
	var	link_to_find_friends	=	createElement(friendrequest_div,"greylink",null,'a')
	link_to_find_friends.innerHTML += getTrans.Translate("find_friends")+'<br />'
	link_to_find_friends.href = "javascript:show_global_intro('searchfriends')"
}
function	Screen_User_Deny_Friend(friendid)
{
	treelzsystem.treelersocial.reactToFriendRequest(friendid,0,function(ts)
	{
		Screen_InitSideBarUserProfile(treelzsystem.treelersocial.userid)
		show_info_container(true)
	}
	);
}
function	Screen_User_Accept_Friend(friendid)
{
	treelzsystem.treelersocial.reactToFriendRequest(friendid,1,function(ts)
	{
		Screen_InitSideBarUserProfile(friendid)
		show_info_container(true)
	}
	);
}

/*
var URL_groups = "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_groups" 
var URL_travel = "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_travel"
var URL_maplog = "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_maplog"

var URL_groups_page = "images/4_intro/intro_pages_groups"
var URL_travel_page = "images/4_intro/intro_pages_travel"
var URL_maplog_page = "images/4_intro/intro_pages_maplog"
*/
var OpBg = 80
var OpMo = 68

function load_global_intro()
{
	
//	debug("load_global_intro")
	
	var intro_global_div = document.getElementById('screen_global');
		
		var intro_global_div_white = document.getElementById('screen_global_div_white');
			change_opacity(intro_global_div_white, 70)
			var ajax_loader_div = createElement(intro_global_div_white,'ajax_loader_div','ajax_loader_div','div')
				center_div('ajax_loader_div')
				ajax_loader_div.innerHTML = '<img src="images/loaders/ajax-loader_1.gif" />'
		
		
			create_frame_intro_global(intro_global_div)
			fill_intro_start_screen_all()
		
		
			var intro_global_div_close = createElement(intro_global_div_white,'intro_global_div_close','intro_global_div_close','div')
				intro_global_div_close.innerHTML = "<strong><a href='javascript:close_global_intro()'>Close this intro screen</a></strong>"

}
function show_global_intro(screen_selected)
{
//	debug("show_global_intro: "+screen_selected)
		var intro_screen_b_m_l = document.getElementById('intro_screen_b_m_l');
		var intro_screen_b_m_r = document.getElementById('intro_screen_b_m_r');
		
		if(treelzsystem	&&	treelzsystem.treelersocial)
		{
		var login_intro_div = document.getElementById('login_intro_div')
			login_intro_div.innerHTML = ''
		}
		
		var intro_global_div = document.getElementById('screen_global');
			intro_global_div.style.visibility = "inherit" 
		var intro_screen = document.getElementById('intro_screen');
			intro_screen.style.visibility = "inherit" 
			
		
		var screen_global_div_white = document.getElementById('screen_global_div_white');
			screen_global_div_white.innerHTML = ''
			
		if(screen_selected == 'mysettings' || screen_selected == 'register' || screen_selected == 'invitefriends' || screen_selected == 'searchfriends')
		{
			intro_screen_b_m_r.style.cursor = "auto"
			intro_screen_b_m_l.style.cursor = "auto"
			fill_iframe_content(screen_selected)
//			CSBfleXcroll("form_"+screen_selected)
	//		debug("form_"+screen_selected)
		//	intro_screen_b_l_inner.innerHTML = ""
		//	intro_screen_b_r_inner.innerHTML = ""
			if(screen_selected == 'mysettings')
			{	
				set_mouse_over_out_div('intro_screen_b_l', 100)	
				set_mouse_over_out_div('intro_screen_b_r', 100)	
				set_mouse_down('intro_screen_b_l', "javascript:nothing()")  //  welk javascript moet ik hier voor hebben?
				set_mouse_down('intro_screen_b_r', "javascript:nothing()")
						set_background_image(intro_screen_b_m_l, "images/4_intro/intro_footer_empty_l.png")					
						set_background_image(intro_screen_b_m_r, "images/4_intro/intro_footer_empty_r.png")					
			}
			if(screen_selected == 'register')
			{
				set_mouse_over_out_div('intro_screen_b_l', 100)	
				set_mouse_over_out_div('intro_screen_b_r', 100)	
				set_mouse_down('intro_screen_b_l', "javascript:nothing()")  //  welk javascript moet ik hier voor hebben?
				set_mouse_down('intro_screen_b_r', "javascript:nothing()")
						set_background_image(intro_screen_b_m_l, "images/4_intro/intro_footer_empty_l.png")					
						set_background_image(intro_screen_b_m_r, "images/4_intro/intro_footer_empty_r.png")					
			}
			if(screen_selected == 'invitefriends')
			{
				set_mouse_over_out_div('intro_screen_b_l', 100)	
				set_mouse_over_out_div('intro_screen_b_r', 100)	
				set_mouse_down('intro_screen_b_l', "javascript:nothing()")  //  welk javascript moet ik hier voor hebben?
				set_mouse_down('intro_screen_b_r', "javascript:nothing()")
						set_background_image(intro_screen_b_m_l, "images/4_intro/intro_footer_empty_l.png")					
						set_background_image(intro_screen_b_m_r, "images/4_intro/intro_footer_empty_r.png")					
			}
			if(screen_selected == 'searchfriends')
			{
				set_mouse_over_out_div('intro_screen_b_l', 100)	
				set_mouse_over_out_div('intro_screen_b_r', 100)	
				set_mouse_down('intro_screen_b_l', "javascript:nothing()")  //  welk javascript moet ik hier voor hebben?
				set_mouse_down('intro_screen_b_r', "javascript:nothing()")
						set_background_image(intro_screen_b_m_l, "images/4_intro/intro_footer_empty_l.png")					
						set_background_image(intro_screen_b_m_r, "images/4_intro/intro_footer_empty_r.png")					
			}
		}
		else
		{
			fill_intro_start_screen_all()
		//	intro_screen_b_l_inner.innerHTML = "Skip Intro"
		//	intro_screen_b_r_inner.innerHTML = "Register"
						set_background_image(intro_screen_b_m_l, "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_skip.png")					
						set_background_image(intro_screen_b_m_r, "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_register.png")					
			intro_screen_b_m_l.style.cursor = "pointer"
			intro_screen_b_m_r.style.cursor = "pointer"
			
			set_mouse_over_out_div('intro_screen_b_l', OpMo)	
			set_mouse_over_out_div('intro_screen_b_r', OpMo)	
			set_mouse_down('intro_screen_b_l', "javascript:close_global_intro()")
			set_mouse_down('intro_screen_b_r', "javascript:fill_register()")

		}
			add_close_button('intro_screen',	"javascript:close_global_intro()")
}
function show_global_intro_from_alert(screen_selected)
{
	close_treelz_alert()
	show_global_intro(screen_selected)
}

function create_frame_intro_global(intro_global_div)
{
//	debug("create_frame_intro_global: "+intro_global_div)
		var intro_screen = createElement(intro_global_div,'intro_screen','intro_screen','div')
			intro_screen.innerHTML = ''
			center_div('intro_screen')
			
			var intro_screen_t = createElement(intro_screen,'intro_screen_t','intro_screen_t','div')
				var intro_screen_t_c_l = createElement(intro_screen_t,'intro_screen_t_c_l','intro_screen_t_c_l','div')
				var intro_screen_t_l = createElement(intro_screen_t,'intro_screen_t_l','intro_screen_t_l','div')
				var intro_screen_t_m = createElement(intro_screen_t,'intro_screen_t_m','intro_screen_t_m','div')
				var login_intro_div = createElement(intro_screen_t,'login_intro_div','login_intro_div','div')
				
				
				
				
				
				fill_login_intro_div(login_intro_div)

	/*			var bussiness_intro_div = createElement(intro_screen_t,'bussiness_intro_div','bussiness_intro_div','a')
					bussiness_intro_div.innerHTML = "Solution for your company?"
					bussiness_intro_div.href = "javascript:fill_bussiness_intro()"
*/
				var intro_screen_t_c_r = createElement(intro_screen_t,'intro_screen_t_c_r','intro_screen_t_c_r','div')
				var intro_screen_t_r = createElement(intro_screen_t,'intro_screen_t_r','intro_screen_t_r','div')
				
					set_background_div('intro_screen_t_c_l', 100, "images/4_intro/black_corner_t_l.png")
					set_background_div('intro_screen_t_l', 100, null, "black")
					set_background_div('intro_screen_t_m', 100, null, "black")
					set_background_div('intro_screen_t_c_r', 100, "images/4_intro/black_corner_t_r.png")
					set_background_div('intro_screen_t_r', 100, null, "black")
					
		//			change_opacity(intro_screen_t_c_l, OpBg)
		//			change_opacity(intro_screen_t_c_r, OpBg)
				
				fill_intro_screen_t(intro_screen_t)
				
				var menu_intro_div = createElement(intro_screen_t,'menu_intro_div','menu_intro_div','div')
					menu_intro_div.innerHTML = "<a href='javascript:fill_intro_start_screen_all()'>Intro<a/>"
					menu_intro_div.innerHTML += " | <a href='javascript:show_from_menu_commercial_use()'>"+getTrans.Translate("Commercial_use")+"<a/>"
					menu_intro_div.innerHTML += " | <a href='javascript:show_from_menu_links()'>Links<a/>"
					menu_intro_div.innerHTML += " | <a href='javascript:show_from_menu_contact()'>Contact<a/>"
				fill_menu_intro_div(menu_intro_div)
				
			var intro_screen_m_t = createElement(intro_screen,'intro_screen_m_t','intro_screen_m_t','div')
			
	//		var intro_screen_m_b = createElement(intro_screen,'intro_screen_m_b','intro_screen_m_b','div')
	//			set_background_div('intro_screen_m_b', OpBg, null, "black")
			
			var intro_screen_b_l = createElement(intro_screen,'intro_screen_b_l','intro_screen_b_l','div')
				set_mouse_over_out_div('intro_screen_b_l', OpMo)
				set_mouse_down('intro_screen_b_l', "close_global_intro()")
				
				//		var intro_screen_b_c_l = createElement(intro_screen_b_l,'intro_screen_b_c_l','intro_screen_b_c_l','div')
						var intro_screen_b_m_l = createElement(intro_screen_b_l,'intro_screen_b_m_l','intro_screen_b_m_l','div')
				//		var intro_screen_b_l_l = createElement(intro_screen_b_l,'intro_screen_b_l_l','intro_screen_b_l_l','div')
				//			set_background_div('intro_screen_b_c_l', OpBg, "images/4_intro/black_corner_b_l.png")
				//			set_background_div('intro_screen_b_m_l', OpBg, null, "black")
				//			set_background_div('intro_screen_b_l_l', OpBg, null, "black")
				//			change_opacity(intro_screen_b_c_l, OpBg)
						
				//		var intro_screen_b_l_inner = createElement(intro_screen_b_l,'intro_screen_b','intro_screen_b_l_inner','div')
//							intro_screen_b_l_inner.innerHTML = "Skip Intro"
						set_background_image(intro_screen_b_m_l, "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_skip.png")					
					
				//		equalize_with_parent("intro_screen_b_l", "intro_screen_b_l_inner")
			
			var intro_screen_b_r = createElement(intro_screen,'intro_screen_b_r','intro_screen_b_r','div')
				set_mouse_over_out_div('intro_screen_b_r', OpMo)
				set_mouse_down('intro_screen_b_r', "javascript:fill_register()")

				//		var intro_screen_b_c_r = createElement(intro_screen_b_r,'intro_screen_b_c_r','intro_screen_b_c_r','div')
						var intro_screen_b_m_r = createElement(intro_screen_b_r,'intro_screen_b_m_r','intro_screen_b_m_r','div')
				//		var intro_screen_b_r_r = createElement(intro_screen_b_r,'intro_screen_b_r_r','intro_screen_b_r_r','div')
				//			set_background_div('intro_screen_b_c_r', OpBg, "images/4_intro/black_corner_b_r.png")
				//			set_background_div('intro_screen_b_m_r', OpBg, null, "black")
				//			set_background_div('intro_screen_b_r_r', OpBg, null, "black")
				//			change_opacity(intro_screen_b_c_r, OpBg)
		
				//		var intro_screen_b_r_inner = createElement(intro_screen_b_r,'intro_screen_b','intro_screen_b_r_inner','div')
			//				intro_screen_b_r_inner.innerHTML = "Register"
						set_background_image(intro_screen_b_m_r, "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_register.png")					
					
				//		equalize_with_parent("intro_screen_b_r", "intro_screen_b_r_inner")
}
function fill_login_intro_div(login_intro_div)
{
/*
<form action='index.php' METHOD="post" onSubmit="return checkData()">
	<div id="login_name" >
		<INPUT id="login_name_input" TYPE="text"class="input_login" NAME="entered_login" onFocus="if(this.value ==getTrans.Translate('login_name')) {this.value ='';}">
	</div>
	<div id="login_pw" >
		<INPUT TYPE="password" class="input_login_pw"NAME="entered_password" >
	</div>
	<div id="login_button" >
		<INPUT TYPE=imagesrc="images/knoppen-titels/empty_icons/empty_1x1.gif" WIDTH="40"HEIGHT="20" >
	</div>
</form>
*/
	
	var str = ''
		str += 	'<div id="login_button_bg" class="login_button_bg"></div>'
		str += 	'<form action="index.php" METHOD="post" onSubmit="return checkData()">'
		str += 		'<div id="login_name" >'
		str += 			'<INPUT id="login_name_input_intro" TYPE="text"class="input_login" NAME="entered_login" onFocus="if(this.value == getTrans.Translate(\'login_name\')) {this.value = \'\';}">'
		str += 		'</div>'
		str += 		'<div id="login_pw" >'
		str += 			'<INPUT TYPE="password" class="input_login_pw"NAME="entered_password" >'
		str += 		'</div>'
		str += 		'<div id="login_button" class="login_button" >'
		str += 			'<INPUT TYPE="image" src="images/knoppen-titels/empty_icons/empty_1x1.gif" WIDTH="40"HEIGHT="20" >'
		str += 		'</div>'
		str += 		'<div class="remember_me_checkbox_div">'
		str += 		'<input id="remember_me_checkbox" type="checkbox" checked="checked" value="true" name="remember_login"/><span>'+getTrans.Translate("Remember_me")+'</span>'
		str += 		'</div>'
		str += 	'</form>'
	


	login_intro_div.innerHTML = str
	document.getElementById("login_name_input_intro").value= getTrans.Translate("login_name");
	
}
function fill_menu_intro_div(menu_intro_div)
{
	
}
function fill_bussiness_intro()
{ 
			var intro_screen_m_t = document.getElementById('intro_screen_m_t');
			intro_screen_m_t.innerHTML = ''

				var iframe_content_div = createElement(intro_screen_m_t,'iframe_content_div','iframe_content_div','div')
					iframe_content_div.innerHTML = '<iframe class="iframe_content" src = "folder/NL.html"></iframe>';


//					echo "<a onClick=\"window.open('folder/NL.html','Folder-Treelz', 'width=500,height=610,directories=no,location=no,menubar=no,resizable=no,status=no,toolbars=no,scrollbars=yes');\">Hier NIET klikken</a>"; //Voorstel van Melle

}

function fill_iframe_content(page)
{
//	debug("fill_register")
		var intro_screen_m_t = document.getElementById('intro_screen_m_t');
			intro_screen_m_t.innerHTML = ''
				
				var iframe_content_div = createElement(intro_screen_m_t,'iframe_content_div','iframe_content_div','div')
					iframe_content_div.innerHTML = '<iframe class="iframe_content" src = "iframepage.php?page='+page+'"></iframe>';
}

function fill_register()
{
//	debug("fill_register")
		var intro_screen_m_t = document.getElementById('intro_screen_m_t');
			intro_screen_m_t.innerHTML = ''
				
				var iframe_content_div = createElement(intro_screen_m_t,'iframe_content_div','iframe_content_div','div')
					iframe_content_div.innerHTML = '<iframe class="iframe_content" src = "iframepage.php?page=register"></iframe>';
}
function fill_mysettings()
{
//	debug("fill_register")
		var intro_screen_m_t = document.getElementById('intro_screen_m_t');
			intro_screen_m_t.innerHTML = ''
				
				var iframe_content_div = createElement(intro_screen_m_t,'iframe_content_div','iframe_content_div','div')
					iframe_content_div.innerHTML = '<iframe class="iframe_content" src = "iframepage.php?page=mysettings"></iframe>';
}
function fill_intro_screen_t(intro_screen_t)
{
//	debug("fill_intro_screen_t: "+intro_screen_t)
				var logo_intro = createElement(intro_screen_t,'logo_intro','logo_intro','div')
					set_background_div('logo_intro', 100, "images/achtergronden/logo_treelz.png")
}
function fill_intro_start_screen_all()
{
//	debug("fill_intro_start_screen_all")
			var intro_screen_m_t = document.getElementById('intro_screen_m_t');
				intro_screen_m_t.innerHTML = ''

				fill_intro_start_screen('groups', intro_screen_m_t)
				fill_intro_start_screen('travel', intro_screen_m_t)
				fill_intro_start_screen('maplog', intro_screen_m_t)
				
		preload_image("images/4_intro/"+getTrans.Translate("language_selected")+"_intro_pages_groups_1.png")
		preload_image("images/4_intro/"+getTrans.Translate("language_selected")+"_intro_pages_travel_1.png")
		preload_image("images/4_intro/"+getTrans.Translate("language_selected")+"_intro_pages_maplog_1.png")

				
}
function fill_intro_start_screen(chosen_part, intro_screen_m_t)
{
//	debug("fill_intro_start_screen: "+chosen_part+", "+intro_screen_m_t)
			var intro_start_screen = createElement(intro_screen_m_t,'intro_start_screen_'+chosen_part,'intro_start_screen_'+chosen_part,'div')
				
				
				set_background_div('intro_start_screen_'+chosen_part, 100, "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_"+chosen_part+".png")
				
				
		//		if(chosen_part == 'groups'){set_background_div('intro_start_screen_groups', 100, URL_groups+".png")}
		//		if(chosen_part == 'travel'){set_background_div('intro_start_screen_travel', 100, URL_travel+".png")}
		//		if(chosen_part == 'maplog'){set_background_div('intro_start_screen_maplog', 100, URL_maplog+".png")}
				
				set_mouse_down('intro_start_screen_'+chosen_part, "show_more_details('"+chosen_part+"', 1)")
				set_mouse_over_out_div('intro_start_screen_'+chosen_part, OpMo)
				fill_intro_screen(chosen_part, 1)
}
function fill_intro_screen(chosen_part, page)
{
//	debug("fill_intro_screen: "+chosen_part+", "+page)
/*		var targetdiv = document.getElementById('intro_start_screen_'+chosen_part);
		var intro_screen_inner = createElement(targetdiv,'intro_screen_inner','intro_screen_inner_'+chosen_part,'div')
			intro_screen_inner.innerHTML = ''
			equalize_with_parent('intro_start_screen_'+chosen_part, "intro_screen_inner_"+chosen_part)
			if(page == 2)
			{
				var intro_screen_titel = createElement(intro_screen_inner,'intro_screen_titel','intro_screen_titel_'+chosen_part,'div')
					intro_screen_titel.innerHTML = getTrans.Translate("intro_start_"+chosen_part+"_titel")
			}
			
			var intro_screen_text = createElement(intro_screen_inner,'intro_screen_text','intro_screen_text_'+chosen_part,'div')
				intro_screen_text.innerHTML = getTrans.Translate("intro_start_"+chosen_part+"_"+page)
			
			if(page == 1)
			{
					var targetdiv = document.getElementById('intro_screen_text_'+chosen_part);
						targetdiv.style.top = "55px"
			}
			else
			{
					var targetdiv = document.getElementById('intro_screen_text_'+chosen_part);
						targetdiv.style.top = "0px"
			}
				if(page == 1)
			{
						var intro_screen_take_tour = createElement(intro_screen_inner,'intro_screen_take_tour','intro_screen_take_tour_'+chosen_part,'div')
							intro_screen_take_tour.innerHTML = getTrans.Translate("intro_start_"+chosen_part+"_take_tour")
			}
			*/
}
function fill_intro_screen_small(chosen_part)
{
//	debug("fill_intro_screen_small: "+chosen_part)
		var targetdiv = document.getElementById('intro_start_screen_'+chosen_part);
		var intro_screen_inner = createElement(targetdiv,'intro_screen_inner','intro_screen_inner_'+chosen_part,'div')
			intro_screen_inner.innerHTML = ''
			
			var intro_screen_titel_small = createElement(intro_screen_inner,'intro_screen_titel_small','intro_screen_titel_'+chosen_part,'div')
				intro_screen_titel_small.innerHTML = getTrans.Translate("intro_start_"+chosen_part+"_titel_small")
				equalize_with_parent('intro_start_screen_'+chosen_part, "intro_screen_inner_"+chosen_part)
}
function show_more_details(chosen_part, page_nr)
{
	
//	debug("show_more_details: "+chosen_part)
			
		if(chosen_part != 'groups')	{set_start_screens_small('groups')}
		if(chosen_part != 'travel')	{set_start_screens_small('travel')}
		if(chosen_part != 'maplog')	{set_start_screens_small('maplog')}
		
		var page_nr_real = page_nr - 0 
		var next_page_nr = page_nr_real + 1 
	
	//	if(page_nr_real == 1)
	//	{
			set_start_screen_open(chosen_part, page_nr_real)
	//	}
	//	else
	//	{
	//		fill_start_screen_open(chosen_part, page_nr)
	//	}
		
		
		preload_image("images/4_intro/"+getTrans.Translate("language_selected")+"_intro_pages_"+chosen_part+"_"+next_page_nr+".png")

	
	/*	
		if(chosen_part == 'groups'){set_start_screen_open('groups', URL_groups_page+"_"+page_nr+".png")
		preload_image(URL_groups_page+"_"+next_page_nr+".png")}
		if(chosen_part == 'travel'){set_start_screen_open('travel', URL_travel_page+"_"+page_nr+".png")
		preload_image(URL_travel_page+"_"+next_page_nr+".png")}
		if(chosen_part == 'maplog'){set_start_screen_open('maplog', URL_maplog_page+"_"+page_nr+".png")
		preload_image(URL_maplog_page+"_"+next_page_nr+".png")}
	*/
}
function show_all_start_screens()
{
//	debug("show_all_start_screens")
//	set_start_screens_begin('groups', URL_groups+".png")
//	set_start_screens_begin('travel', URL_travel+".png")
//	set_start_screens_begin('maplog', URL_maplog+".png")
	
	set_start_screens_begin('groups')
	set_start_screens_begin('travel')
	set_start_screens_begin('maplog')
}

function set_start_screens_small(chosen_part)
{
//	debug("set_start_screens_small: "+chosen_part)
		var intro_start_screen = document.getElementById('intro_start_screen_'+chosen_part);
			intro_start_screen.style.width = 30
		set_background_div('intro_start_screen_'+chosen_part, 100, null, 'black')
		set_mouse_over_out_div('intro_start_screen_'+chosen_part, OpMo)
		set_mouse_down('intro_start_screen_'+chosen_part, "show_more_details('"+chosen_part+"', 1)")
		fill_intro_screen_small(chosen_part)
}
function set_start_screen_open(chosen_part, page_nr)
{
		var intro_start_screen = document.getElementById('intro_start_screen_'+chosen_part);
			intro_start_screen.style.width = 630
			
		set_mouse_over_out_div('intro_start_screen_'+chosen_part, 100)
	/*		var	knoppen_intro_outer	=	createElement(intro_start_screen,"knoppen_intro_outer","knoppen_intro_outer_"+chosen_part,'div')
				var	knoppen_intro_center	=	createElement(knoppen_intro_outer, null, null,'center')
					var	knoppen_intro	=	createElement(knoppen_intro_center,"knoppen_intro","knoppen_intro_"+chosen_part,'div')

						var	intro_prev	=	createElement(knoppen_intro,"intro_button","intro_prev_"+chosen_part,'div')
						var	intro_home	=	createElement(knoppen_intro,"intro_button","intro_home_"+chosen_part,'div')
						var	intro_next	=	createElement(knoppen_intro,"intro_button","intro_next_"+chosen_part,'div')
	*/			
		//		add_size_to_element(knoppen_intro, "images/1_knoppen/icon_intro_prev.png")
		//		add_size_to_element(knoppen_intro, "images/1_knoppen/icon_intro_home.png", 2)
		//		add_size_to_element(knoppen_intro, "images/1_knoppen/icon_intro_next.png", 2)
		set_mouse_down('intro_start_screen_'+chosen_part, "")

	 	fill_start_screen_open(chosen_part, page_nr)
}
function fill_start_screen_open(chosen_part, page_nr)
{

		
		set_background_div('intro_start_screen_'+chosen_part, 100, "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_pages_"+chosen_part+"_"+page_nr+".png")
		
		
		var intro_start_screen = document.getElementById('intro_start_screen_'+chosen_part);

			var	knoppen_intro_outer	=	createElement(intro_start_screen,"knoppen_intro_outer","knoppen_intro_outer_"+chosen_part,'div')
				var	knoppen_intro_center	=	createElement(knoppen_intro_outer, null, null,'center')
					var	knoppen_intro	=	createElement(knoppen_intro_center,"knoppen_intro","knoppen_intro_"+chosen_part,'div')

						var	intro_prev	=	createElement(knoppen_intro,"intro_button","intro_prev_"+chosen_part,'div')
						var	intro_home	=	createElement(knoppen_intro,"intro_button","intro_home_"+chosen_part,'div')
						var	intro_next	=	createElement(knoppen_intro,"intro_button","intro_next_"+chosen_part,'div')

				var margin_left = ''
				
				if (BrowserDetect.browser == "Explorer")
				{margin_left = 1}
				else
				{margin_left = 2}

			
				
				if(page_nr == 1)		
				{
						create_clickable_icon("intro_prev_"+chosen_part, "intro_prev_inner", "icon_intro_prev", null, null, null,  "left", 0, option_b_o, option_f_o, "footer")
						create_clickable_icon("intro_home_"+chosen_part, "intro_home_inner", "icon_intro_home", "javascript:show_all_start_screens()",  "title_intro_home", null,  "left", margin_left, option_b_o, option_f_o, "footer")
						create_clickable_icon("intro_next_"+chosen_part, "intro_next_inner", "icon_intro_next", "javascript:show_more_details('"+chosen_part+"', '2')",  "title_intro_next", null,  "left", margin_left, option_b_o, option_f_o, "footer")
				}
				else if(page_nr == 2)
				{
						create_clickable_icon("intro_prev_"+chosen_part, "intro_prev_inner", "icon_intro_prev", "javascript:show_more_details('"+chosen_part+"', 1)", "title_intro_prev", null,  "left", 0, option_b_o, option_f_o, "footer")
						create_clickable_icon("intro_home_"+chosen_part, "intro_home_inner", "icon_intro_home", "javascript:show_all_start_screens()",  "title_intro_home", null,  "left", margin_left, option_b_o, option_f_o, "footer")
						create_clickable_icon("intro_next_"+chosen_part, "intro_next_inner", "icon_intro_next", "javascript:show_more_details('"+chosen_part+"', '3')",  "title_intro_next", null,  "left", margin_left, option_b_o, option_f_o, "footer")
				}
				else if(page_nr == 3)
				{
						if(chosen_part !== "travel")
						{
							create_clickable_icon("intro_prev_"+chosen_part, "intro_prev_inner", "icon_intro_prev", "javascript:show_more_details('"+chosen_part+"', '2')", "title_intro_prev", null,  "left", 0, option_b_o, option_f_o, "footer")
							create_clickable_icon("intro_home_"+chosen_part, "intro_home_inner", "icon_intro_home", "javascript:show_all_start_screens()",  "title_intro_home", null,  "left", margin_left, option_b_o, option_f_o, "footer")
							create_clickable_icon("intro_next_"+chosen_part, "intro_next_inner", "icon_intro_next", null,  null, null,  "left", margin_left, option_b_o, option_f_o, "footer")
						}
						else
						{						
							create_clickable_icon("intro_prev_"+chosen_part, "intro_prev_inner", "icon_intro_prev", "javascript:show_more_details('"+chosen_part+"', 2)", "title_intro_prev", null,  "left", 0, option_b_o, option_f_o, "footer")
							create_clickable_icon("intro_home_"+chosen_part, "intro_home_inner", "icon_intro_home", "javascript:show_all_start_screens()",  "title_intro_home", null,  "left", margin_left, option_b_o, option_f_o, "footer")
							create_clickable_icon("intro_next_"+chosen_part, "intro_next_inner", "icon_intro_next", "javascript:show_more_details('"+chosen_part+"', '4')",  "title_intro_next", null,  "left", margin_left, option_b_o, option_f_o, "footer")
						}
				}
				else if(page_nr == 4)
				{
						create_clickable_icon("intro_prev_"+chosen_part, "intro_prev_inner", "icon_intro_prev", "javascript:show_more_details('"+chosen_part+"', '3')", "title_intro_prev", null,  "left", 0, option_b_o, option_f_o, "footer")
						create_clickable_icon("intro_home_"+chosen_part, "intro_home_inner", "icon_intro_home", "javascript:show_all_start_screens()",  "title_intro_home", null,  "left", margin_left, option_b_o, option_f_o, "footer")
						create_clickable_icon("intro_next_"+chosen_part, "intro_next_inner", "icon_intro_next", null,  null, null,  "left", margin_left, option_b_o, option_f_o, "footer")
				}
				
				


}
function set_start_screens_begin(chosen_part)
{
//	debug("set_start_screens_begin: "+chosen_part)
		var intro_start_screen = document.getElementById('intro_start_screen_'+chosen_part);
			intro_start_screen.style.width = 230
		set_background_div('intro_start_screen_'+chosen_part, 100, "images/4_intro/"+getTrans.Translate("language_selected")+"_intro_"+chosen_part+".png")
		set_mouse_over_out_div('intro_start_screen_'+chosen_part, OpMo)
		set_mouse_down('intro_start_screen_'+chosen_part, "show_more_details('"+chosen_part+"', 1)")
		fill_intro_screen(chosen_part, 1)
}

function close_global_intro()
{
		//	debug("close_global_intro")
		if(document.getElementById('screen_global'))
		{
			var intro_global_div = document.getElementById('screen_global');
				intro_global_div.style.visibility = "hidden"
		}
		if(document.getElementById('intro_screen'))
		{
			var intro_screen = document.getElementById('intro_screen');
				intro_screen.style.visibility = "hidden" 
		}
		if(domain_uid == -1 && domain_gid == -1 )
		{
			if(treelzsystem	&&	treelzsystem.treelersocial)
			{
			}
			else
			{
				set_bu_footer_overview()
			}
		}
		
}

function show_from_menu_empty()
{
	var intro_screen_m_t = document.getElementById('intro_screen_m_t');
		intro_screen_m_t.innerHTML = ''
//		var	intro_screen_m_t_inner	=	createElement(intro_screen_m_t,"intro_screen_m_t_inner","intro_screen_m_t_inner",'div')
//			intro_screen_m_t_inner.style.backgroundColor = 'black'
}


function show_menu_extra_info()
{
	show_from_menu_empty()
	
	get_text("intro_screen_m_t", 'extra_info_text')
}
function show_from_menu_contact()
{
	show_from_menu_empty()
	
	get_text("intro_screen_m_t", 'contact_info')
}
function show_from_menu_terms_of_use()
{
	show_from_menu_empty()
	
	get_text("intro_screen_m_t", 'terms_of_use')
	
//	var	intro_screen_m_t_inner		=	document.getElementById("intro_screen_m_t_inner")
//	CSBfleXcroll(intro_screen_m_t_inner) 
}
function show_from_menu_links()
{
	show_from_menu_empty()

	get_text("intro_screen_m_t", 'links_intro')
/*
	var	content	=	''+getTrans.Translate("links_to_sites")
		content	+=	'<br	/><a target="_blank"	href="http://www.nederkaart.nl/" >www.nederkaart.nl</a>'
		content	+=	'<br	/><br	/><a target="_blank"	href="http://vakantiefoto.startkabel.nl/"	>vakantiefoto.startkabel.nl</a>'
		content	+=	'<br	/><br	/><a target="_blank"	href="http://google-earth.startkabel.nl/"	>google-earth.startkabel.nl</a>'
		content	+=	'<br	/><br	/><a target="_blank"	href="http://reisverhalen.startpagina.nl/"	>reisverhalen.startpagina.nl</a>'
	
	var	intro_screen_m_t		=	document.getElementById("intro_screen_m_t")
		intro_screen_m_t.innerHTML = content
*/}
function show_from_menu_commercial_use()
{
	show_from_menu_empty()

	get_text("intro_screen_m_t", 'commercial_use')
	
}


//*******************************************************//
//////////////////////////////////////////Intro Container//
//*******************************************************//
/*Intro container*/
function	load_content_intro()
{
	clickedon_intro()
	var	thediv_outer	=	document.getElementById("frame_intro")
		thediv_outer.innerHTML	=	'';
	var	thediv	=	document.getElementById("clientarea_inner_intro")
		thediv.innerHTML	=	''
	var	extra_info_div	=	createElement(thediv,"extra_info_div","extra_info_div",'div')
	var	intro_left	=	createElement(thediv,"intro_left","intro_left",'div')
	var	intro_left_inner	=	createElement(intro_left,"intro_left_inner","intro_left_inner",'div')
	var	intro_right	=	createElement(thediv,"intro_right","intro_right",'div')
	var	intro_right_inner	=	createElement(intro_right,"intro_right_inner","intro_right_inner",'div')
		intro_right_inner.innerHTML = ''
	var	intro_pictures	=	createElement(intro_right_inner,"intro_pictures","intro_pictures",'div')
	var	intro_messages	=	createElement(intro_right_inner,"intro_messages","intro_messages",'div')
	show_inintro_intro()
	pictures_intro(6, "0")
	messages_intro(6, "0")
	show_container("_intro")
	fill_titel_intro()
//	center_container("_intro", 25)
	fill_buttons_intro_div(intro_left_inner)
	CSBfleXcroll("extra_info_div")
	debug("CSBfleXcroll")
}
function	show_inintro_intro()
{
	urls.AddVariable("I", "i");
	urls.UpdateURL();
	var	extra_info_div		=	document.getElementById("extra_info_div")
		extra_info_div.innerHTML = ""
	var	center	=	createElement(extra_info_div,null,null,'center')
	var	intro	=	createElement(center,'intro','intro','div')
}
function	show_inintro_extra_info()
{
	urls.AddVariable("I", "x");
	urls.UpdateURL();
	get_text("extra_info_div", 'extra_info_text')
}
function	show_inintro_contact()
{
	urls.AddVariable("I", "c");
	urls.UpdateURL();
	get_text("extra_info_div", 'contact_info')
}
function	show_inintro_terms_of_use()
{
	urls.AddVariable("I", "t");
	urls.UpdateURL();
	get_text("extra_info_div", 'terms_of_use')
}
function	show_inintro_links()
{
	urls.AddVariable("I", "l");
	urls.UpdateURL();
	var	content	=	''+getTrans.Translate("links_to_sites")
		content	+=	'<br	/><a target="_blank"	href="http://www.nederkaart.nl/" >www.nederkaart.nl</a>'
		content	+=	'<br	/><br	/><a target="_blank"	href="http://geografie.startpagina.nl/" >geografie.startpagina.nl</a>'
		content	+=	'<br	/><br	/><a target="_blank"	href="http://vakantiefoto.startkabel.nl/"	>vakantiefoto.startkabel.nl</a>'
		content	+=	'<br	/><br	/><a target="_blank"	href="http://google-earth.startkabel.nl/"	>google-earth.startkabel.nl</a>'
		content	+=	'<br	/><br	/><a target="_blank"	href="http://reisverhalen.startpagina.nl/"	>reisverhalen.startpagina.nl</a>'
	var	extra_info_div		=	document.getElementById("extra_info_div")
		extra_info_div.innerHTML = content
}
function show_inintro_extra_info_fm()
{
	show_intro_container()
	show_inintro_extra_info()
}
function	show_intro_container_intro_fm()
{
	show_intro_container()
}
function	fill_buttons_intro_div(buttons_intro_div)
{
	buttons_intro_div.innerHTML	=	'<div class="intro_buttons">'+getTrans.Translate("register_a")+'</div'
	buttons_intro_div.innerHTML	+=	'<div class="intro_buttons">'+getTrans.Translate("extrainfo_a")+'</div'
	buttons_intro_div.innerHTML	+=	'<div class="intro_buttons">'+getTrans.Translate("lookaround_a")+'</div'
	document.getElementById("register_a").title=getTrans.Translate("title_register_a")
	document.getElementById("extrainfo_a").title=getTrans.Translate("title_extrainfo_a")
	document.getElementById("lookaround_a").title=getTrans.Translate("title_lookaround_a");
}
function pictures_intro(number, limit)
{
	var	type	=	4
	var intro_pictures = document.getElementById("intro_pictures")
	intro_pictures.innerHTML = '<img src="images/indicator.gif" alt="">'
	var msgcacher	=	getMessageCacher();
	msgcacher.getLatestMessagesOnePerUser(limit,number,type,function(msgs)
	{
		// verzamel eerst de uids
		var uids= []
		for(i in msgs)
		{
			var uid = msgs[i].userid;
			uids[uid] = uid
		}
		treelzsystem.users.getMultiple(uids,function(users)
		{
			intro_pictures.innerHTML = ''
			// now
			for(i in msgs)
			{
				var msg = msgs[i]
				var usr = users[msg.userid]
				intro_pictures.innerHTML	+=	"<div class=\"pictures_overview_div\">   <a	class=\"pictures_overview_a\"	href=\"javascript:Screen_ShowMessageDetails_from_intro("+msg.id+")\"><img	 height='51'	src='imageshow.php?thumb=true%20&h=51%20&imageid="+msg.picture_id+"' title='"+usr.firstname+"'></a></div>";
			} 
		}
		);
	}
	);
}
function messages_intro(number, limit)
{
	var	type	=	1
	var intro_messages = document.getElementById("intro_messages")
		//intro_messages.innerHTML = ''
		intro_messages.innerHTML = '<img src="images/indicator.gif" alt="">'
	var msgcacher	=	getMessageCacher();
	msgcacher.getLatestMessagesOnePerUser(limit,number,type,function(msgs)
	{
		// verzamel eerst de uids
		var uids= []
		for(i in msgs)
		{
			var uid = msgs[i].userid;
			uids[uid] = uid
		}
		treelzsystem.users.getMultiple(uids,function(users)
		{
			// now
			intro_messages.innerHTML = ''
			for(i in msgs)
			{
				var msg = msgs[i]
				var usr = users[msg.userid]
				intro_messages.innerHTML	+=	"<img	class='	height='16'	src='imageshow.php?thumb=true&h=16&imageid="	+	usr.picture_id	+"'>"	+	usr.firstname	+	":<a		href=\"javascript:Screen_ShowMessageDetails_from_intro("+msg.id+")\">"+msg.title	+"</a><br>";
			} 
		}
		);
	}
	);
}
/*
Yahoo lib. supports jsondata :)
*/

//var jsonMenu = new YAHOO.widget.Menu("basicmenu", { fixedcenter: true });

/* Einde Melle's testje */

		function doMenu(td,wm)
		{

				clearTimeout(eval("ti"+wm));
				//	td.style.backgroundColor=hlBgColor;
				//	td.style.color=hlColor;
				var i;
				var sT="";
				var tda=new Array();
				tda=td.id.split("_");
				if(oTd!=null){
						var tdo=new Array();
						tdo=oTd.id.split("_");
						if(tdo[0].substr(2,1)==wm){
								for(i=1;i<tdo.length;i++){
										sT+="_"+tdo[i];

										if(tdo[i]!=tda[i]){
												//				  document.getElementById("td"+wm+sT).style.backgroundColor=tdBgColor;
												//				  document.getElementById("td"+wm+sT).style.color=tdColor;
												if(document.getElementById("tbl"+wm+sT)!=null)
												document.getElementById("tbl"+wm+sT).style.visibility="hidden";
										}
								}
						}
				}
				oTd=td;
				sT="tbl"+wm;
				for(i=1;i<tda.length;i++)
				sT+="_"+tda[i];
				if(document.getElementById(sT)!=null)
				document.getElementById(sT).style.visibility="inherit";
		}

		function clearMenu(wm)
		{
				if(oTd!=null)
				{
						var tdo=new Array();
						tdo=oTd.id.split("_");
						//if(tdo[0].substr(2,1)!=wm){
						//var tdotdo=tdo[0].substr(2,1);
						//var debug=document.getElementById("debug");var debugtekst=debug.innerHTML;
						//debugtekst+="opdracht: close menu "+wm+"<br>current: "+tdotdo+"<br>TODO: fix<br>";debug.innerHTML=debugtekst;
						//}
						var sT="";
						for(var i=1;i<tdo.length;i++){


								sT+="_"+tdo[i];


								//			  document.getElementById("td"+wm+sT).style.backgroundColor=tdBgColor;
								//			  document.getElementById("td"+wm+sT).style.color=tdColor;
								if(document.getElementById("tbl"+wm+sT)!=null)
								document.getElementById("tbl"+wm+sT).style.visibility="hidden";
						}
						oTd=null;

				}
		}

		function runMenu(strURL){
				location.href=strURL;
		}





		function getCoord(st,wm){
				tA=st.split("_");
				if(tA.length>2){
						tA=tA.slice(0,-1);
						tt=tA.join("_");
						return (document.getElementById("tbl"+wm+tt).offsetTop+document.getElementById("td"+wm+st).offsetTop+0)+"px;left:"+
						(document.getElementById("tbl"+wm+tt).offsetLeft+document.getElementById("td"+wm+st).offsetWidth-2)+"px\">";
				}
				return (document.getElementById("mainmenu"+wm).offsetTop+document.getElementById("td"+wm+st).offsetTop+60)+"px;left:"+
				(document.getElementById("mainmenu"+wm).offsetLeft+document.getElementById("td"+wm+st).offsetLeft+((eval(wm==1))?20:500))+"px\">";
		}

		//var tdColor="#b0b0b0";		// menu item text color
		//var tdBgColor="#181818";	// menu item background color
		//var hlColor="#FFFFFF";		// highlight text color
		//var hlBgColor="#3c3c3c";	// highlight background color
		//	After change, modify same values in your *.css file

		//var tdColor="#b0b0b0";		// menu item text color
		//var tdBgColor="#181818";	// menu item background color
		//var hlColor="#FFFFFF";		// highlight text color
		//var hlBgColor="#3c3c3c";	// highlight background color
		//	After change, modify same values in your *.css file


		var md=250; // menu veweghalen delaytijd in ms
		var oTd=new Object;
		oTd=null;
		var ti1=-1;
		function constructMenu(wmc)
		{

				var tt="";
				var sT="";
				var pT=new Array();
				var tA=new Array();


				var sH="<div id=\"menutablediv"+wmc+"\"><table class=\"menu\" id=\"mainmenu"+wmc+"\" cellspacing=\"0\"><tr>";
				var p=0;
				var j=0;
				while(eval("typeof(td"+wmc+"_"+ (++j) +")!=\"undefined\"")){
						sH+="<td id=\"td"+wmc+"_"+j+"\" onmouseover=\"doMenu(this,"+wmc+")\" onmouseout=\"ti"+wmc+"=setTimeout('clearMenu("+wmc+")',md)\"";
						sH+=(eval("typeof(url"+wmc+"_"+j+")!=\"undefined\""))?" onclick=\"runMenu('"+eval("url"+wmc+"_"+j)+"')\">":"><a>";
						sH+=eval("td"+wmc+"_"+j)+"</a></td>";
						if (eval("typeof(td"+wmc+"_"+j+"_1)!=\"undefined\""))
						pT[p++]="_"+j;
				}
				sH+="</tr></table></div>";
				document.write(sH);
				for(var q=0;typeof(pT[q])!="undefined";q++){
						sT=pT[q];
						sH="";
						j=0;
						sH+="<table class=\"menu\" id=\"tbl"+wmc+sT+"\" cellspacing=\"0\" style=\"top:"+getCoord(sT,wmc);
						while (eval("typeof(td"+wmc+sT+"_"+ (++j) +")!=\"undefined\"")){
								sH+="<tr class=\"submenu\" onmouseover=\"set_background_hover(this)\" onmouseout=\"set_background_normal(this)\"><td  id=\"td"+wmc+sT+"_"+j+"\" onmouseover=\"doMenu(this,"+wmc+")\" onmouseout=\"ti"+wmc+"=setTimeout('clearMenu("+wmc+")',md)\"";
								sH+=(eval("typeof(url"+wmc+sT+"_"+j+")!=\"undefined\""))?" onclick=\"runMenu('"+eval("url"+wmc+sT+"_"+j)+"')\">":"><a>";
								sH+=eval("td"+wmc+sT+"_"+j)+"</a></td></tr>";
								if (eval("typeof(td"+wmc+sT+"_"+j+"_1)!=\"undefined\""))
								pT[p++]=sT+"_"+j;
						}
						sH+="</table>";
						document.write(sH);
				}
				document.getElementById("mainmenu"+wmc).style.visibility="inherit";
		}



		function set_background_hover(tr)
		{
				//alert(tr)
				tr.setAttribute('className',"menu_hover")
				tr.setAttribute('class',"menu_hover")
		}
		function set_background_normal(tr)
		{
				//	alert("green")
				tr.setAttribute('className',"submenu")
				tr.setAttribute('class',"submenu")
		}
/*overview*/


var which_overview = ""

function	load_content_view()
{
	which_overview = "general"
	load_overview()
	show_new(0)
	set_bu_footer_overview_var = 0
	
	
//	document.getElementById("bu_footer_overview").setAttribute('class',"footer_buttons bu_footer_overview_active")
//	document.getElementById("bu_footer_overview").setAttribute('className',"footer_buttons bu_footer_overview_active")
}
function load_content_view_groups(groupid)
{
	which_overview = "groups"
	load_overview(groupid)
	show_new(0)
	set_bu_footer_overview_var = 0
//	document.getElementById("bu_footer_overview").setAttribute('class',"footer_buttons bu_footer_overview_active")
//	document.getElementById("bu_footer_overview").setAttribute('className',"footer_buttons bu_footer_overview_active")
}
function	show_search_fm()
{
	load_overview()
	show_search()
	select_this("search")
}
function	show_treelerz_friends_fm()
{
	if(treelzsystem	&&	treelzsystem.treelersocial)
	{
		load_overview()
		select_clear_upper()
		select_this("treelerz")
		show_treelerz_friends()
	}
	else
	{
		show_treelz_alert("not_loggedin_friends")
	}
}
function	show_treelerz_all_fm()
{
	load_overview()
	select_clear_upper()
	select_this("treelerz")
	show_treelerz_all()
}
function	show_treelerz_new_fm()
{
	load_overview()
	select_clear_upper()
	select_this("treelerz")
	show_treelerz_new()
}
function	load_overview(groupid)
{
	if(groupid)
	{
	clickedon_overview_groups(groupid)
	}
	else
	{
	clickedon_overview()
	}
	build_overview()
	show_container("_view")
}
function	build_overview()
{
	var	clientarea_inner_view	=	document.getElementById("clientarea_inner_view")
		clientarea_inner_view.innerHTML	=	''
	var	thediv_outer	=	document.getElementById("frame_view")
		thediv_outer.innerHTML	=	'';
	create_scroll_targetdivs("frame_view", "_view")
		var	menu_overview	=	createElement(clientarea_inner_view,'menu_overview','menu_overview','div')
			var	menu_overview_upper	=	createElement(menu_overview,'menu_overview_upper','menu_overview_upper','div')
				var	center	=	createElement(menu_overview_upper,null,null,'center')
					var	new_a	=	createElement(center,'menu_overview_a','new_a','a')
						new_a.href	=	"javascript:show_new()"
						new_a.innerHTML	=	getTrans.Translate("new")
					var	treelerz_a	=	createElement(center,'menu_overview_a','treelerz_a','a')
						treelerz_a.href	=	"javascript:show_treelerz()"
						treelerz_a.innerHTML	=	getTrans.Translate("treelerz")
					var	friends_a	=	createElement(center,'menu_overview_a','friends_a','a')
						friends_a.href	=	"javascript:show_friends()"
						friends_a.innerHTML	=	getTrans.Translate("friends")
					var	search_a	=	createElement(center,'menu_overview_a','search_a','a')
						search_a.href	=	"javascript:show_search()"
						search_a.innerHTML	=	getTrans.Translate("search")
		var	search_overview	=	createElement(clientarea_inner_view,'search_overview','search_overview','div')
		var	targetdiv_overview	=	createElement(clientarea_inner_view,'targetdiv_overview','targetdiv_overview','div')
	if(treelzsystem	&&	treelzsystem.treelersocial)
	{
		var	do_not_show_box		=	createElement(thediv_outer,"do_not_show_box","do_not_show_box_view",'div')
			do_not_show_box.innerHTML	=	"<input	type=\"checkbox\"	onClick='changeOverviewStarted_Startup(this)'	id='overviewshowcheckbox'/>"+getTrans.Translate("Show_on_startup")
		treelzsystem.treelersocial.getSetting('show_overview',function(overviewsetting)
		{
			if(overviewsetting	==	1)		//	getting	started
			{
				document.getElementById('overviewshowcheckbox').checked	=	true
			}
			else
			{
				document.getElementById('overviewshowcheckbox').checked	=	false
			}
		}
		);
	}
}
function	changeOverviewStarted_Startup(checkbox)
{
	var	value	=	"0"
	if(checkbox.checked	==	true)
	{
		value	=	1
	}
	else
	{
		value	=	"0"
	}
	if(treelzsystem	&&	treelzsystem.treelersocial)
	{
		treelzsystem.treelersocial.setSetting('show_overview',value,function(setting)
		{
		}
		);
	}
}
function	show_new()
{
	select_clear_upper()
	select_this("new")
	show_new_all()
	var	search_overview	=	document.getElementById("search_overview")
		search_overview.innerHTML	=	''
	clear_scroll_overview()
}
function	show_friends()
{
	select_clear_upper()
	select_this("friends")
	show_treelerz_friends()
	var	search_overview	=	document.getElementById("search_overview")
		search_overview.innerHTML	=	''
}
function	show_treelerz()
{
	select_clear_upper()
	select_this("treelerz")
	show_treelerz_all()
	var	search_overview	=	document.getElementById("search_overview")
		search_overview.innerHTML	=	''
}
function	show_search()
{
//	urls.AddVariable("V", "s");
//	urls.UpdateURL();
	var	targetdiv_overview	=	document.getElementById("targetdiv_overview")
		targetdiv_overview.innerHTML	=	''
	select_clear_upper()
	select_this("search")
	Screen_SearchUsers()
	clear_scroll_overview()
}
function	select_this(type)
{
	var	type_a	=	document.getElementById(type+"_a")
		type_a.style.backgroundColor	=	"#666666"
		type_a.style.color	=	"white"
}
function	select_clear_upper()
{
	document.getElementById("new_a").style.backgroundColor	=	""
	document.getElementById("friends_a").style.backgroundColor	=	""
	document.getElementById("treelerz_a").style.backgroundColor	=	""
	document.getElementById("search_a").style.backgroundColor	=	""
}
function	select_clear_lower_new()
{
}
function	select_clear_lower_treelerz()
{
}
function	fill_menu_overview_lower_new()
{
	var	menu_overview_lower	=	document.getElementById("menu_overview_lower")
		menu_overview_lower.innerHTML	=	''
	var	center	=	createElement(menu_overview_lower,null,null,'center')
	var	new_all_a	=	createElement(center,'menu_overview_a','new_all_a','a')
		new_all_a.href	=	"javascript:show_new_all()"
		new_all_a.innerHTML	=	getTrans.Translate("all")
	var	new_pictures_a	=	createElement(center,'menu_overview_a','new_pictures_a','a')
		new_pictures_a.href	=	"javascript:show_new_pictures()"
		new_pictures_a.innerHTML	=	getTrans.Translate("pictures")
	var	new_messages_a	=	createElement(center,'menu_overview_a','new_messages_a','a')
		new_messages_a.href	=	"javascript:show_new_messages()"
		new_messages_a.innerHTML	=	getTrans.Translate("messages")
	var	new_treelerz_a	=	createElement(center,'menu_overview_a','new_treelerz_a','a')
		new_treelerz_a.href	=	"javascript:show_new_treelerz()"
		new_treelerz_a.innerHTML	=	getTrans.Translate("treelerz")
}
function	fill_menu_overview_lower_treelerz()
{
	var	menu_overview_lower	=	document.getElementById("menu_overview_lower")
		menu_overview_lower.innerHTML	=	''
	var	center	=	createElement(menu_overview_lower,null,null,'center')
	var	treelerz_all_a	=	createElement(center,'menu_overview_a','treelerz_all_a','a')
		treelerz_all_a.href	=	"javascript:show_treelerz_all()"
		treelerz_all_a.innerHTML	=	getTrans.Translate("all")
	var	treelerz_new_a	=	createElement(center,'menu_overview_a','treelerz_new_a','a')
		treelerz_new_a.href	=	"javascript:show_treelerz_new()"
		treelerz_new_a.innerHTML	=	getTrans.Translate("new")
	var	treelerz_friends_a	=	createElement(center,'menu_overview_a','treelerz_friends_a','a')
		treelerz_friends_a.href	=	"javascript:show_treelerz_friends()"
		treelerz_friends_a.innerHTML	=	getTrans.Translate("friends");
}
function	show_new_all()
{
//	urls.AddVariable("V", "i");
//	urls.UpdateURL();
	select_clear_lower_new()
	var	targetdiv_overview	=	document.getElementById("targetdiv_overview")
		targetdiv_overview.innerHTML	=	''
	show_newest_pictures(5, "0")
	show_newest_messages(5, "0")
	show_newest_treelerz(5, "0")
	document.getElementById("newest_pictures").style.height	=	60
	document.getElementById("newest_messages").style.height	=	95
	document.getElementById("newest_treelerz").style.height	=	72
}
function	show_new_pictures()
{
//	urls.AddVariable("V", "p");
//	urls.UpdateURL();
	select_clear_lower_new()
	var	targetdiv_overview	=	document.getElementById("targetdiv_overview")
		targetdiv_overview.innerHTML	=	''
	show_newest_pictures(20, "0")
	document.getElementById("newest_pictures").style.height	=	""
}
function	show_new_messages()
{
//	urls.AddVariable("V", "m");
//	urls.UpdateURL();
	select_clear_lower_new()
	var	targetdiv_overview	=	document.getElementById("targetdiv_overview")
		targetdiv_overview.innerHTML	=	''
	show_newest_messages(15, "0")
	document.getElementById("newest_messages").style.height	=	""
	}
function	show_new_treelerz()
{
//	urls.AddVariable("V", "nt");
//	urls.UpdateURL();
	select_clear_lower_new()
	var	targetdiv_overview	=	document.getElementById("targetdiv_overview")
		targetdiv_overview.innerHTML	=	''
	show_newest_treelerz(20, "0")
	document.getElementById("newest_treelerz").style.height	=	""
}
function	show_treelerz_all()
{
//	urls.AddVariable("V", "at");
//	urls.UpdateURL();
	select_clear_lower_treelerz()
	fill_treelerz_all(3,"0")
}
function	show_treelerz_new()
{
//	urls.AddVariable("V", "tn");
//	urls.UpdateURL();
	select_clear_lower_treelerz()
	fill_treelerz_new(3,"0")
}
function	show_treelerz_friends()
{
//	urls.AddVariable("V", "tf");
//	urls.UpdateURL();
	if(treelzsystem	&&	treelzsystem.treelersocial)
	{
		select_clear_lower_treelerz()
		fill_treelerz_friends(3, "0")
	}
	else
	{
		show_treelz_alert("not_loggedin_friends")
	}
}
function	show_newest_pictures(number, limit)
{
	var	targetdiv_overview	=	document.getElementById("targetdiv_overview")
	var newlimit = 20;
	var otherway = 20;
	if (document.getElementById("newest_pictures") == null) 
	{
		var newest_pictures_outer = createElement(targetdiv_overview,'newest_pictures_outer','newest_pictures_outer','div')
		var	newest_pictures_a	=createElement(newest_pictures_outer,'newest_a','newest_pictures_a','a')
			newest_pictures_a.innerHTML	=	getTrans.Translate("newest_pictures");
			newest_pictures_a.href	=	"javascript:show_new_pictures()"
		var	newest_pictures	=createElement(newest_pictures_outer,'newest_pictures','newest_pictures','div')
		var	newest_pictures_arrows	=createElement(newest_pictures_outer,'newest_arrows','newest_pictures_arrows','div')
	}
	else 
	{
		var newest_pictures = document.getElementById("newest_pictures");
		var newest_pictures_a = document.getElementById("newest_pictures_a");
		var newest_pictures_arrows = document.getElementById("newest_pictures_arrows");
	}
	newest_pictures.innerHTML	=	"<img	src='images/indicator.gif'>";
	GiveMe	=	new	getMessageCacher();
	var	langs	=	[]
	//var	number	=	5
	var	type	=	4
	limit = parseInt(limit);
	newlimit = limit + number;
	otherway = limit - number;
	if (otherway < 0) {otherway = 0}
	if (limit == 0) 
	{
		limit = "0";
	}
	treelzsystem.users.getUsersWithLatestMessages(number,limit,type,function(usrs, rows)
	{
		if (limit != "0") 
		{
			newest_pictures_arrows.innerHTML = "<a class=\"arrow_left_newest\" href='javascript:show_newest_pictures("+number+","+otherway+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"6\"	height=\"10\"alt=\"\"></a>";
		}
		else 
		{ 
			newest_pictures_arrows.innerHTML = ""; 
		}
		if (rows == number) 
		{
			newest_pictures_arrows.innerHTML += " <a class=\"arrow_right_newest\" href='javascript:show_newest_pictures("+number+","+newlimit+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"6\"	height=\"10\"alt=\"\"></a>";
		}
		newest_pictures.innerHTML = "";
		var fadedline_b_div_outer_overview = createElement(newest_pictures,"fadedline_b_div_outer_overview",null,'div');
		var center = createElement(fadedline_b_div_outer_overview,null,null,'center');
		var fadedline_b_div = createElement(center,"fadedline_b_div",null,'div');
		for(id	in	usrs)
		{
			var	usr	=	usrs[id]
			if(usr)
			{
				usr.getLatestMessages(1,type,function(msg_temps)	//	number,	type
				{
					for(i	in	msg_temps)
					{
						var msg	=	msg_temps[i]
						treelzsystem.users.getUser(msg.userid,true,function(usr)
						{
							newest_pictures.innerHTML	+=	"<div class=\"pictures_overview_div\">   <a	class=\"pictures_overview_a\"	href=\"javascript:Screen_ShowMessageDetails_from_container("+msg.id+")\"><img	 height='51'	src='imageshow.php?thumb=true%20&h=51%20&imageid="+msg.picture_id+"' title='"+usr.firstname+"'></a></div>";
						}
						);
					}
				}
				);
			}
		}
	}
	);
}
function	show_newest_messages(number, limit)
{
	var	targetdiv_overview	=	document.getElementById("targetdiv_overview")
	if (document.getElementById("newest_messages") == null) 
	{
		var newest_messages_outer = createElement(targetdiv_overview,'newest_messages_outer','newest_messages_outer','div')
		var	newest_messages_a	=createElement(newest_messages_outer,'newest_a','newest_messages_a','a')
			newest_messages_a.innerHTML	=	getTrans.Translate("newest_messages");
			newest_messages_a.href	=	"javascript:show_new_messages()"
		var	newest_messages	=createElement(newest_messages_outer,'newest_messages','newest_messages','div')
		var	newest_messages_arrows	=createElement(newest_messages_outer,'newest_arrows','newest_messages_arrows','div')
	}
	else 
	{
		var newest_messages = document.getElementById("newest_messages");
		var newest_messages_a = document.getElementById("newest_messages_a");
		var newest_messages_arrows = document.getElementById("newest_messages_arrows");
	}
	newest_messages.innerHTML	=	"<img src='images/indicator.gif'>";
	var	langs	=	[]
	//var	number	=	5
	var	type	=	1
	limit = parseInt(limit);
	newlimit = limit + number;
	otherway = limit - number;
	if (otherway < 0) 
	{
		otherway = 0
	}
	if (limit == 0) 
	{
		limit = "0";
	}
	treelzsystem.users.getUsersWithLatestMessages(number,limit,type,function(usrs, rows)
	{
		if (limit != "0") 
		{
			newest_messages_arrows.innerHTML = "<a class=\"arrow_left_newest\" href='javascript:show_newest_messages("+number+","+otherway+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"6\"	height=\"10\"alt=\"\"></a>";
		}
		else 
		{ 
			newest_messages_arrows.innerHTML = ""; 
		}
		if (rows == number) 
		{
			newest_messages_arrows.innerHTML += " <a class=\"arrow_right_newest\" href='javascript:show_newest_messages("+number+","+newlimit+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"6\"	height=\"10\"alt=\"\"></a>";
		}
		newest_messages.innerHTML	=	"";
		var fadedline_b_div_outer_overview = createElement(newest_messages,"fadedline_b_div_outer_overview",null,'div');
		var center = createElement(fadedline_b_div_outer_overview,null,null,'center');
		var fadedline_b_div = createElement(center,"fadedline_b_div",null,'div');
		for(id	in	usrs)
		{
			var	usr	=	usrs[id]
			if(usr)
			{
				usr.getLatestMessages(1,type,function(msg_temps)	//	number,	type
				{
					for(i	in	msg_temps)
					{
						var msg	=	msg_temps[i]
						treelzsystem.users.getUser(msg.userid,true,function(usr)
						{
							newest_messages.innerHTML	+=	"<img	class='	height='16'	src='imageshow.php?thumb=true&h=16&imageid="	+	usr.picture_id	+"'>"	+	usr.firstname	+	":<a		href=\"javascript:Screen_ShowMessageDetails_from_container("+msg.id+")\">"+msg.title	+"</a><br>";
						}
						);
					}
				}
				);
			}
		}
	}
	);
}
function	show_newest_treelerz(number, limit)
{
	var newlimit = 20;
	var otherway = 20;
	limit = parseInt(limit);
	newlimit = limit + number;
	otherway = limit - number;
	if (otherway < 0) 
	{
		otherway = 0
	}
	if (limit == 0) 
	{
		limit = "0";
	}
	var	targetdiv_overview=	document.getElementById("targetdiv_overview")
	if (document.getElementById("newest_treelerz") == null) 
	{
		var newest_treelerz_outer = createElement(targetdiv_overview,'newest_treelerz_outer','newest_treelerz_outer','div')
		var	newest_treelerz_a	=createElement(newest_treelerz_outer,'newest_a','newest_treelerz_a','a')
			newest_treelerz_a.innerHTML	=	getTrans.Translate("newest_treelerz");
			newest_treelerz_a.href	=	"javascript:show_new_treelerz()"
		var	newest_treelerz	=createElement(newest_treelerz_outer,'newest_treelerz','newest_treelerz','div')
		var	newest_treelerz_arrows	=createElement(newest_treelerz_outer,'newest_arrows','newest_treelerz_arrows','div')
	}
	else 
	{
		var newest_treelerz = document.getElementById("newest_treelerz");
		var newest_treelerz_a = document.getElementById("newest_treelerz_a");
		var newest_treelerz_arrows = document.getElementById("newest_treelerz_arrows");
	}
	newest_treelerz.innerHTML	=	"<img	src='images/indicator.gif'>";
	
	treelzsystem.users.getLatestUsers(number,limit,function(usrs, rows)
	{
		if (limit != "0") 
		{
			newest_treelerz_arrows.innerHTML = "<a class=\"arrow_left_newest\" href='javascript:show_newest_treelerz("+number+","+otherway+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"6\"	height=\"10\"alt=\"\"></a>";
		}
		else 
		{ 
			newest_treelerz_arrows.innerHTML = ""; 
		}
		if (rows == number) 
		{
			newest_treelerz_arrows.innerHTML += " <a class=\"arrow_right_newest\" href='javascript:show_newest_treelerz("+number+","+newlimit+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"6\"	height=\"10\"alt=\"\"></a>";
		}
		newest_treelerz.innerHTML	=	"";
		var fadedline_b_div_outer_overview = createElement(newest_treelerz,"fadedline_b_div_outer_overview",null,'div');
		var center = createElement(fadedline_b_div_outer_overview,null,null,'center');
		var fadedline_b_div = createElement(center,"fadedline_b_div",null,'div');
		for	(i	in	usrs)
		{
			var	usr	=	usrs[i]
			if (usr.id != null) 
			{ 
// deze regel hieronder weg commentariseren, en het probleem in IE van het vastlopen bij openen overview is weg				
				newest_treelerz.innerHTML	+=	"<div	class=\"userpic_overview\"><a	class=\"userpic_overview_a\"	href=\"javascript:Screen_InitSideBarUserProfile("+usr.id+")\"><img	height='50'	src='imageshow.php?thumb=true&h=50&imageid="+usr.picture_id	+	"'	title='"+	usr.nickname	+"'></a><br	/><a href=\"javascript:Screen_InitSideBarUserProfile("+usr.id+")\" class=\"name_under_userpic\">"+usr.firstname+"</a></div>";
// Met alleen de userpic doet ie het ook niet:		
	//			newest_treelerz.innerHTML	+=	"<div	class=\"userpic_overview\"><a	class=\"userpic_overview_a\"	href=\"javascript:Screen_InitSideBarUserProfile("+usr.id+")\"><img	height='50'	src='imageshow.php?thumb=true&h=50&imageid="+usr.picture_id	+	"'	title='"+	usr.nickname	+"'></a></div>";
// Met alleen de naam doet ie het wel:		
	//			newest_treelerz.innerHTML	+=	"<br	/><a href=\"javascript:Screen_InitSideBarUserProfile("+usr.id+")\" class=\"name_under_userpic\">"+usr.firstname+"</a></div>";
// Zonder de imageshow doet ie het wel: (eruitgehaald: src='imageshow.php?thumb=true&h=50&imageid="+usr.picture_id+"' )		
	//			newest_treelerz.innerHTML	+=	"<div	class=\"userpic_overview\"><a	class=\"userpic_overview_a\"	href=\"javascript:Screen_InitSideBarUserProfile("+usr.id+")\"><img	height='50'		title='"+	usr.nickname	+"'></a><br	/><a href=\"javascript:Screen_InitSideBarUserProfile("+usr.id+")\" class=\"name_under_userpic\">"+usr.firstname+"</a></div>";
// En met alleen die imagshow (ook met show_newest_pictures(5, "0") en show_newest_messages(5, "0") uit (r229-230)) 
// Loopt ie ook vast:
	//			newest_treelerz.innerHTML	+=	"<img height='50' src='imageshow.php?thumb=true&h=50&imageid="+usr.picture_id	+"'>";
			}
		}
	}
	);
}
function	Screen_SearchUsers()
{
var	thediv	=	document.getElementById("search_overview")
thediv.innerHTML	=	'<div	id="searchname_outer"><div	id="searchname_bg"></div><div	id="searchname"><form	onSubmit="search_treeler();	return	false"><div	id="bu_searchname"><input	type="image"		src="images/achtergronden/empty_bu_search.gif"></div><div	id="field_searchname"><input	class="input_searchonmap"	type="text"			id="search_treeler_voorachternaam"	onFocus="if(this.value	==	getTrans.Translate(\'first_or_surname\'))	{this.value	=	\'\';}"/></div></form></div></div>';
document.getElementById("search_treeler_voorachternaam").value	=	getTrans.Translate("first_or_surname");
}
function	search_treeler()
{
	var	theinput	=	document.getElementById("search_treeler_voorachternaam")
	var	thesearchvalue	=	theinput.value
	var	thediv	=	document.getElementById("targetdiv_overview")
		thediv.innerHTML	=	'<div	id="opvuldiv"></div><div	id="searchname"><form><div	id="bu_searchname"><input	type="image"	onClick="search_treeler();	return	false"	src="images/achtergronden/empty_bu_search.gif"></div><div	id="field_searchname"><input	class="input_searchonmap"	type="text"			id="search_treeler_voorachternaam"	value="'+thesearchvalue+'";}"	/></div></form></div><div	id="resultsdiv"></div>';
	document.getElementById('resultsdiv').innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
	
	treelzsystem.users.searchPerson(theinput.value,function(usrs)
	{
		Screen_User_fillLatestUserDiv(usrs)
	}
	);
}
/*
function	Screen_User_showGroupLatest(groupid)
{

document.getElementById("resultsdiv").innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
treelzsystem.treelersocial.getGroupUsersWithLatestMessages(get_number_users,groupid,function(usrs)
{
Screen_User_fillLatestUserDiv(usrs)
}
);
//TODO	setSelectGroupID(groupid)
}
*/
function	fill_treelerz_new(number, start)
{
	var TargetDiv = document.getElementById("targetdiv_overview");
	document.getElementById("targetdiv_overview").innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
	var scroll_left_view = document.getElementById("scroll_left_view");
	var scroll_right_view = document.getElementById("scroll_right_view");
	start = parseInt(start);
	newstart = start + number;
	otherway = start - number;
	if (otherway < 0) 
	{
		otherway = 0
	}
	if (start == 0) 
	{
	start = "0";
	}
	treelzsystem.users.getLatestUsers(number,start,function(usrs, rows)
	{
		Screen_User_fillLatestUserDiv(usrs)
		if (start != "0") 
		{
			scroll_left_view.innerHTML = "<a class=\"scroll_left_a_bg\"></a><a class=\"scroll_left_a\" href='javascript:fill_treelerz_new("+number+","+otherway+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"17\"	height=\"16\"alt=\"\"></a>";
		}
		else 
		{ 
			scroll_left_view.innerHTML = ""; 
		}
		if (rows == number) 
		{
			scroll_right_view.innerHTML = " <a class=\"scroll_right_a_bg\"></a><a class=\"scroll_right_a\" href='javascript:fill_treelerz_new("+number+","+newstart+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"17\"	height=\"16\"alt=\"\"></a>";
		}
	}
	);
}
function	fill_treelerz_all(number, start)
{
	var TargetDiv = document.getElementById("targetdiv_overview");
	document.getElementById("targetdiv_overview").innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
	var scroll_left_view = document.getElementById("scroll_left_view");
	var scroll_right_view = document.getElementById("scroll_right_view");
	start = parseInt(start);
	newstart = start + number;
	otherway = start - number;
	if (otherway < 0) 
	{
		otherway = 0
	}
	if (start == 0) 
	{
		start = "0";
	}
	treelzsystem.users.getUsersWithLatestMessages(number,start,"treelerz",function(usrs, rows)
	{
		Screen_User_fillLatestUserDiv(usrs)
		if (start != "0") 
		{
			scroll_left_view.innerHTML = "<a class=\"scroll_left_a_bg\"></a><a class=\"scroll_left_a\" href='javascript:fill_treelerz_all("+number+","+otherway+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"17\"	height=\"16\"alt=\"\"></a>";
		}
		else 
		{
			scroll_left_view.innerHTML = ""; 
		}
		if (rows == number) 
		{
			scroll_right_view.innerHTML = "<a class=\"scroll_right_a_bg\"></a><a class=\"scroll_right_a\" href='javascript:fill_treelerz_all("+number+","+newstart+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"17\"	height=\"16\"alt=\"\"></a>";
		}
	}
	);
}
function	fill_treelerz_friends(number, start)
{
	var TargetDiv = document.getElementById("targetdiv_overview");
	document.getElementById("targetdiv_overview").innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
	var scroll_left_view = document.getElementById("scroll_left_view");
	var scroll_right_view = document.getElementById("scroll_right_view");
	start = parseInt(start);
	newstart = start + number;
	otherway = start - number;
	if (otherway < 0) 
	{
		otherway = 0
	}
	if (start == 0) 
	{
		start = "0";
	}
	
	treelzsystem.treelersocial.getGroupUsersWithLatestMessages(number,start,null,function(usrs, rows)
	{
		Screen_User_fillLatestUserDiv(usrs)
		if (start != "0") 
		{
			scroll_left_view.innerHTML =" <a class=\"scroll_left_a_bg\"></a><a class=\"scroll_left_a\" href='javascript:fill_treelerz_friends("+number+","+otherway+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"17\"	height=\"16\"alt=\"\"></a>";
		}
		else 
		{ 
			scroll_left_view.innerHTML = ""; 
		}
		if (rows == number) 
		{
			scroll_right_view.innerHTML = " <a class=\"scroll_right_a_bg\"></a><a class=\"scroll_right_a\" href='javascript:fill_treelerz_friends("+number+","+newstart+")'><img	src=\"images/knoppen-titels/empty_icons/empty_1x1.gif\"	width=\"17\"	height=\"16\"alt=\"\"></a>";
		}
	}
	);
}
function	Screen_User_fillLatestUserDiv(usrs)
{
	var	maxi	=	number_long;
	var current_users	=	usrs
	if(kortelijst)
	{
		maxi	=	number_short;
	}
	var	resultsdiv=	document.getElementById("targetdiv_overview")
		resultsdiv.innerHTML	=	''
	var	counter	=	0;
	if(usrs.length==0)
	{
		resultsdiv.innerHTML	=	'<br>'+getTrans.Translate("no_search_results")
	}
	for(nr	in	usrs)
	{
		if(counter	>=	maxi)	return	true;
		counter++
		var	usr	=	usrs[nr]
		var	new_usrdiv	=	document.createElement('div');
		new_usrdiv.setAttribute('className',"friendscard");
		new_usrdiv.setAttribute('class',"friendscard");
		if(usr	&&	usr.id)
		{
			resultsdiv.appendChild(new_usrdiv);
			if(kortelijst)
			{
				Screen_user_fillShortFriendCard(usr,new_usrdiv)
			}
			else
			{
				Screen_User_fillDetailFriendCard(usr,new_usrdiv)
			}
		}
	}
}
function	Screen_User_fillDetailFriendCard(usr,resdiv)
{
	var	new_userpicture_div	=	document.createElement('div');
		new_userpicture_div.id	=	"fc-userpicture"
	resdiv.appendChild(new_userpicture_div)
	var	new_userpicture_a	=	document.createElement('a');
		new_userpicture_a.href="javascript:Screen_InitSideBarUserProfile("+usr.id+")"
		new_userpicture_div.appendChild(new_userpicture_a)
	var	new_userpicture_img	=	document.createElement('img');
		new_userpicture_img.src=''+baseurl	+'imageshow.php?thumb=true&w=60&imageid='+usr.picture_id+'';
		new_userpicture_img.border="0"
		new_userpicture_a.appendChild(new_userpicture_img)
	var	new_username_div	=	document.createElement('div');
		new_username_div.id	=	"fc-username"
	resdiv.appendChild(new_username_div)
	var	new_name_a	=	document.createElement('a');
		new_name_a.href="javascript:Screen_InitSideBarUserProfile("+usr.id+")"
	new_username_div.appendChild(new_name_a)
		new_name_a.innerHTML	=	usr.firstname	+	"	"	+	usr.lastname 
	var	new_messages_div	=	document.createElement('div');
		new_messages_div.id="fc-messages"
	resdiv.appendChild(new_messages_div)
		new_messages_div.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
	usr.getLatestMessages(4,1,function(notemsgs)	//	number,	type
	{
		new_messages_div.innerHTML	=	''
		for(notemsgnr	in	notemsgs)
		{
			var	notemsg	=	notemsgs[notemsgnr]
			var	new_note_a	=	document.createElement('a');
			new_note_a.setAttribute('href','javascript:Screen_ShowMessageDetails_from_container('+notemsg.id+')')
			title	=		notemsg.title
			if(title	==	'')
			{
				title	=	'Message	'	+	notemsg.id
			}
			new_note_a.innerHTML	=	title
			new_messages_div.appendChild(new_note_a)
			new_messages_div.appendChild(document.createElement('br'))
		}
	}
	);
	var	new_fotos_div	=	document.createElement('div');
		new_fotos_div.id="fc-pictures"
	resdiv.appendChild(new_fotos_div)
		new_fotos_div.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
	usr.getLatestMessages(6,4,function(fotomsgs)	//	number,	type
	{
		new_fotos_div.innerHTML	=	''
		for(fotomsgnr	in	fotomsgs)
		{
			fotomsg	=	fotomsgs[fotomsgnr]
			var	newdiv	=	document.createElement('div');
			newdiv.setAttribute('class',"smallthumb")
			newdiv.setAttribute('className',"smallthumb")
			newdiv.setAttribute('msgid',fotomsg.id)
			var	newa	=	document.createElement('a');
			newdiv.appendChild(newa);
			newa.setAttribute('href','javascript:Screen_ShowMessageDetails_from_container('+fotomsg.id+')')
			var	newimage	=	createElement(newa,"thumb_img",null,'img')
			newimage.setAttribute('border','0')
			newimage.setAttribute('src',''+baseurl	+'imageshow.php?thumb=true&h=60&w=60&imageid='+fotomsg.picture_id+'')
			newimage.setAttribute('width','56')
			newimage.setAttribute('height','42')
			new_fotos_div.appendChild(newdiv)
		}
	}
	);
}
function clear_scroll_overview()
{
	var scroll_left_view = document.getElementById("scroll_left_view");
		scroll_left_view.innerHTML = ''
	var scroll_right_view = document.getElementById("scroll_right_view");									
		scroll_right_view.innerHTML = ''				
}var	testapple	=	''

function testapple_or_not()
{
	if (BrowserDetect.browser == "Firefox")
	{
		testapple	=	true
	}
	else
	{
		testapple	=	false
	}
}



var	number_gettingstarted	=	1
var tags_value = 1 
var groups_value = 1
var advanced_options_div_add = false
var add_pictures_div_add = false
var add_groups_div_add = false
var advanced_options_div_edit = false
var add_pictures_div_edit = false
var add_groups_div_edit = false

		function	load_content_help()
		{
				clickedon_help()
				
				var	thediv	=	document.getElementById("clientarea_inner_help")
				var	thediv_outer	=	document.getElementById("frame_help")
				thediv_outer.innerHTML	=	'';

				if(treelzsystem.treelersocial)
				{
						treelzsystem.treelersocial.getSetting('show_gettingstarted',function(setting)
						{
								var	do_not_show_box		=	createElement(thediv_outer,"do_not_show_box","do_not_show_box_help",'div')
								do_not_show_box.innerHTML	=	"<input	onClick='changeGettingStarted_Startup(this)'	type=\"checkbox\"	id='gettingstartedcheckbox'	/>"+getTrans.Translate("Show_on_startup")
								if(setting	==	0)		//	getting	started
								{
										document.getElementById('gettingstartedcheckbox').checked	=	false
								}
								else
								{
										document.getElementById('gettingstartedcheckbox').checked	=	true
								}
						}
						);
				}
				if(getTrans.Translate("language_selected")	==	"NL")
				{
						fill_help_container(thediv,	"nl")
				}
				else
				{
						fill_help_container(thediv,	"en")
				}
				fill_help_buttons(thediv_outer)
				show_getting_started(1)
				show_container("_help")
				center_container("_help")
		}

		function	changeGettingStarted_Startup(checkbox)
		{
				var	value_gettingstarted	=	"0"
				if(treelzsystem.treelersocial)
				{
						treelzsystem.treelersocial.getSetting('show_gettingstarted',function(setting)
						{
								if(setting	==	0)
								{
										value_gettingstarted	=	1
								}
								else
								{
										value_gettingstarted	=	"0"
								}
						}
						);
				}
				if(treelzsystem.treelersocial)
				{
						treelzsystem.treelersocial.setSetting('show_gettingstarted',value_gettingstarted,function(setting)
						{
						}
						);
				}
		}
		function	fill_help_container(thediv,	lang)
		{
				thediv.innerHTML	=	''
				var	gettingstarted_1		=	createElement(thediv,"gettingstarted_1_"+lang,"gettingstarted_1",'div')
				var	all_links_gt		=	createElement(gettingstarted_1,"all_links_gt","all_links_gt",'div')
				var	link_gt_1		=	createElement(all_links_gt,"link_gt",null,'a')
				link_gt_1.innerHTML	=	"<img	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"250\"	height=\"36\">"
				link_gt_1.href	=	"javascript:show_getting_started(2)"
				var	link_gt_2		=	createElement(all_links_gt,"link_gt",null,'a')
				link_gt_2.innerHTML	=	"<img	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"250\"	height=\"32\">"
				link_gt_2.href	=	"javascript:show_getting_started(3)"
				var	link_gt_3		=	createElement(all_links_gt,"link_gt",null,'a')
				link_gt_3.innerHTML	=	"<img	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"250\"	height=\"32\">"
				link_gt_3.href	=	"javascript:show_getting_started(4)"
				var	link_gt_4		=	createElement(all_links_gt,"link_gt",null,'a')
				link_gt_4.innerHTML	=	"<img	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"250\"	height=\"32\">"
				link_gt_4.href	=	"javascript:show_getting_started(5)"
				var	link_gt_5		=	createElement(all_links_gt,"link_gt",null,'a')
				link_gt_5.innerHTML	=	"<img	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"250\"	height=\"32\">"
				link_gt_5.href	=	"javascript:show_getting_started(6)"
				var	link_gt_6		=	createElement(all_links_gt,"link_gt",null,'a')
				link_gt_6.innerHTML	=	"<img	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"250\"	height=\"37\">"
				link_gt_6.href	=	"javascript:show_getting_started(7)"

				var	gettingstarted_2		=	createElement(thediv,"gettingstarted_2_"+lang,"gettingstarted_2",'div')
				var	gettingstarted_3		=	createElement(thediv,"gettingstarted_3_"+lang,"gettingstarted_3",'div')
				var	gettingstarted_4		=	createElement(thediv,"gettingstarted_4_"+lang,"gettingstarted_4",'div')
				var	gettingstarted_5		=	createElement(thediv,"gettingstarted_5_"+lang,"gettingstarted_5",'div')
				var	gettingstarted_6		=	createElement(thediv,"gettingstarted_6_"+lang,"gettingstarted_6",'div')
				var	gettingstarted_7		=	createElement(thediv,"gettingstarted_7_"+lang,"gettingstarted_7",'div')

		//		change_darkness_bg(85,	"_help")
		}
		function	fill_help_buttons(thediv_outer)
		{
				var	scroll_arrows_gt	=	createElement(thediv_outer,"scroll_arrows_gt","scroll_arrows_gt",'div')
				var	str	="<a	id=\"page_count\"></a><a	id=\"scroll_left_a_bg_gt\"	class=\"scroll_left_a_bg\"></a><a	id=\"scroll_left_a_gt\"	class=\"scroll_left_a\"><img	id=\"scroll_left_a_img_gt\"	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"17\"	height=\"16\"	onClick=\"show_getting_started_left()\"></a>&nbsp;&nbsp;&nbsp;<a	id=\"scroll_right_a_bg_gt\"	class=\"scroll_right_a_bg\"></a><a	id=\"scroll_right_a_gt\"	class=\"scroll_right_a\"><img	id=\"scroll_right_a_img_gt\"	src='images/knoppen-titels/empty_icons/empty_1x1.gif'	width=\"17\"	height=\"16\"	onClick=\"show_getting_started_right()\"></a>"
				scroll_arrows_gt.innerHTML	=	str
		}
		function	show_getting_started_left()
		{
				if(number_gettingstarted	>	1)
				{
						hide_all_gettingstarted()
						number_gettingstarted	=	number_gettingstarted	-	1
						urls.AddVariable("H", number_gettingstarted);
						urls.UpdateURL();
						show_getting_started(number_gettingstarted)
				}
		}
		function	show_getting_started_right()
		{
				if(number_gettingstarted	<	7)
				{
						hide_all_gettingstarted()
						number_gettingstarted	=	number_gettingstarted	+	1
						urls.AddVariable("H", number_gettingstarted);
						urls.UpdateURL();
						show_getting_started(number_gettingstarted)
				}
		}
		function	show_getting_started(number)
		{
				urls.AddVariable("H", number);
				urls.UpdateURL();
				number_gettingstarted	=	number
				hide_all_gettingstarted()
				var	selected_getting_started	=	document.getElementById("gettingstarted_"+number)
				selected_getting_started.style.visibility	=	"inherit"
				var	page_count	=	document.getElementById("page_count")
				page_count.innerHTML	=	number+"	/	7"
				page_count.href	=	"javascript:show_getting_started(1)"
				if(number	==	1){document.getElementById("scroll_left_a_bg_gt").style.visibility = "hidden"}
				else{document.getElementById("scroll_left_a_bg_gt").style.visibility = "inherit"}
				if(number	==	7){document.getElementById("scroll_right_a_bg_gt").style.visibility = "hidden"}
				else{document.getElementById("scroll_right_a_bg_gt").style.visibility = "inherit"}
		}
		function	hide_all_gettingstarted()
		{
				document.getElementById("gettingstarted_1").style.visibility	=	"hidden"
				document.getElementById("gettingstarted_2").style.visibility	=	"hidden"
				document.getElementById("gettingstarted_3").style.visibility	=	"hidden"
				document.getElementById("gettingstarted_4").style.visibility	=	"hidden"
				document.getElementById("gettingstarted_5").style.visibility	=	"hidden"
				document.getElementById("gettingstarted_6").style.visibility	=	"hidden"
				document.getElementById("gettingstarted_7").style.visibility	=	"hidden"
		}
		function	hide_buttons_gt()
		{
				document.getElementById("scroll_left_a_bg_gt").style.visibility	=	"hidden"
				document.getElementById("scroll_right_a_bg_gt").style.visibility	=	"hidden"
		}
		function	Screen_ZoomToLatLng(lat,lng)
		{
				zoomlevel	=	Math.round(mapsystem.map.getZoom()	*	1.5)
				var	center	=	new	GLatLng(lat,		lng)
				mapsystem.map.panTo(center)
				mapsystem.map.setZoom(zoomlevel)
		}
		function	tooltip_zoom_clicked(locid)
		{
				var	zoomlevel	=	14
				if(mapsystem.map.getZoom()	>=	zoomlevel)	zoomlevel	=	Math.round(mapsystem.map.getZoom()	*	1.3)
				mapsystem.map.setZoom(zoomlevel)
				mapsystem.centerOnLocation(locid)
		}
		function	tooltip_center_clicked(locid)
		{
				mapsystem.centerOnLocation(locid)
		}
		function	tooltip_details_clicked(locid)
		{
				Screen_ShowLocationDetails(locid)
		}
		function	Screen_ShowMessageDetails_from_container(messageid,attachedload)
		{
				show.Flush();
				mapsystem.getMessage(messageid,function(msg)
				{
						//show.addPictures(msg);
						if(document.getElementById("frame_loc"))
						{
								if(document.getElementById("frame_loc").style.visibility == "inherit")
								{
										Screen_ShowLocationDetails(msg.location_id)
								}
						}
						mapsystem.centerOnLocation(msg.location_id)
						Screen_ShowMessageDetails(msg.id,attachedload, msg.location_id, true)
				}
				);
		}


function	load_content_msg(messageid,attachedload)
		{
			
			
			tags_value = 1
			groups_value = 1

			
				urls.AddVariable("M", messageid);
				urls.UpdateURL();
				
				var	thediv_outer	=	document.getElementById("frame_msg")
				thediv_outer.innerHTML	=	'';

				var	thediv	=	document.getElementById("clientarea_inner_msg")
				thediv.innerHTML	=		'<img	src="images/indicator.gif"	alt="">'

				mapsystem.getMessage(messageid,function(msg)
				{


						clickedon_message(msg)
						
						thediv.innerHTML	=		'<div></div>'
						var	thejgroups_div	=	createElement(thediv,'',"message_show_groups_divss","div")
						var	theaddtogroups_div	=	createElement(thediv,'',"message_add_groups_divss","div")

						for(i	in	msg.attached_to_messages_ids)
						{
								Screen_ShowMessageDetails(msg.attached_to_messages_ids[i],msg.id)
								return
						}

						var	personalcard_div	=	createElement(thediv,"personalcard-mes","personalcard-mes",'div')
						Screen_ShowMessageDetails_FillMainUser(personalcard_div,msg.userid,	msg)

						var	message_div	=	createElement(thediv,"message","message",'div')

						var	att_messages_outer	=	createElement(thediv,"att_messages_outer","att_messages_outer",'div')

						Screen_ShowMessageDetails_FillAttMessages	(att_messages_outer,	msg)

						var	center_att_message_picture_div	=	createElement(thediv,null,null,'center')

						var	att_message_picture_div	=	createElement(center_att_message_picture_div,"picture-mes","message_attached_picture_div",'div')
						if(attachedload)
						{
								Screen_ShowMessageDetails_AttachedPicture(attachedload)
						}
						var	replies_div	=	createElement(thediv,"replies_div","replies_div",'div')
						Screen_ShowMessageDetails_FillReplies(replies_div,msg,	msg.userid)

						var	do_a_reply_div	=	createElement(thediv,"do_a_reply_div","do_a_reply_div",'div')

						//	hide_container("_msg", true, null, msg.location_id)
						show_container("_msg", msg.location_id)
						var	buttons_msg_div		=	document.getElementById("buttons_msg_div")
						buttons_msg_div.style.visibility = "inherit"
						Screen_ShowMessageDetails_FillButtonsBottom(buttons_msg_div,	msg)

						Screen_ShowMessageDetails_FillMainMessage(message_div,	msg,msg.userid,	thediv_outer)
		//			if(treelzsystem.treelersocial)
		//			{
		//					thejgroups_div.innerHTML = "<a href=\"javascript:Screen_MessageDetailsShowGroups('message_show_groups_divss',"+msg.id+")\">laat de groupen zien ARJEN TRANS</a>";
		//					theaddtogroups_div.innerHTML = "<a href=\"javascript:Screen_MessageAddToGroups('message_add_groups_divss',"+msg.id+")\">add to groups ARJEN TRANS</a>";
		//			}
				}
				);
		}
		function Screen_MessageDetailsShowGroups(divname,msgid)
		{
				mapsystem.getMessage(msgid,function(msg)
				{
						var thediv = document.getElementById(divname)
							thediv.innerHTML = ''
						for(i in msg.group_ids)
						{
								var grpid = msg.group_ids[i]
								mapsystem.groups.getGroup(grpid,function(grp)
								{
										if(grp.type < 2 && grp.id != 1)
										{
												var group_div	=	createElement(thediv,null,null,'div')
												group_div.innerHTML = '<a href="javascript:Screen_ShowGroupDetails('+grp.id+')">'+grp.name +'</a><br>'
										}
								}
								);
						}
				}
				);
		}
		function Screen_MessageAddToGroups(divname,msgid)
		{
			 var msgcacher	=	getMessageCacher();									
							
			 msgcacher.getMessage(msgid,function(msg)
			 {
        				mapsystem.groups.getGroupUsersCanAdd(treelzsystem.treelersocial.user.id,	function(grps)
        				{
        						var thediv = document.getElementById(divname)
        						thediv.innerHTML = 'Voeg bericht toe aan group:ARJEN TRANS<br>'
        						for(i	in	grps)
        						{
        								var	thegropu	=	grps[i];
        								if(thegropu.type == 0)
										{
  												 	if(msg.group_ids[1]) 
  												 	{
													 // public, dus mag // TODO: wat als niet global maar wel global group?
														 thediv.innerHTML += '<a href="javascript:Screen_AddMessageToGroup('+msgid+','+thegropu.id+')"> '+thegropu.name+','+thegropu.id+'</a><br>';
  												 	}
  													else if(msg.userid == treelzsystem.treelersocial.user.id)
  												 	{ 
												 // mijn bericht
													thediv.innerHTML += '<a href="javascript:Screen_AddMessageToGroup('+msgid+','+thegropu.id+')"> '+thegropu.name+','+thegropu.id+'</a><br>';
													}	
													else
													{
														 // NOT!!! 
												 	thediv.innerHTML += 'This message can not be added to ['+thegropu.name+','+thegropu.id+'<br>';
													}
										} 
        						}
        				}
        				);
				}
				);
		}
		function Screen_AddMessageToGroup(msgid,groupid,callback)
		{
				mapsystem.groups.getGroup(groupid,function(group)
				{
						group.addMessage(msgid,function(response)
						{
						    if(callback)
								{
								  callback(true)
								}
								else
								{
  								debug('response van bericht aan groep toevoegen'+response);
  								alert('Message added');
								}
						}
						)
				}
				);
		}
		function Screen_RemoveMessageFromGroup(msgid,groupid,callback)
		{
	//		debug('remove msg ' +msgid + ' ' + groupid)
				mapsystem.groups.getGroup(groupid,function(group)
				{
			//	debug('got group, now remove the msg')
						group.removeMessage(msgid,function(response)
						{
						    if(callback)
								{
								  callback(true)
								}
								else
								{
  								debug('response van bericht aan groep verwijdren'+response);
  								alert('Message deleted');
								}
						}
						)
				}
				);
		}
		function	Screen_ShowMessageDetails_FillMainUser(thediv,	userid,	msg)
		{
				thediv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
				treelzsystem.users.getUser(userid,true,function(user)
				{
					if(user.firstname)
					{
						thediv.innerHTML	=	''

						var	date_div	=		document.createElement('div')
						date_div.id="date-mes"
						date_div.setAttribute('class',"date-mes")
						date_div.setAttribute('className',"date-mes")

						msg.getDate(function(date)
						{
								date_div.innerHTML	=		date
						}
						);
						thediv.appendChild(date_div)

						var	category_div	=	createElement(thediv,"category_div","category_div",'div')

						mapsystem.message_categories.getCategory(msg.category,function(cat)
						{
								category_div.innerHTML	='<img	src="'+cat.icon_url+'"	height="10">	'	+	cat.name
						}
						);
						var	tag_groups_titel_div	=	createElement(thediv,"tag_groups_titel_div","tag_groups_titel_div",'div')
						
						
						if(msg.group_ids.length > 2)
						{
							fill_groups_msg(msg, thediv, tag_groups_titel_div)
						}
						
						if(msg.tag_ids.length > 1)
						{
							fill_tags_msg(msg, thediv, tag_groups_titel_div)
						}
						
						

						var	userpicture_div	=	createElement(thediv,"userpicture-pc-mes","userpicture-pc-mes",'div')
						Screen_AddClickableUserImageToDiv(userpicture_div,user)
						var	name_div	=	createElement(thediv,"userinfo-pc-mes","userinfo-pc-mes",'div')

						var	name_a	=	createElement(name_div,"username-pc-mes","username-pc-mes",'a')
						name_a.href="javascript:Screen_InitSideBarUserProfile("+user.id+")"
						name_a.innerHTML	=user.firstname	+	'	'	+user.lastname
						name_a.title	=	getTrans.Translate("title_username")

						name_div.appendChild(document.createElement('br'))

						var	button_div		=	createElement(thediv,"userprofile-pc-mes","userprofile-pc-mes",'div')
					}
					else
					{
						show_treelz_alert("alert_undefined_messages")
					}
					
				}
				);
		}
		function fill_tags_msg(msg, thediv, tag_groups_titel_div)
		{
				var	br_element	=	createElement(tag_groups_titel_div,null,null,'br')
			
				var	tag_titel_a	=	createElement(tag_groups_titel_div,"tag_titel_a","tag_titel_a",'a')
					tag_titel_a.href = "javascript:show_tags_msg()"
					tag_titel_a.innerHTML = "Tags"
		
				var	tag_content_div	=	createElement(thediv,"tag_content_div","tag_content_div",'div')
		
				for(i	in	msg.tag_ids)
				{
						var	tagid	=	msg.tag_ids[i]
						var	tag_div	=	createElement(tag_content_div,null,null,'div')
						Screen_FillElementWithTag(tag_div,tagid)
				}
	
		}
		function show_tags_msg()
		{
				if(tags_value == 1)
				{
						make_div_inherit("tag_content_div")
						tags_value = 2
						make_div_hidden("groups_content_div")
						groups_value = 1

				}
				else
				{
						make_div_hidden("tag_content_div")
						tags_value = 1
				}
		}
		function fill_groups_msg(msg, thediv, tag_groups_titel_div)
		{
			  var grpids = msg.group_ids;
				var aantal = 0;
				for(i in grpids)
				{
				  if(grpids[i] > 1) aantal = aantal + 1;
				}	
				var	groups_titel_a	=	createElement(tag_groups_titel_div,"groups_titel_a","groups_titel_a",'a')
					groups_titel_a.href = "javascript:show_groups_msg()"
					
					if(aantal == 1)
					{
						groups_titel_a.innerHTML = "" + aantal +" group"
					}
					else
					{
						groups_titel_a.innerHTML = "" + aantal +" groups"
					}
		
				var	groups_content_div	=	createElement(thediv,"groups_content_div","groups_content_div",'div')
		
				Screen_MessageDetailsShowGroups('groups_content_div', msg.id) 
	
		}
		function show_groups_msg()
		{
				if(groups_value == 1)
				{
						make_div_inherit("groups_content_div")
						groups_value = 2
						if(document.getElementById("tag_content_div"))
						{
								make_div_hidden("tag_content_div")
								tags_value = 1
						}
				}
				else
				{
						make_div_hidden("groups_content_div")
						groups_value = 1
				}
		}


		function	Screen_FillElementWithTag(tag_element,tagid)
		{
				treelzsystem.tags.getTag(tagid,	function(tg)
				{
						tag_element.innerHTML	=	tg.tag
				}
				);
		}
		function replace_space_to_br(text)
		{
				return text.replace(/\r\n|\r|\n/g,	"<br>");;
		}
		String.prototype.searchByArray = function (elements)
		{
				var antwoord = -1
				for (var nr in elements)
				{
						var value= elements[nr]

						var positie = this.search(value)
						if(antwoord == -1 && positie != -1)
						{
								antwoord = positie
						}
						else
						{
								if(positie <= antwoord  && positie != -1)
								{
										//alert(positie)
										antwoord = positie;
								}
						}
				}
				return antwoord;
		};
		function replace_http_to_link(text)
		{
				var httpplace = text.search('http://')
				if(httpplace != -1)
				{
						var firstpart = text.substring(0,httpplace)
						var temppart = text.substring(httpplace)
						var splitplace = temppart.searchByArray(["<","\r","\n"," "]);
						/*
						var splitplace  = temppart.search('<')
						if(splitplace == -1 || temppart.search("\r") < splitplace) splitplace  = temppart.search("\r")
						if(splitplace == -1  || temppart.search("\n") < splitplace) splitplace  = temppart.search("\n")
						if(splitplace == -1  || temppart.search(" ") < splitplace) splitplace = temppart.search(' ')
						*/
						if(splitplace != -1)
						{
								var httppart = temppart.substring(0,splitplace)
								var lastpart = temppart.substring(splitplace)
						}
						else
						{
								var httppart = temppart
								var lastpart = ''
						}
						var replaceding = replace_www_to_link(firstpart) + '<a class="greylink" target="_blank" href="'+httppart+'">'+httppart+'</a>'+replace_http_to_link(lastpart)
						return replaceding
				}
				return replace_www_to_link(text)
		}
		function replace_www_to_link(text)
		{
				var httpplace = text.search('www.')
				if(httpplace != -1)
				{
						var firstpart = text.substring(0,httpplace)
						var temppart = text.substring(httpplace)
						/*
						var splitplace  = temppart.search('<')
						if(splitplace == -1 || temppart.search("\r") < splitplace) splitplace  = temppart.search("\r")
						if(splitplace == -1  || temppart.search("\n") < splitplace) splitplace  = temppart.search("\n")
						if(splitplace == -1  || temppart.search(" ") < splitplace) splitplace = temppart.search(' ')
						*/
						var splitplace = temppart.searchByArray(["<","\r","\n"," "]);
						if(splitplace != -1)
						{
								var httppart = temppart.substring(0,splitplace)
								var lastpart = temppart.substring(splitplace)
						}
						else
						{
								var httppart = temppart
								var lastpart = ''
						}
						var replaceding = replace_http_to_link(firstpart) + '<a class="greylink" target="_blank" href="http://'+httppart+'">'+httppart+'</a>'+replace_http_to_link(lastpart)
						return replaceding
				}
				return text
		}
		function	Screen_ShowMessageDetails_FillMainMessage(message_div,	msg,	userid,	thediv_outer)
		{
				treelzsystem.users.getUser(userid,true,function(user)
				{
						if(msg.type	==	4)
						{
								var	picture_div	=		document.getElementById("message_attached_picture_div");
								picture_div.style.height	=	210

								var	picture_a	=	document.createElement('a')
								picture_a.href	=	"javascript:show_large_picture("+msg.picture_id+")"
								picture_div.appendChild(picture_a)


								var	picture_img	=		document.createElement('img')
								picture_img.src=baseurl+	'imageshow.php?thumb=true&h=210&w=300&imageid='+msg.picture_id+'';
								picture_img.title	=	getTrans.Translate("title_normal_pic")
								picture_img.border="0"
								picture_a.appendChild(picture_img)
						}
						var	main_div	=		document.createElement('div')
						main_div.id="info-mes"
						main_div.setAttribute('class',"info-mes")
						main_div.setAttribute('className',"info-mes")
						message_div.appendChild(main_div)
						
						var	comment_span	=	createElement(message_div,"comment_mes","comment_mes",'span')

						if(msg.type<5)
						{
								msg.getText(function(text)
								{
										var text2 = replace_space_to_br(text)
										var text3 = replace_http_to_link(text2)
										comment_span.innerHTML		=	text3

										my_own_BuildFunc("_msg")
								}
								);
						}
						else
						{
								if(msg.type == 9)
								{
										debug('wiki: do language if possible')
										Wiki_DownloadArticle(msg.title,'nl',function(wikitext)
										{
												comment_span.innerHTML		=	unescape(wikitext)
												my_own_BuildFunc("_msg")
										}
										)
								}
						}
						message_div.appendChild(comment_span)
							if(treelzsystem.treelersocial)
							{
								create_clickable_icon("buttons_center_msg_div", "add_to_group", "icon_add_to_group", "javascript:Message_Edit_add_group("+msg.id+")",  "title_show_location_info", null,  "right", 6, option_b_o, option_f_o)
							}
						if(msg.userid	==	loggedin_id)
						{
								var	buttons_msg_div	=	document.getElementById("buttons_msg_div")

					//			var	edit_a_div	=	createElement(buttons_msg_div,"edit_a_div","edit_a_div",'div')
						
						create_clickable_icon("buttons_center_msg_div", "delete_msg", "icon_delete", "javascript:Delete_Message("+msg.id+")",  "title_delete_message", null,  "right", 6, option_b_o, option_f_o)
						create_clickable_icon("buttons_center_msg_div", "edit_msg", "icon_edit", "javascript:Message_Edit("+msg.id+")",  "title_edit_message", null,  "right", 6, option_b_o, option_f_o)
						}
				}
				);
				var	message_div_test	=	document.getElementById("message");
		}
		function	Screen_ShowUnshowRepliesDiv(messageid)
		{
				var	do_a_reply_div	=	document.getElementById('do_a_reply_div')

				mapsystem.getMessage(messageid,function(msg)
				{
						if(treelzsystem.treelersocial)
						{
								var	fill_str	=	''

								fill_str	+=	'<div	id="thereplyfieldsdiv"><div	id="closereply"><a	class="closebutton_a"	href="javascript:close_reply()"><img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="16"	height="16"		alt=""></a></div>';
								fill_str	+=	'<div	class="hiddendiv"><input	id="reply_title_input"	type="text"	name="userid"	size="30"	value=""	/></div><br	/>';
								fill_str	+=	''	+	getTrans.Translate("reaction")	+	':<br	/>';
								fill_str	+=	'<textarea	id="reply_comment"	class="input_general_text"	rows="3"	cols="44"	name="comment"><\/textarea><br	/>';
								fill_str	+=	'<input	type="hidden"	id="reply_to_id"	value="'+msg.id+'">';
								fill_str	+=	'<br><input	id="reply_inputsubmit"	class="input_general"	onclick="javascript:Screen_Add_Reply_Submit('+msg.id+')"	type="button"	value="'	+	getTrans.Translate("place reaction")	+	'"	/>';
								fill_str	+=	'</div>';

								do_a_reply_div.innerHTML	=	fill_str;
						}
						else
						{
								show_treelz_alert("not_loggedin_reply")
						}
				}
				);
				my_own_BuildFunc("_msg")
		}
		function	close_reply()
		{
				var	do_a_reply_div	=	document.getElementById('do_a_reply_div')
				do_a_reply_div.innerHTML	=	'';
				my_own_BuildFunc('_msg')
		}
		function	Screen_Add_Reply_Submit(tomsgid)
		{
				debug("Screen_Add_Reply_Submit update old privacy!!")
				mapsystem.getMessage(tomsgid,function(msg)
				{
						var	comment_input	=	document.getElementById('reply_comment')
						var	title_input	=	document.getElementById('reply_title_input')
						var	inputsubmit	=	document.getElementById('reply_inputsubmit')
						inputsubmit.disabled	=	true
						title_input.disabled	=	true
						comment_input.disabled	=	true
						var	comment	=	comment_input.value
						var	title	=	title_input.value
						var	privacy	=	msg.privacy

						msg.saveReply(privacy,comment,title,function()
						{
								Screen_ShowMessageDetails(tomsgid)
						}
						)
				}
				);
		}
		function	Screen_ShowMessageDetails_FillAttMessages	(att_messages_outer,	msg)
		{
				var	att_messages_div	=	createElement(att_messages_outer,"att_messages","att_messages",'div')
				att_messages_div.style.height	=	0
				var	targetdiv_att_messages	=	createElement(att_messages_div,"targetdiv_att_messages","targetdiv_att_messages",'div')
				var	scroll_att_left	=	createElement(att_messages_div,"scroll_att_left","scroll_att_left",'div')
				var	scroll_att_right	=	createElement(att_messages_div,"scroll_att_right","scroll_att_right",'div')
				var	scroll_att_numbers	=	createElement(att_messages_div,"scroll_att_numbers","scroll_att_numbers",'div')

				as	=	new	UniversalScroller	(msg,	"targetdiv_att_messages",	"scroll_att_numbers",	msg_steps_attached,	"0",	5,msg_steps_attached_getamount, "scroll_att_left", "scroll_att_right", "as");
				as.Init("as");
		}
		function msg_steps_attached_getamount(object,callbackfunc)
		{
				object.getNumberOfAttached(callbackfunc)
				/*function(aantal)
				{

				callbackfunc(aantal);
				}
				);*/
		}
		function	msg_steps_attached(object,	start, amount,	callbackfunc)
		{
				// verwacht vier parametesr
				//	object: is wat je bij new Universal hebt opgegeven
				//	start: vanaf welk nummer (eerste is 0)
				//   amount: en welk aantal terug te geven
				//	callback func. een functie die een 'amount' html elements terug geeft te starten bij 'start' om in the scroll div te gooien

				document.getElementById("att_messages").style.height	=	50

				object.getAttachedMessages(function(att_messages)
				{
						//debug('terug uit get attachedmsgs');
						show.Flush();
						show.addPictures(att_messages);

						var	teller	=	0;
						var thesubsetatt_message	=	[]

						for(i in att_messages)
						{
								if(att_messages[i])
								{
										var	att_message	=	att_messages[i]
										if(teller	>=	start	&&	teller	<	start+amount)
										{
												thesubsetatt_message[i] = createElement(null,null,null,'a');
												thesubsetatt_message[i].setAttribute('href','javascript:Screen_ShowMessageDetails_AttachedPicture('+att_message.id+')')
												var	theimg	=	createElement(thesubsetatt_message[i],"thumb_img","thumb_img",'img')
												theimg.setAttribute('width','56')
												theimg.setAttribute('height','42')
												theimg.setAttribute('src','imageshow.php?thumb=true%20&h=42%20&w=56&imageid='+att_message.picture_id)
										}
										teller	++;
								}
						}
						callbackfunc(thesubsetatt_message);
				}
				);
		}
		function	Screen_ShowMessageDetails_AttachedPicture(msgid)
		{
				var	thediv	=	document.getElementById("message_attached_picture_div")
				thediv.innerHTML	=		'<img	src="images/indicator.gif"	alt="">'
				mapsystem.getMessage(msgid,function(msg)
				{
						thediv.style.height	=	210

						thediv.innerHTML	=		''
						var	linkpicture	=	createElement(thediv,"picture-mes-a","picture-mes-a",'a')
						linkpicture.href="javascript:show_large_picture("+msg.picture_id+")"

						var	thepicture	=	createElement(linkpicture,"picture-mes","picture-mes",'img')
						thepicture.src	=	createimageshowUrl(msg.picture_id,true,210,280)
						thepicture.title	=	getTrans.Translate("title_normal_pic")
						thepicture.border="0"

						if(document.getElementById("outer_largepicture").style.visibility	==	"inherit")
						{
								show_large_picture(msg.picture_id)
						}
				}
				);
				my_own_BuildFunc("_msg")
		}
		function	Screen_ShowMessageDetails_FillReplies(replies_div,	msg,	userid)
		{
				//var	childs	=	msg.childs
				msg.getChildren(function(childs)
				{
						for(i	in	childs)
						{
								var	child	=	childs[i]
								var	personalcardreply_div	=	createElement(replies_div,"personalcard-reply","personalcard-reply",'div')

								Screen_ShowMessageDetails_FillReplyUser(personalcardreply_div,child.userid,	child)

								var	messagereply_div	=	createElement(replies_div,"message-reply","message-reply",'div')

								Screen_ShowMessageDetails_FillReplyMessage(messagereply_div,child,	child.userid)
						}
				}
				);
		}
		function	Screen_ShowMessageDetails_FillReplyMessage(message_div,msg,	userid)
		{
				if(msg.type	==	4)
				{
						var	picture_div	=		document.createElement('div')
						picture_div.id="picture-reply"
						picture_div.setAttribute('class',"picture-reply")
						picture_div.setAttribute('className',"picture-reply")
						message_div.appendChild(picture_div)

						var	picture_img	=		document.createElement('img')
						picture_img.src=baseurl+	'imageshow.php?thumb=true&h=300&w=300&imageid='+msg.picture_id+'';
						picture_img.border="0"
						picture_div.appendChild(picture_img)
						picture_img.title	=	getTrans.Translate("title_normal_pic")
				}
				var	name_br	=	createElement(message_div,null,null,'br')

				var	comment_span	=		document.createElement('span')
				comment_span.id="comment-reply"
				comment_span.setAttribute('class',"comment-reply")
				comment_span.setAttribute('className',"comment-reply")
				msg.getText(function(text)
				{
						comment_span.innerHTML	=	text.replace(/\r\n|\r|\n/g,	"<br>");
				}
				);
				message_div.appendChild(comment_span)
				
				
			my_own_BuildFunc("_msg") 
		}
		function	Screen_ShowMessageDetails_FillReplyUser(thediv,userid,	msg)
		{
				thediv.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
				treelzsystem.users.getUser(userid,true,function(user)
				{
						thediv.innerHTML	=	''
						if(msg.userid	==	loggedin_id)
						{

								var	delete_reply_a	=		createElement(thediv,"delete_a","delete_reply_a",'a')
								delete_reply_a.innerHTML	=	'<img	src="images/knoppen-titels/empty_icons/empty_1x1.gif"	width="15"	height="20"		alt="">'
								delete_reply_a.href	=	'javascript:delete_reply_yes_no('+msg.id+')'

						}
						var	userpicture_div	=		document.createElement('div');
						userpicture_div.id="userpicture-pc-reply"
						userpicture_div.setAttribute('class',"userpicture-pc-reply")
						userpicture_div.setAttribute('className',"userpicture-pc-reply")
						thediv.appendChild(userpicture_div)

						Screen_AddClickableUserImageToReply(userpicture_div,user)

						var	name_div	=		document.createElement('div');
						name_div.id="userinfo-pc-reply"
						name_div.setAttribute('class',"userinfo-pc-reply")
						name_div.setAttribute('className',"userinfo-pc-reply")
						thediv.appendChild(name_div)

						var	name_a	=	document.createElement('a');
						name_a.href="javascript:Screen_InitSideBarUserProfile("+user.id+")"
						name_a.setAttribute('class',"username-pc-mes")
						name_a.innerHTML	=user.firstname	+	'	'	+user.lastname
						name_div.appendChild(name_a)
						name_a.title	=	getTrans.Translate("title_username")

						name_div.appendChild(document.createElement('br'))

						var	date_div	=		document.createElement('div')
						date_div.id="date-reply"
						date_div.setAttribute('class',"date-reply")
						date_div.setAttribute('className',"date-reply")
						msg.getDate(function(date)
						{
								date_div.innerHTML	=		date
						}
						);

						thediv.appendChild(date_div)

						var	button_div	=		document.createElement('div');
						button_div.id="userprofile-pc-reply"
						button_div.setAttribute('class',"userprofile-pc-reply")
						button_div.setAttribute('className',"userprofile-pc-reply")
						thediv.appendChild(button_div)
						
						
					
				}
				);
				
			
		}
		function	delete_reply_yes_no(replyid)
		{
				var	prompt_res	=	confirm(getTrans.Translate("confirm_delete_reply"))

				if(prompt_res)
				{
						var	delete_reply_a	=	document.getElementById("delete_reply_a")
							delete_reply_a.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
						mapsystem.getMessage(replyid,function(msg)
						{
								var	parentid	=	msg.parent_id
								msg.removeThisMessae(true,function()
								{
										Screen_ShowMessageDetails(parentid)
								}
								);
						}
						);
				}
		}
		function	Screen_Attach_Extra_Photos(msgid)
		{
				if(testapple	||navigator.platform	==	'MacIntel'	||	navigator.platform	==	'MacPPC'	||		navigator.platform.substring(0,3).toLowerCase()	==	'mac')
				{
						upload_show_new_msg_id	=	msgid
						var	evalstr=	'window.frames.iframe_pics_'+iframecountertje+'.submitPictures('+msgid+',"'+sid+'")'
						eval(evalstr)
				}
				else
				{
								
						//	update	post	setttings
						var	params	=	new	Object();
						params['attach_to_msg']	=	msgid;
						params['sid']	=	sid;
						upload1.setPostParams(params);
						//	set	upload	id
						upload_show_new_msg_id	=	msgid
						//	start	upload
						//upload1.startUpload()
						
						
      				//	now	check	whether	empty	queue
      				var	allnone	=	true
      				for(i	in	fileobject_queue)
      				{
      						if(fileobject_queue[i]	==	true)
      						{
      								allnone	=	false
      						}
      				}
      
      				if(allnone)
      				{
      						Screen_Add_Message_SaveImages_After()
      				}
      				else
      				{
      						//	start	upload
      						upload1.startUpload()
      				}

				}
		}
		
		function	Screen_ShowMessageDetails_FillButtonsBottom(buttons_msg_div,	msg)
		{
			//	var	center	=	createElement(buttons_msg_div,null,null,'center')

		//		var	buttons_center_msg_div	=	document.getElementById("buttons_center_msg_div")
		
		create_clickable_icon("buttons_center_msg_div", "location", "icon_location", "javascript:show_location_from_msg("+msg.location_id+")",  "title_show_location_info", null,  "right", 6, option_b_o, option_f_o)
		
		create_clickable_icon("buttons_center_msg_div", "reply_msg", "icon_reply", "javascript:Screen_ShowUnshowRepliesDiv("+msg.id+")",  "title_react_on_message", null,  "right", 6, option_b_o, option_f_o)
		create_clickable_icon("buttons_center_msg_div", "zoom_in_msg", "icon_zoom_in", "javascript:tooltip_zoom_clicked("+msg.location_id+")",  "title_zoomin_location", null,  "right", 6, option_b_o, option_f_o)
		create_clickable_icon("buttons_center_msg_div", "center_msg", "icon_center", "javascript:tooltip_center_clicked("+msg.location_id+")",  "title_center_location", null,  "right", 3, option_b_o, option_f_o)
		create_clickable_icon("buttons_center_msg_div", "zoom_out_msg", "icon_zoom_out", "javascript:zoomout()",  "title_zoomout_location", null,  "right", 3, option_b_o, option_f_o)
				
				
		}
		function	Message_AttachedMoreFotos(msgid)
		{
				iframecountertje	=	iframecountertje	+	1
				var	thediv	=	document.getElementById("clientarea_inner_msg")
				thediv.innerHTML	=	''
				var	message_edit_div	=	createElement(thediv,"message_edit_div","message_edit_div",'div')
					message_edit_div.innerHTML	=	getTrans.Translate("add_photos")

				fill_str_with_add_picture("message_edit_div")
				
				message_edit_div.innerHTML +='<br><input	id="inputsubmit"	class="input_general_submit"	onclick="javascript:Screen_Attach_Extra_Photos('+msgid+')"	type="button"	value="'	+	getTrans.Translate("add_extra_photos_to_message")	+'"	/>';

				my_own_BuildFunc("_msg")
		}

		function	Message_Submit_Update(msgid)
		{
				
				mapsystem.getMessage(msgid,function(message)
				{

						var	comment_input	=	document.getElementById('edit_comment')
						var	title_input	=	document.getElementById('edit_title_input')
						var	inputsubmit	=	document.getElementById('edit_inputsubmit')
						var	category	=	document.getElementById('input_cat_id_edit').value

						inputsubmit.disabled	=	true
						title_input.disabled	=	true
						comment_input.disabled	=	true
						var	comment	=	comment_input.value
						var	title	=	title_input.value

						
				var	privacy_public	=		document.getElementById('privacy_input_public')
				var	privacy_private	=		document.getElementById('privacy_input_private')
				var	privacy_friends	=		document.getElementById('privacy_input_friends')
				//var	privacy	=	4
				if(privacy_public.checked)	privacy	=	4
				if(privacy_private.checked)	privacy	=	5
				if(privacy_friends.checked)	privacy	=	1

				var groups_ids = add_message_get_groups();
				// now add the possible groups
				groups_ids[treelzsystem.treelersocial.basegroups.private] = true
				if(privacy == 1)
				{
						// friends
						groups_ids[treelzsystem.treelersocial.basegroups.friends] = true
				}
				else if(privacy == 4)
				{
						// public (also do friends then...)
						groups_ids[1] =true;
						groups_ids[treelzsystem.treelersocial.basegroups.public] = true
						groups_ids[treelzsystem.treelersocial.basegroups.friends] = true
				}
				else
				{
						// private
						// is always added // see above						
				}
						// now compare groups				
						// what was in orignal & no more
						debug("what was in orignal & no more");
						for(i in message.group_ids)
						{
						   var grpid = message.group_ids[i]
							 if(groups_ids[grpid])
							 {
							  //  both in orignal ass new
								// debug('both in lold en niew gorup ' + grpid + ' from messge ' + message.id);	
							 }
							 else
							 {
							   // was in original, no more
								 // REMOVE
								// debug('todo remove gorup ' + grpid + ' from messge ' + message.id);								 
								 Screen_RemoveMessageFromGroup(message.id,grpid,function(x){});		 
							 }						
						}
						
						// what was not in original & is now
						//debug("what was not in original & is now")
						for(i in groups_ids)
						{
						   var grpid = i
							 if(message.group_ids[grpid])
							 {
							  // both in new and original
							 }
							 else
							 {
							   // was in not original, but is now
								 // add						
								  Screen_AddMessageToGroup(message.id,grpid,function(x){});		 
								 //debug('todo add gorup ' + grpid + ' to messge ' + message.id);
							 }						
						}
						
						var	extraoptions	=	{}
						var	treelzselect	=	document.getElementById('select_treel_add')
						var	traveltreelz	=	treelzselect.options[treelzselect.selectedIndex].value;
						if(traveltreelz	>	0	||	traveltreelz	==	-1)	extraoptions.traveltreel	=	traveltreelz
						var	tagsinput	=	document.getElementById('add_new_input_tags')
						if(tagsinput.value	!=	'')	extraoptions.tags	=	tagsinput.value

						var langselect = document.getElementById('input_language')
						extraoptions.language  =	langselect.options[langselect.selectedIndex].value;
					
						message.updateMessage(title,comment,null,	function(msg)
						{ 						    
				//				Screen_ShowMessageDetails(msgid)
								Screen_Attach_Extra_Photos(msg.id)
						}
						,category,extraoptions);
				}
				);
		}
		function	Message_Edit(msgid)
		{
			
			iframecountertje = iframecountertje + 1
			
				debug("Message_Edit update old privacy!!")
				//	var	message_div	=	document.getElementById("message")
				//	message_div.style.height	=	''

				mapsystem.getMessage(msgid,function(message)
				{
						var	thediv	=	document.getElementById("clientarea_inner_msg")
							thediv.innerHTML = ''

						var	message_edit_div	=	createElement(thediv,null,'message_edit_div','div')
							message_edit_div.innerHTML = ''+getTrans.Translate("edit this message")+':<br />'

						var	title_message	=	createElement(message_edit_div,'title_message','title_message','div')
							title_message.innerHTML	=	'<br/>'+getTrans.Translate("title")+':	<br	/><input	id="edit_title_input"	class="input_general_text"	type="text"	name="userid"	size="30"	value="'+message.title+'"	/><br	/><br	/>';
							title_message.innerHTML	+=	''+getTrans.Translate("message")+':<br	/>';
							title_message.innerHTML	+=	'<textarea	id="edit_comment"	class="input_general_text"	rows="7"	cols="44"	name="comment">'+message.text+'<\/textarea>';

						var	select_showlevel_div_add	=	createElement(message_edit_div,'select_showlevel_div_add','select_showlevel_div_add','div')
							select_showlevel_div_add.innerHTML	=	'<input	type="radio"	name="privacy_input"	value="4"	id="privacy_input_public" onclick="display_alert_pivacy_off(\'edit\')"/>'+getTrans.Translate("public")
							select_showlevel_div_add.innerHTML	+=	'<input	type="radio"	name="privacy_input"	value="1"	id="privacy_input_friends" onclick="check_if_groups_selected(\'edit\')"/>'+getTrans.Translate("friends")
							select_showlevel_div_add.innerHTML	+=	'<input	type="radio"	name="privacy_input"	value="5"	id="privacy_input_private" onclick="check_if_groups_selected(\'edit\')"/>'+getTrans.Translate("private")

							the_memorized_array_of_grps_for_addmsg = {}
							
							select_showlevel_div_add.innerHTML	+=  '<div id="alert_not_private_friends_edit" class="alert_not_private_friends"><div id="alert_not_private_friends_image"></div><div class="grey"  id="alert_not_private_friends_text"></div></div>';
		//					select_showlevel_div_add.innerHTML	+=    '<div id="groups_selected_by_add_div"></div>';

						//select_showlevel_div_add.innerHTML	+=	'<br>HIER MOETEN DAN WEER GROEPEN KOMEN........'
						var	privacy_public	=		document.getElementById('privacy_input_public')
						var	privacy_private	=		document.getElementById('privacy_input_private')
						var	privacy_friends	=		document.getElementById('privacy_input_friends')	
						//debug("showlevel edit msg moet andrs");
						if(message.group_ids[1])
						{
						  	privacy_public.checked	=	true
						}
						else if(message.group_ids[treelzsystem.treelersocial.basegroups.friends])
						{
							privacy_friends.checked	=	true
						}
						else
						{
							privacy_private.checked	=	true
						}
						
						fill_options(message_edit_div, "edit", msgid)

						fill_str_with_add_picture('select_pic_div_edit')

						fill_groups_myadd('input_my_groups')
						fill_category_div("edit")
						fill_language_select(document.getElementById('input_language'),message.language_id)
						fill_tags('current_tags_of_msg_edit',message)

						for(i in message.group_ids)
						{						  
						  var grpid = message.group_ids[i]
							mapsystem.groups.getGroup(grpid,function(group)
							{
							  if(group.type == 0)
								{
								   AddAGroupToTheGroupsDiv(group.id, "edit")
								   
								}	 
							}
							);
						}
						
						message.getTreelzIdsOfMessage(function(array_of_ids)
						{
							fill_treel_select('select_treel_add',array_of_ids)
						}
						);
						
						
						select_category(null,message.category, "edit")

						collapse_all_edit()
						my_own_BuildFunc("_msg")

				}
				);
				
				display_alert_pivacy_off("edit")
		}
		
		function check_if_groups_selected(type)
		{
			if(document.getElementById('selected_group_div_'+type).style.display == "none")
			{
			}
			else
			{
				show_warning_groups_privacy(type)
			}
		}
		function display_alert_pivacy_on(type)
		{
		var	alert_not_private_friends = document.getElementById('alert_not_private_friends_'+type)
			alert_not_private_friends.style.display = ''
			alert_not_private_friends.style.visibility = 'visible'
			
			scrollUpdate("clientarea_msg")
			scrollUpdate("clientarea_add")
		}
		function display_alert_pivacy_off(type)
		{
		var	alert_not_private_friends = document.getElementById('alert_not_private_friends_'+type)
			alert_not_private_friends.style.display = 'none'
			alert_not_private_friends.style.visibility = 'hidden'
			
			scrollUpdate("clientarea_msg")
			scrollUpdate("clientarea_add")
			
		}
		
		function fill_options(targetdiv, type, msgid)	
		{	
						var	sub_titles_div	=	createElement(targetdiv,'sub_titles_div',null,'div')
							var	plus_a	=	createElement(sub_titles_div,'plus_a',null,'a')
								plus_a.href = "javascript:hideorshow_div_pos_div_gen_"+type+"()"
	//							plus_a.href = "javascript:show_unshow_div_"+type+"_cat()"
	//						var	sub_titles_div_a	=	createElement(sub_titles_div,'sub_titles_div_a',null,'div')
	//							sub_titles_div_a.href="javascript:show_unshow_div_"+type+"_cat()"
	//							sub_titles_div_a.innerHTML = getTrans.Translate("Category")
							var	select_category_div	=	createElement(sub_titles_div,"select_category_div_"+type,"select_category_div_"+type,'div')
							var	input_cat_id_div	=	createElement(sub_titles_div,"input_cat_id_div","input_cat_id_"+type+"_div",'div')
								input_cat_id_div.innerHTML =	'<input	type="hidden"	id="input_cat_id_'+type+'"	name="input_cat_id"	value="-1">'
	//			if(type == "add")
	//			{
						var	sub_titles_div_pic	=	createElement(targetdiv,'sub_titles_div',null,'div')
							var	plus_a_pic	=	createElement(sub_titles_div_pic,'plus_a',null,'a')
								plus_a_pic.href = "javascript:show_unshow_div_"+type+"_pic()"
							var	sub_titles_div_a_pic	=	createElement(sub_titles_div_pic,'sub_titles_div_a',null,'a')
								sub_titles_div_a_pic.href="javascript:show_unshow_div_"+type+"_pic()"
								sub_titles_div_a_pic.innerHTML = getTrans.Translate("Pictures")
						var	select_pic_div	=	createElement(targetdiv,"extra_add_message_pic","select_pic_div_"+type,'div')
	//			}
						var	sub_titles_div_group	=	createElement(targetdiv,'sub_titles_div',null,'div')
							var	plus_a_group	=	createElement(sub_titles_div_group,'plus_a',null,'a')
								plus_a_group.href = "javascript:show_unshow_div_"+type+"_group()"
							var	sub_titles_div_a_group	=	createElement(sub_titles_div_group,'sub_titles_div_a',null,'a')
								sub_titles_div_a_group.href="javascript:show_unshow_div_"+type+"_group()"
								sub_titles_div_a_group.innerHTML = getTrans.Translate("Group")
						var	select_group_div	=	createElement(sub_titles_div_group,"extra_add_message","select_group_div_"+type,'div')
							select_group_div.innerHTML =	'<select id="input_my_groups" onChange="Screen_ChangedGroups'+type+'Message(this)" class="input_general_select w200" name="input_my_groups"></select>'
								
						var	selected_group_div	=	createElement(targetdiv,"selected_group_div","selected_group_div_"+type,'div')
							var	selected_group_span	=	createElement(selected_group_div,"selected_group_span grey","selected_group_span_"+type,'span')
								selected_group_span.innerHTML = getTrans.Translate("selected_groups")+": "
						
						var	extra_options_button	=	createElement(targetdiv,'sub_titles_div',null,'div')
							var	plus_a_pic	=	createElement(extra_options_button,'plus_a',null,'a')
								plus_a_pic.href = "javascript:show_unshow_div_"+type+"_pic()"
							var	show_unshow_div_extra_options	=	createElement(extra_options_button,'sub_titles_div_a',"More_options_a_"+type,'a')
								show_unshow_div_extra_options.innerHTML = getTrans.Translate("More_options")
								show_unshow_div_extra_options.href = "javascript:show_unshow_div_"+type+"_extra_options()"
						
						var	advanced_msg_options	=	createElement(targetdiv,'advanced_msg_options_'+type,'advanced_msg_options_'+type,'div')
			
								
		
								var	sub_titles_div_treel	=	createElement(advanced_msg_options,'sub_titles_div',null,'div')
									var	plus_a_treel	=	createElement(sub_titles_div_treel,'plus_a',null,'div')
			//							plus_a_treel.href = "javascript:show_unshow_div_"+type+"_treel()"
									var	sub_titles_div_a_treel	=	createElement(sub_titles_div_treel,'sub_titles_div_a',null,'div')
			//							sub_titles_div_a_treel.href="javascript:show_unshow_div_"+type+"_treel()"
										sub_titles_div_a_treel.innerHTML = getTrans.Translate("Treel")
								var	select_treel_div	=	createElement(sub_titles_div_treel,"extra_add_message","select_treel_div_"+type,'div')
									select_treel_div.innerHTML =	'<select	onChange="Screen_Add_Changed_Treel(this)"	id="select_treel_add"	class="input_general_select w200"><option	value="-1">< '+getTrans.Translate("Not part of a Treel")+' ></option><option	value="0">< '+getTrans.Translate("New Treel")+' ></option></select>'
		
								var	sub_titles_div_lang	=	createElement(advanced_msg_options,'sub_titles_div',null,'div')
									var	plus_a_lang	=	createElement(sub_titles_div_lang,'plus_a',null,'div')
			//							plus_a_lang.href = "javascript:show_unshow_div_"+type+"_lang()"
									var	sub_titles_div_a_lang	=	createElement(sub_titles_div_lang,'sub_titles_div_a',null,'div')
			//							sub_titles_div_a_lang.href="javascript:show_unshow_div_"+type+"_lang()"
										sub_titles_div_a_lang.innerHTML = getTrans.Translate("Language")
								var	input_language_div	=	createElement(sub_titles_div_lang,"extra_add_message","input_language_div_"+type,'div')
									input_language_div.innerHTML =	'<select id="input_language" class="input_general_select w200"  name="input_language"></select>'
		
								var	sub_titles_div_tags	=	createElement(advanced_msg_options,'sub_titles_div_tags',null,'div')
									var	plus_a_tags	=	createElement(sub_titles_div_tags,'plus_a',null,'div')
			//							plus_a_tags.href = "javascript:show_unshow_div_"+type+"_tags()"
									var	sub_titles_div_a_tags	=	createElement(sub_titles_div_tags,'sub_titles_div_a',null,'div')
			//							sub_titles_div_a_tags.href="javascript:show_unshow_div_"+type+"_tags()"
										sub_titles_div_a_tags.innerHTML = getTrans.Translate("Tags")
								var	input_tags_div	=	createElement(sub_titles_div_tags,"extra_add_message","input_tags_div_"+type,'div')
									input_tags_div.innerHTML =	'(vb:	amsterdam,	student,	cafe):	<input	type="text"	name="add_new_input_tags"	id="add_new_input_tags"	class="input_general_text_w200">'
				
				if(type == "edit")
				{						
						var	current_tags_of_msg_edit	=	createElement(advanced_msg_options,'current_tags_of_msg_edit','current_tags_of_msg_edit','div')

						var	submit_edit_msg	=	createElement(targetdiv,"submit_edit_msg","submit_edit_msg",'div')
						submit_edit_msg.innerHTML = '<br	/><br	/><input	id="edit_inputsubmit"	class="input_general_submit"	onclick="javascript:Message_Submit_Update('+msgid+')"	type="button"	value="'+getTrans.Translate("save edited message")+'"	/><br	/><br	/>'
				}
		}
		function	Message_Edit_add_group(msgid)
		{
			//	debug("Message_Edit update old privacy!!")
					var	message_div	=	document.getElementById("message")
					message_div.style.height	=	''

				mapsystem.getMessage(msgid,function(message)
				{
						var	thediv	=	document.getElementById("clientarea_inner_msg")
							thediv.innerHTML = ''

						var	message_edit_div	=	createElement(thediv,null,'message_edit_div','div')
							message_edit_div.innerHTML = ''+getTrans.Translate("edit this message")+':<br />'
							message_edit_div.innerHTML = '<div class="alert_not_private_friends" id="alert_not_private_friends_add_group"><div id="alert_not_private_friends_image"></div><div class="grey" id="alert_not_private_friends_text"></div></div>'

				//		var	title_message	=	createElement(message_edit_div,'title_message','title_message','div')
				//			title_message.innerHTML	=	'<br/>'+getTrans.Translate("title")+':	<br	/><input	id="edit_title_input"	class="input_general_text"	type="text"	name="userid"	size="30"	value="'+message.title+'"	/><br	/><br	/>';
				//			title_message.innerHTML	+=	''+getTrans.Translate("message")+':<br	/>';
				//			title_message.innerHTML	+=	'<textarea	id="edit_comment"	class="input_general_text"	rows="5"	cols="44"	name="comment">'+message.text+'<\/textarea>';

				//		var	select_showlevel_div_add	=	createElement(message_edit_div,'select_showlevel_div_add','select_showlevel_div_add','div')
				//			select_showlevel_div_add.innerHTML	=	'<input	type="radio"	name="privacy_input"	value="1"	id="privacy_input_friends">'+getTrans.Translate("friends")
				//			select_showlevel_div_add.innerHTML	+=	'<input	type="radio"	name="privacy_input"	value="4"	id="privacy_input_public">'+getTrans.Translate("public")
				//			select_showlevel_div_add.innerHTML	+=	'<input	type="radio"	name="privacy_input"	value="5"	id="privacy_input_private"/>'+getTrans.Translate("private")

							the_memorized_array_of_grps_for_addmsg = {}
							
				//			select_showlevel_div_add.innerHTML	+=  '<div id="alert_not_private_friends"></div>';
		//					select_showlevel_div_add.innerHTML	+=    '<div id="groups_selected_by_add_div"></div>';

						//select_showlevel_div_add.innerHTML	+=	'<br>HIER MOETEN DAN WEER GROEPEN KOMEN........'
		//				var	privacy_public	=		document.getElementById('privacy_input_public')
		//				var	privacy_private	=		document.getElementById('privacy_input_private')
		//				var	privacy_friends	=		document.getElementById('privacy_input_friends')	
						//debug("showlevel edit msg moet andrs");
		//				if(message.group_ids[1])
		//				{
		//				  	privacy_public.checked	=	true
		//				}
		//				else if(message.group_ids[treelzsystem.treelersocial.basegroups.friends])
		//				{
		//					privacy_friends.checked	=	true
		//				}
		//				else
		//				{
		//					privacy_private.checked	=	true
		//				}
						
						fill_options_add_group(message_edit_div, "edit", msgid)

				//		fill_str_with_add_picture('select_pic_div_edit')

						fill_groups_myadd('input_my_groups')
				//		fill_category_div("edit")
				//		fill_language_select(document.getElementById('input_language'),message.language_id)
				//		fill_tags('current_tags_of_msg_edit',message)


					if(message.group_ids[1])
					{
						privacy	=	4
					}
					else if(message.group_ids[treelzsystem.treelersocial.basegroups.friends])
					{
						privacy	=	5
					}
					else
					{
						privacy	=	1
					}

						for(i in message.group_ids)
						{						  
						  var grpid = message.group_ids[i]
							mapsystem.groups.getGroup(grpid,function(group)
							{
							  if(group.type == 0)
								{
								   AddAGroupToTheGroupsDiv_add_to_group(group.id, "edit", privacy, msgid)
								}	 
							}
							);
						}
						
				//		message.getTreelzIdsOfMessage(function(array_of_ids)
				//		{
				//			fill_treel_select('select_treel_add',array_of_ids)
				//		}
				//		);
						
						
				//		select_category(null,message.category, "edit")

				//		collapse_all_edit()
						my_own_BuildFunc("_msg")
						
						
						var	thediv	=	document.getElementById("clientarea_inner_msg")

				}
				);
				
				display_alert_pivacy_off("add_group")
		}
		function fill_options_add_group(targetdiv, type, msgid)	
		{	
//						var	sub_titles_div	=	createElement(targetdiv,'sub_titles_div',null,'div')
//							var	plus_a	=	createElement(sub_titles_div,'plus_a',null,'a')
//								plus_a.href = "javascript:hideorshow_div_pos_div_gen_"+type+"()"
	//							plus_a.href = "javascript:show_unshow_div_"+type+"_cat()"
	//						var	sub_titles_div_a	=	createElement(sub_titles_div,'sub_titles_div_a',null,'div')
	//							sub_titles_div_a.href="javascript:show_unshow_div_"+type+"_cat()"
	//							sub_titles_div_a.innerHTML = getTrans.Translate("Category")
//							var	select_category_div	=	createElement(sub_titles_div,"select_category_div_"+type,"select_category_div_"+type,'div')
//							var	input_cat_id_div	=	createElement(sub_titles_div,"input_cat_id_"+type+"_div","input_cat_id_"+type+"_div",'div')
//								input_cat_id_div.innerHTML =	'<input	type="hidden"	id="input_cat_id_'+type+'"	name="input_cat_id"	value="-1">'
	//			if(type == "add")
	//			{
//						var	sub_titles_div_pic	=	createElement(targetdiv,'sub_titles_div',null,'div')
//							var	plus_a_pic	=	createElement(sub_titles_div_pic,'plus_a',null,'a')
//								plus_a_pic.href = "javascript:show_unshow_div_"+type+"_pic()"
//							var	sub_titles_div_a_pic	=	createElement(sub_titles_div_pic,'sub_titles_div_a',null,'a')
//								sub_titles_div_a_pic.href="javascript:show_unshow_div_"+type+"_pic()"
//								sub_titles_div_a_pic.innerHTML = getTrans.Translate("Pictures")
//						var	select_pic_div	=	createElement(targetdiv,"extra_add_message_pic","select_pic_div_"+type,'div')
	//			}
//						var	extra_options_button	=	createElement(targetdiv,'extra_options_button','extra_options_button','div')
//							var	show_unshow_div_extra_options	=	createElement(extra_options_button,null,null,'a')
//								show_unshow_div_extra_options.innerHTML = getTrans.Translate("extra_options")
//								show_unshow_div_extra_options.href = "javascript:show_unshow_div_"+type+"_extra_options()"
						
//						var	advanced_msg_options	=	createElement(targetdiv,'advanced_msg_options_'+type,'advanced_msg_options_'+type,'div')
			var privacy = ''
			mapsystem.getMessage(msgid,function(message)
				{
					if(message.group_ids[1])
					{
						privacy	=	4
					}
					else if(message.group_ids[treelzsystem.treelersocial.basegroups.friends])
					{
						privacy	=	5
					}
					else
					{
						privacy	=	1
					}
				}
				);
								var	sub_titles_div_group	=	createElement(targetdiv,'sub_titles_div',null,'div')
									var	plus_a_group	=	createElement(sub_titles_div_group,'plus_a',null,'div')
			//							plus_a_group.href = "javascript:show_unshow_div_"+type+"_group()"
									var	sub_titles_div_a_group	=	createElement(sub_titles_div_group,'sub_titles_div_a',null,'div')
			//							sub_titles_div_a_group.href="javascript:show_unshow_div_"+type+"_group()"
										sub_titles_div_a_group.innerHTML = getTrans.Translate("Group")
									var	select_group_div	=	createElement(sub_titles_div_group,"extra_add_message","select_group_div_"+type,'div')
										select_group_div.innerHTML =	'<select id="input_my_groups" onChange="Screen_ChangedGroupseditMessage_add_group(this,'+privacy+', '+msgid+')" class="input_general_select w200" name="input_my_groups"></select>'
								
								var	selected_group_div	=	createElement(targetdiv,"selected_group_div","selected_group_div_"+type,'div')
									var	selected_group_span	=	createElement(selected_group_div,"selected_group_span grey","selected_group_span_"+type,'span')
										selected_group_span.innerHTML = getTrans.Translate("selected_groups")+": "
		
//								var	sub_titles_div_treel	=	createElement(advanced_msg_options,'sub_titles_div',null,'div')
//									var	plus_a_treel	=	createElement(sub_titles_div_treel,'plus_a',null,'div')
			//							plus_a_treel.href = "javascript:show_unshow_div_"+type+"_treel()"
//									var	sub_titles_div_a_treel	=	createElement(sub_titles_div_treel,'sub_titles_div_a',null,'div')
			//							sub_titles_div_a_treel.href="javascript:show_unshow_div_"+type+"_treel()"
//										sub_titles_div_a_treel.innerHTML = getTrans.Translate("Treel")
//								var	select_treel_div	=	createElement(sub_titles_div_treel,"extra_add_message","select_treel_div_"+type,'div')
//									select_treel_div.innerHTML =	'<select	onChange="Screen_Add_Changed_Treel(this)"	id="select_treel_add"	class="input_general_select w200"><option	value="-1">< '+getTrans.Translate("Not part of a Treel")+' ></option><option	value="0">< '+getTrans.Translate("New Treel")+' ></option></select>'
		
//								var	sub_titles_div_lang	=	createElement(advanced_msg_options,'sub_titles_div',null,'div')
//									var	plus_a_lang	=	createElement(sub_titles_div_lang,'plus_a',null,'div')
			//							plus_a_lang.href = "javascript:show_unshow_div_"+type+"_lang()"
//									var	sub_titles_div_a_lang	=	createElement(sub_titles_div_lang,'sub_titles_div_a',null,'div')
			//							sub_titles_div_a_lang.href="javascript:show_unshow_div_"+type+"_lang()"
//										sub_titles_div_a_lang.innerHTML = getTrans.Translate("Language")
//								var	input_language_div	=	createElement(sub_titles_div_lang,"extra_add_message","input_language_div_"+type,'div')
//									input_language_div.innerHTML =	'<select id="input_language" class="input_general_select w200"  name="input_language"></select>'
		
//								var	sub_titles_div_tags	=	createElement(advanced_msg_options,'sub_titles_div_tags',null,'div')
//									var	plus_a_tags	=	createElement(sub_titles_div_tags,'plus_a',null,'div')
			//							plus_a_tags.href = "javascript:show_unshow_div_"+type+"_tags()"
//									var	sub_titles_div_a_tags	=	createElement(sub_titles_div_tags,'sub_titles_div_a',null,'div')
			//							sub_titles_div_a_tags.href="javascript:show_unshow_div_"+type+"_tags()"
//										sub_titles_div_a_tags.innerHTML = getTrans.Translate("Tags")
//								var	input_tags_div	=	createElement(sub_titles_div_tags,"extra_add_message","input_tags_div_"+type,'div')
//									input_tags_div.innerHTML =	'(vb:	amsterdam,	student,	cafe):	<input	type="text"	name="add_new_input_tags"	id="add_new_input_tags"	class="input_general_text_w200"><br>'
				
				if(type == "edit")
				{						
			//			var	current_tags_of_msg_edit	=	createElement(advanced_msg_options,'current_tags_of_msg_edit','current_tags_of_msg_edit','div')

						var	submit_edit_msg	=	createElement(targetdiv,"submit_edit_msg","submit_edit_msg",'div')
						submit_edit_msg.innerHTML = '<br	/><br	/><input	id="edit_inputsubmit"	class="input_general_submit"	onclick="javascript:Message_Submit_Update_add_group('+msgid+')"	type="button"	value="'+getTrans.Translate("save_added_groups")+'"	/><br	/><br	/>'
				}
		}
		function	Message_Submit_Update_add_group(msgid)
		{
				
				mapsystem.getMessage(msgid,function(message)
				{

		//				var	comment_input	=	document.getElementById('edit_comment')
		//				var	title_input	=	document.getElementById('edit_title_input')
		//				var	inputsubmit	=	document.getElementById('edit_inputsubmit')
		//				var	category	=	document.getElementById('input_cat_id_edit').value

		//				inputsubmit.disabled	=	true
		//				title_input.disabled	=	true
		//				comment_input.disabled	=	true
		//				var	comment	=	comment_input.value
		//				var	title	=	title_input.value

		
				
				if(message.group_ids[1])
				{
					privacy	=	4
				}
				else if(message.group_ids[treelzsystem.treelersocial.basegroups.friends])
				{
					privacy	=	5
				}
				else
				{
					privacy	=	1
				}
				
		
		//		var	privacy_public	=		document.getElementById('privacy_input_public')
		//		var	privacy_private	=		document.getElementById('privacy_input_private')
		//		var	privacy_friends	=		document.getElementById('privacy_input_friends')
				//var	privacy	=	4
		//		if(privacy_public.checked)	privacy	=	4
		//		if(privacy_private.checked)	privacy	=	5
		//		if(privacy_friends.checked)	privacy	=	1

				var groups_ids = add_message_get_groups();
				// now add the possible groups
				groups_ids[treelzsystem.treelersocial.basegroups.private] = true
				if(privacy == 1)
				{
						// friends
						groups_ids[treelzsystem.treelersocial.basegroups.friends] = true
				}
				else if(privacy == 4)
				{
						// public (also do friends then...)
						groups_ids[1] =true;
						groups_ids[treelzsystem.treelersocial.basegroups.public] = true
						groups_ids[treelzsystem.treelersocial.basegroups.friends] = true
				}
				else
				{
						// private
						// is always added // see above						
				}
						// now compare groups				
						// what was in orignal & no more
						debug("what was in orignal & no more");
						for(i in message.group_ids)
						{
						   var grpid = message.group_ids[i]
							 if(groups_ids[grpid])
							 {
							  //  both in orignal ass new
								// debug('both in lold en niew gorup ' + grpid + ' from messge ' + message.id);	
							 }
							 else
							 {
							   // was in original, no more
								 // REMOVE
								// debug('todo remove gorup ' + grpid + ' from messge ' + message.id);								 
								 Screen_RemoveMessageFromGroup(message.id,grpid,function(x){});		 
							 }						
						}
						
						// what was not in original & is now
						//debug("what was not in original & is now")
						for(i in groups_ids)
						{
						   var grpid = i
							 if(message.group_ids[grpid])
							 {
							  // both in new and original
							 }
							 else
							 {
							   // was in not original, but is now
								 // add						
								  Screen_AddMessageToGroup(message.id,grpid,function(x){});		 
								 //debug('todo add gorup ' + grpid + ' to messge ' + message.id);
							 }						
						}
						
			//			var	extraoptions	=	{}
			//			var	treelzselect	=	document.getElementById('select_treel_add')
			//			var	traveltreelz	=	treelzselect.options[treelzselect.selectedIndex].value;
			//			if(traveltreelz	>	0	||	traveltreelz	==	-1)	extraoptions.traveltreel	=	traveltreelz
			//			var	tagsinput	=	document.getElementById('add_new_input_tags')
			//			if(tagsinput.value	!=	'')	extraoptions.tags	=	tagsinput.value

			//			var langselect = document.getElementById('input_language')
			//			extraoptions.language  =	langselect.options[langselect.selectedIndex].value;
					
			//			message.updateMessage(title,comment,null,	function(msg)
			//			{ 						    
								//Screen_ShowMessageDetails(msgid)
			//					Screen_Attach_Extra_Photos(msg.id)
			//			}
			//			,category,extraoptions);
			
			Screen_ShowMessageDetails(msgid)
				}
				);
		}
		function AddAGroupToTheGroupsDiv_add_to_group(grp_id, type, privacy, msgid)
		{
	//				alert("AddAGroupToTheGroupsDiv_add_to_group")
			if(the_memorized_array_of_grps_for_addmsg[grp_id] == true)
				{return;}

				the_memorized_array_of_grps_for_addmsg[grp_id] = true;
				var thediv = document.getElementById("selected_group_div_"+type);
					thediv.style.display = ""
					
				
				var inhouddiv = createElement(thediv,null,'groups_selected_by_'+type+'_div_'+grp_id,'div')
				
				mapsystem.groups.getGroup(grp_id,function(grp)
				{
						inhouddiv.innerHTML = " <a class=\"red_font\" href=\"javascript:verwijderGroupFromAddMessage("+grp_id+",'"+type+"')\"> X </a> " + grp.name + " " + grp.title
	//					alert("added to inhouddiv.innerHTML")
					
				//		var privacy_input_publicinput = document.getElementById('privacy_input_public');
	//					if(privacy !==4  && grp.level_show > 1)
	//					{
								// indien anderen akak mods/members van group mogen  zien terwijl het private of friends only is
	//							show_warning_groups_privacy("add_group", msgid)
				//				debug('Todo: check all groups && changing public...');
	//					}
				}
				);
				
				my_own_BuildFunc("_add")
				my_own_BuildFunc("_msg")
		}
		function	Edit_Message_Remove_Tag(messageid,tagid)
		{
				mapsystem.getMessage(messageid,function(message)
				{
						message.removeTag(tagid,function(newlyloadmessage)
						{
								//	reload	new	thing
								var	tags_div	=	document.getElementById('current_tags_of_msg_edit')
								tags_div.innerHTML	=	''
								fill_tags('current_tags_of_msg_edit',newlyloadmessage)
						}
						)
				}
				);
		}
		function		fill_tags(thediv,message)
		{
				var	tags_div	=	document.getElementById(thediv)
				tags_div.innerHTML = ''
				for(i	in	message.tag_ids)
				{
						var	tagid	=	message.tag_ids[i]

						var	tag_remove_a	=	createElement(tags_div,"red_font",null,'a')
						tag_remove_a.setAttribute('href',"javascript:Edit_Message_Remove_Tag("+message.id+","+tagid+")")
						tag_remove_a.innerHTML = "X "

		//				var	tag_remove_img	=	createElement(tag_remove_a,null,null,'img')
		//				tag_remove_img.setAttribute('src',"http://www.vaneede.com/images/delete.gif")

						var	tag_div	=	createElement(tags_div,null,null,'span')
						Screen_FillElementWithTag(tag_div,tagid)
						var	tag_remove_br	=	createElement(tags_div,null,null,'br')
				}
		}

		


		function	Delete_Message(msgid)
		{
				//	var	message_div	=	document.getElementById("message")
				//		message_div.style.height	=	''

				var	thediv	=	document.getElementById("clientarea_inner_msg")
				thediv.innerHTML	=	''
				var	message_edit_div	=	createElement(thediv,null,'message_edit_div','div')
				var	fill_str	=	''
				fill_str	+=	getTrans.Translate("confirm_message_delete");
		//		fill_str	+=	'<br	/><br	/><input	id="inputsubmit"	class="input_general_submit"	onclick="javascript:Delete_Message_Yes_Submit('+msgid+')"	type="button"	value="'	+	getTrans.Translate("yes")	+	'"	/>';
		//		fill_str	+=	'&nbsp;&nbsp;&nbsp;<input	id="inputsubmit"	class="input_general_submit"	onclick="javascript:Delete_Message_Yes_And_Attached_Submit('+msgid+')"	type="button"	value="'+getTrans.Translate("yes_and_pictures")+'"/>';
				fill_str	+=	'<br	/><br	/><input	id="inputsubmit"	class="input_general_submit"	onclick="javascript:Delete_Message_Yes_And_Attached_Submit('+msgid+')"	type="button"	value="'	+	getTrans.Translate("yes")	+	'"	/>';
				fill_str	+=	'&nbsp;&nbsp;&nbsp;<input	id="inputsubmit"	class="input_general_submit"	onclick="javascript:Delete_Message_No_Submit('+msgid+')"	type="button"	value="'	+	getTrans.Translate("no")	+	'"	/><br	/><br	/>';

				message_edit_div.innerHTML	=	fill_str

				my_own_BuildFunc("_msg")
		}


		function	Delete_Message_No_Submit(msgid)
		{
				Screen_ShowMessageDetails(msgid)
		}

		function	Delete_Message_Yes_Submit(msgid)
		{
				var	thediv	=	document.getElementById("clientarea_inner_msg")
				thediv.innerHTML	=	''
				var	message_edit_div	=	createElement(thediv,null,'message_edit_div','div')
					message_edit_div.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
					mapsystem.getMessage(msgid,function(msg)
					{
							var	locid	=	msg.location_id
							msg.removeThisMessae(true,function()
							{
									mapsystem.locations.getLocation(locid,function(loc)
									{
											//Screen_ShowLocationDetails(locid)
											var	fill_str	=	getTrans.Translate("message_deleted")
											document.getElementById("clientarea_inner_msg").innerHTML	=	fill_str
											my_own_BuildFunc("_msg")
									}
									,true)
							}
							);
					}
					);
		}
		function	Delete_Message_Yes_And_Attached_Submit(msgid)
		{
				var	thediv	=	document.getElementById("clientarea_inner_msg")
					thediv.innerHTML	=	''
				var	message_edit_div	=	createElement(thediv,null,'message_edit_div','div')
					message_edit_div.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'
					mapsystem.getMessage(msgid,function(msg)
					{
							var	locid	=	msg.location_id
							msg.removeThisMessae(true,function()
							{
									mapsystem.locations.getLocation(locid,function(loc)
									{
											//Screen_ShowLocationDetails(locid)
											var	fill_str	=	getTrans.Translate("message_deleted")
											document.getElementById("clientarea_inner_msg").innerHTML	=	fill_str
											my_own_BuildFunc("_msg")
									}
									,true)
	
							}
							,true);
					}
					);
		}

		function	show_large_picture(msgid, button)
		{
			show.stop();
				clickedon_smallpicture()

				var	outer_largepicture	=	document.getElementById("outer_largepicture")	;
				outer_largepicture.innerHTML	=	'';
				outer_largepicture.style.visibility	=	"inherit";

				var	picture_normal_div	=	createElement(outer_largepicture,"largepicture","largepicture",'div');

				var	picture_a	=	document.createElement('a');
				picture_a.href	=	"javascript:close_large_pic()";
				picture_normal_div.appendChild(picture_a);

				var	picture_img	=		document.createElement('img');
				picture_img.src=baseurl+	'imageshow.php?thumb=true&h=500&w=600&imageid='+msgid+'';
				picture_img.title	=	getTrans.Translate("title_large_pic")
				//picture_img.width="600";
				//picture_img.height="600";
				picture_img.border="0";
				picture_a.appendChild(picture_img);

				var	outer_largepicture_div	=	document.getElementById("outer_largepicture");



				if (button != "no_button") 
				{
					var	slideshowbuttons_div	=	createElement(outer_largepicture_div,"slideshowbuttons_div","slideshowbuttons_div",'div');
						slideshowbuttons_div.style.bottom = "10px"
						slideshowbuttons_div.style.top = ""						
						slideshowbuttons_div.style.left = "0px"						
						slideshowbuttons_div.style.right = ""						
						slideshowbuttons_div.style.width = "100%"						
						
						var	center	=	createElement(slideshowbuttons_div,null,null,'center');
							var	slideshowbuttons_div_center	=	createElement(center,"button_div_center","slideshowbuttons_div_center",'div');
								slideshowbuttons_div_center.style.width	=	'0px'
					
					create_clickable_icon("slideshowbuttons_div_center", "slideshow_previous", "slideshow/icon_slideshow_previous", "javascript:show.showPrev()",  "title_prev_pic", null,  "left", space_inbetween, slideshow_b_o, slideshow_f_o)
					if (show.ReturnStatus() == "running"){create_clickable_icon("slideshowbuttons_div_center", "slideshow_play_pause", "slideshow/icon_slideshow_pause", "javascript:show.PlayPause_button(); change_button_play_pause()",  "title_pause", null,  "left", space_inbetween, slideshow_b_o, slideshow_f_o)}
					else{create_clickable_icon("slideshowbuttons_div_center", "slideshow_play_pause", "slideshow/icon_slideshow_play", "javascript:show.PlayPause_button(); change_button_play_pause()",  "title_play", null,  "left", space_inbetween, slideshow_b_o, slideshow_f_o)}
					create_clickable_icon("slideshowbuttons_div_center", "slideshow_next", "slideshow/icon_slideshow_next", "javascript:show.showNext()",  "title_next_pic", null,  "left", space_inbetween, slideshow_b_o, slideshow_f_o)
					create_clickable_icon("slideshowbuttons_div_center", "slideshow_fullscreen", "slideshow/icon_slideshow_full_screen", "javascript:show.fullscreen("+msgid+")",  "title_full_screen", null,  "left", space_inbetween, slideshow_b_o, slideshow_f_o)
					create_clickable_icon("slideshowbuttons_div_center", "slideshow_print", "slideshow/icon_slideshow_print", "javascript:print_large_pic("+msgid+")",  "title_print_pic", null,  "left", space_inbetween, slideshow_b_o, slideshow_f_o)
					create_clickable_icon("slideshowbuttons_div_center", "slideshow_close", "slideshow/icon_slideshow_close", "javascript:close_large_pic()",  "title_close_pic", null,  "left", space_inbetween, slideshow_b_o, slideshow_f_o)
				}
				else
				{
					
					var	slideshowbuttons_div	=	createElement(outer_largepicture_div,"slideshowbuttons_div","slideshowbuttons_div",'div');
						slideshowbuttons_div.style.bottom = ""
						slideshowbuttons_div.style.top = "5px"						
						slideshowbuttons_div.style.left = ""						
						slideshowbuttons_div.style.right = "3px"						
						slideshowbuttons_div.style.width = "50px"						
					
					
					create_clickable_icon("slideshowbuttons_div", "slideshow_close", "slideshow/icon_slideshow_close_userpic", "javascript:close_large_pic()",  "title_close_pic", null,  "right", space_inbetween, slideshow_b_o, slideshow_f_o, true)

		//			add_close_button("largepicture",	"javascript:close_large_pic()")
				}
				fOnResizeWindow()
				
				
				
		}
		function change_button_play_pause() 
		{
			var play_pause_span = document.getElementById("slideshow_play_pause");
			if (show.ReturnStatus() == "running") 
			{
				play_pause_span.title=getTrans.Translate("title_pause")
				set_background_image(play_pause_span, "images/1_knoppen/slideshow/icon_slideshow_pause.png")
			}
			else if (show.ReturnStatus() == "paused") 
			{
				play_pause_span.title=getTrans.Translate("title_play")
				set_background_image(play_pause_span, "images/1_knoppen/slideshow/icon_slideshow_play.png")
			}	
		}
		function change_button_play_pause_f() 
		{
			var play_pause_span = document.getElementById("slideshow_play_pause_full");
			if (show.ReturnStatusf() == "running") 
			{
				play_pause_span.title=getTrans.Translate("title_pause")
				set_background_image(play_pause_span, "images/1_knoppen/slideshow/icon_slideshow_pause.png")
			}
			else if (show.ReturnStatusf() == "paused") 
			{
				play_pause_span.title=getTrans.Translate("title_play")
				set_background_image(play_pause_span, "images/1_knoppen/slideshow/icon_slideshow_play.png")
			}	
		}

		function	close_large_pic()
		{
				show.stop();
				clickedon_largepicture()

				var	picture_large_div	=	document.getElementById("outer_largepicture")
					picture_large_div.innerHTML	=	''
					picture_large_div.style.visibility	=	"hidden";


				var	picture_normal_div	=	createElement(picture_large_div,"largepicture","largepicture",'div');

		}
		function	print_large_pic(imageid)	{
				//alert	(imageid);
				window.open('imageprint.php?imageid='	+	imageid,	imageid,	'width=800,height=600,directories=no,location=no,menubar=no,resizable=no,status=no,toolbars=no,scrollbars=yes');
		}
		function	Screen_AddClickableUserImageToDiv(thediv,user)
		{

				var	userpicture_span	=	createElement(thediv,"class_h5","class_h5",'span')

				var	userpicture_a	=		document.createElement('a');
				userpicture_a.href="javascript:Screen_InitSideBarUserProfile("+user.id+")"
				userpicture_span.appendChild(userpicture_a)

				var	userpicture_img	=	createElement(userpicture_a,"img_align_left",null,'img')


				userpicture_img.src=baseurl+	'imageshow.php?thumb=true&h=60&w=60&imageid='+user.picture_id+'';
				userpicture_img.border="0"
				userpicture_img.style.align="left"
				userpicture_img.align="left"
				userpicture_img.title	=	getTrans.Translate("title_user_pic_msg")
		}

		function	Screen_AddClickableUserImageToReply(thediv,user)
		{

				var	userpicture_span	=	createElement(thediv,"class_h5","class_h5",'span')

				var	userpicture_a	=		document.createElement('a');
				userpicture_a.href="javascript:Screen_InitSideBarUserProfile("+user.id+")"
				userpicture_span.appendChild(userpicture_a)

				var	userpicture_img	=	createElement(userpicture_a,"img_align_left",null,'img')


				userpicture_img.src=baseurl+	'imageshow.php?thumb=true&h=40&w=40&imageid='+user.picture_id+'';
				userpicture_img.border="0"
				userpicture_img.title	=	getTrans.Translate("title_user_pic_msg")
		}


		function	load_content_loc(locid)
		{


				clickedon_location()

				var	thediv_outer	=	document.getElementById("frame_loc")
				thediv_outer.innerHTML	=	'';

				var	thediv	=	document.getElementById("clientarea_loc")
				thediv.style.height	=	''

				var	thediv	=	document.getElementById("clientarea_inner_loc")
				thediv.innerHTML	=	'';
				thediv.style.height	=	''

				//		var	tabs_div	=	createElement(thediv_outer,"tabs_div","tabs_loc",'div')

				//			fill_tabs_location_div(tabs_div,	locid)

				var	details_div_location	=	createElement(thediv,'details_div_location','details_div_location','div')

				show_both_location	(locid)


				show_container("_loc")

				urls.AddVariable("L", locid);
				urls.UpdateURL();

				var	buttons_loc_div		=	document.getElementById("buttons_loc_div")
				buttons_loc_div.style.visibility = "inherit"

		create_clickable_icon("buttons_center_loc_div", "add_message_loc", "icon_add_message", "javascript:Screen_Add_Message("+locid+")",  "title_add_message", null,  "right", 6, option_b_o, option_f_o)
		create_clickable_icon("buttons_center_loc_div", "zoom_in_loc", "icon_zoom_in", "javascript:tooltip_zoom_clicked("+locid+")",  "title_zoomin_location", null,  "right", 6, option_b_o, option_f_o)
		create_clickable_icon("buttons_center_loc_div", "center_loc", "icon_center", "javascript:tooltip_center_clicked("+locid+")",  "title_center_location", null,  "right", 3, option_b_o, option_f_o)
		create_clickable_icon("buttons_center_loc_div", "zoom_out_loc", "icon_zoom_out", "javascript:zoomout()",  "title_zoomout_location", null,  "right", 3, option_b_o, option_f_o)
		}

		function	Screen_ShowLatestMessageOfLocation(loc)
		{

				loc.getMessages(function(msgs)
				{

						var	maxi	=	-1
						for(i	in	msgs)
						{
								if(i	>	maxi)	maxi	=	i;
						}

						if(maxi	>	0)
						{
								Screen_ShowMessageDetails(maxi)
						}

				}
				);

		}


		function	Screen_LocationDetailAddMessageToTable(themessagediv,message)
		{
				//		var	message_icon_a	=	createElement(themessagediv,null,null,'a')
				//			message_icon_a	=	"javascript:Screen_ShowMessageDetails("+message.id+")"

				var	message_icon_a_img	=	createElement(themessagediv,	null,	null,'img')
				treelzsystem.users.getUser(message.userid,true,function(user)
				{
						message_icon_a_img.src	=	createimageshowUrl(user.picture_id,true,16,16)
				}
				);

				//				message_icon_a_img.src	=	createimageshowUrl(message.user.icon,true,16,16)


				//		treelzsystem.users.getUser(userid,true,function(user)
				//		{
				//		Screen_AddClickableUserImageToDiv(message_icon_a,user)
				//		}
				//		);

				var	message_title_a	=	createElement(themessagediv,null,null,'a')
				message_title_a.href="javascript:Screen_ShowMessageDetails("+message.id+")"
				title	=	message.title

				if(title	==	null	||		title	==	'')
				{
						title	=	'No	title	'	+	message.id
				}
				message_title_a.innerHTML	=	title


				/*
				var	message_reply_a	=createElement(themessagediv,null,null,'a')
				message_reply_a.href="javascript:Screen_ShowMessageDetails("+message.id+")"
				message.getNumberOfReplies(function(aantal)
				{
				message_reply_a.innerHTML	=	'	('+aantal+'	<img	src="http://support.introweb.nl/email/webmail/gfx/icons/reply_act.png"	width="16"	alt=""	border="0"	>,	'
				}
				);
				*/
				var	message_att_span	=createElement(themessagediv,null,null,'span')
				//		message_att_a.href="javascript:Screen_ShowMessageDetails("+message.id+")"
				message.getNumberOfAttached(function(aantal)
				{
						if(aantal > 0)
						{
								message_att_span.innerHTML	=	' ('+aantal+')'
						}

				}
				);


				themessagediv.appendChild(document.createElement('br'))

		}

		function	fill_tabs_location_div(tabs_location_div,	locid)
		{

				var	show_pictures_a	=	createElement(tabs_location_div,null,null,'a')
				show_pictures_a.href	=	"javascript:show_both_location("+locid+")"
				show_pictures_a.innerHTML	=	getTrans.Translate("both")
				show_pictures_a.title	=	getTrans.Translate("title_show_both_loc")

				var	streepje_span	=	createElement(tabs_location_div,null,null,'span')
				streepje_span.innerHTML	=	"	|	"

				var	show_pictures_a	=	createElement(tabs_location_div,null,null,'a')
				show_pictures_a.href	=	"javascript:show_only_pictures_location("+locid+")"
				show_pictures_a.innerHTML	=	getTrans.Translate("pictures")
				show_pictures_a.title	=	getTrans.Translate("title_show_pictures_loc")

				var	streepje_span	=	createElement(tabs_location_div,null,null,'span')
				streepje_span.innerHTML	=	"	|	"

				var	show_messages_a	=	createElement(tabs_location_div,null,null,'a')
				show_messages_a.href	=	"javascript:show_only_messages_location("+locid+")"
				show_messages_a.innerHTML	=	getTrans.Translate("messages")
				show_messages_a.title	=	getTrans.Translate("title_show_messages_loc")

		}




		function	show_only_pictures_location(locid)
		{
				show_pictures_location(locid,	"details_div_location")
		}

		function	show_only_messages_location(locid)
		{
				show_messages_location(locid,	"details_div_location")

		}

		function	show_both_location(locid)
		{

				var	details_div_location	=	document.getElementById("details_div_location")
				details_div_location.innerHTML	=	''

				var	msg_div_location		=	createElement(details_div_location,"msg_div_location","msg_div_location",'div')
				show_messages_location(locid,	"msg_div_location")

				var	pic_div_location		=	createElement(details_div_location,"pic_div_location","pic_div_location",'div')
				show_pictures_location(locid,	"pic_div_location")

		}





		function	show_pictures_location(locid,	destination_div)
		{
				var	details_div_location	=	document.getElementById(destination_div)
				details_div_location.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'

				mapsystem.locations.getLocation(locid,function(gevondenlocation)
				{
						gevondenlocation.getMessages(function(msgs)
						{
								details_div_location.innerHTML	=	''


								for(i	in	msgs)
								{
										var	message	=	msgs[i]
										if(message.type	==	4)
										{
												Screen_LocationDetailAddPhotoToDiv(details_div_location,message)
												my_own_BuildFunc("_loc")
										}
								}
						}
						);

				}
				);


		}

		function showWikiArticle(article,lang)
		{
				clickedon_message(null, true)

				var	thediv_outer	=	document.getElementById("frame_msg")
				thediv_outer.innerHTML	=	'';

				var	thediv	=	document.getElementById("clientarea_inner_msg")
				thediv.innerHTML	=		'<img	src="images/indicator.gif"	alt="">'
				Wiki_DownloadArticle(article,lang,function(stars)
				{
						//alert(stars)
						//alert(stars[0])
						//	var thediv = document.getElementById('wiki_article_div')


						thediv.innerHTML	=''

						var theart = stars[0]
						var links = theart.indexOf("==")
						if(links != -1)
						{
								theart= theart.substring(0,links)
						}
						thediv.innerHTML = theart

						my_own_BuildFunc("_msg")

				}
				)

				show_container("_msg")


		}

		function	show_messages_location(locid,	destination_div)
		{
				var	details_div_location	=	document.getElementById(destination_div)
				details_div_location.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'

				mapsystem.locations.getLocation(locid,function(gevondenlocation)
				{
						gevondenlocation.getMessages(function(msgs)
						{
								if(gevondenlocation.wiki)
								{

										if(gevondenlocation.wiki.other_langs['nl'])
										{
												//details_div_location.innerHTML	=	'<a target="_blank" href="http://nl.wikipedia.org/wiki/'+gevondenlocation.wiki.other_langs['nl']+'">Wiki:' + gevondenlocation.wiki.other_langs['nl'] +'</a>'
												details_div_location.innerHTML = '<a href="javascript:showWikiArticle(\''+gevondenlocation.wiki.other_langs['nl']+'\',\'nl\')">Wiki: '+gevondenlocation.wiki.other_langs['nl']+'</a><div id="wiki_article_div"></div>'
										}
										else if(gevondenlocation.wiki.other_langs['en'])
										{
												details_div_location.innerHTML = '<a href="javascript:showWikiArticle(\''+gevondenlocation.wiki.other_langs['en']+'\',\'en\')">Wiki: '+gevondenlocation.wiki.other_langs['en']+'</a><div id="wiki_article_div"></div>'
												//details_div_location.innerHTML	=	'<a target="_blank" href="http://en.wikipedia.org/wiki/'+gevondenlocation.wiki.other_langs['en']+'">Wiki:' + gevondenlocation.wiki.other_langs['en'] +'</a>';
										}
										else
										{
												details_div_location.innerHTML = '<a href="javascript:showWikiArticle(\''+gevondenlocation.wiki.titel+'\',\''+gevondenlocation.wiki.lang+'\')">Wiki:' + gevondenlocation.wiki.titel +'</a><div id="wiki_article_div"></div>'
												//details_div_location.innerHTML	=	'<a target="_blank" href="http://'+gevondenlocation.wiki.lang+'.wikipedia.org/wiki/'+gevondenlocation.wiki.titel+'">Wiki:' + gevondenlocation.wiki.titel +'</a>';
										}

								}
								else
								{

										details_div_location.innerHTML	=	'';
								}


								for(i	in	msgs)
								{

										var	message	=	msgs[i]
										if(message.type	==	1)
										{
												Screen_LocationDetailAddMessageToTable(details_div_location,message)
										}


								}
						}
						);

				}
				);


		}


		/*
		function	show_messages_location(msgid)
		{
		var	details_div_location	=	document.getElementById("details_div_location")

		var	picturesonthislocation_inner_div		=	createElement(picturesonthislocation_div,"locoverview","locoverview",'div')
		picturesonthislocation_inner_div.innerHTML	=	'<img	src="images/indicator.gif"	alt="">'

		mapsystem.locations.getLocation(locid,function(gevondenlocation)
		{
		gevondenlocation.getMessages(function(msgs)
		{
		messagesonthislocation_div.innerHTML	=	''
		picturesonthislocation_inner_div.innerHTML	=	''

		var	message_div		=	createElement(messagesonthislocation_div,null,null,'div')
		message_div.cellpadding="0"
		message_div.cellspacing="0"


		for(i	in	msgs)
		{
		var	message	=	msgs[i]
		if(message.type	==	4)
		{
		Screen_LocationDetailAddPhotoToDiv(picturesonthislocation_inner_div,message)
		}
		else	if(message.type	==	1)
		{
		Screen_LocationDetailAddMessageToTable(message_div,message)
		}
		}
		}
		);

		}
		);

		}
		*/
		function	Screen_LocationDetailAddPhotoToDiv(thefotodiv,message)
		{

				//	var	thumb_div		=	createElement(thefotodiv,"smallthumb-lo","smallthumb-lo",'div')


				var	thumb_a	=		document.createElement('a');
				thumb_a.href="javascript:Screen_ShowMessageDetails("+message.id+")"
				thefotodiv.appendChild(thumb_a)


				var	thumb_img	=	createElement(thumb_a,"thumb_img",null,'img')
				thumb_img.src=	baseurl+	'imageshow.php?thumb=true&h=42&w=56&imageid='+message.picture_id+'';//"images/voorbeelden/huub.jpg"
				thumb_img.width="56"
				thumb_img.height="42"
				thumb_img.border="0"
		}

		function	updateWhoFilter(yes,filter,dontdownload)
		{
				debug("Tpoints::updateWhoFilter is old");
				/*
				if(yes)

				{
				mapsystem.addWhoFilter(filter,dontdownload)
				}
				else
				{
				mapsystem.removeWhoFilter(filter,dontdownload)
				}
				*/
		}
		function	updateWhatFilter(yes,filter,dontdownload)
		{
				debug("Tpoints::updateWhatFilter is old");
				x.fs()
				/*
				if(yes)
				{
				mapsystem.addWhatFilter(filter,dontdownload)
				}
				else
				{
				mapsystem.removeWhatFilter(filter,dontdownload)
				}
				*/
		}

		function	enableMapClick(eenfunction,reset)
		{
				if(reset	!=	false	&&	reset	!=	true)	reset	=	false
				mapsystem.registerLocationClickCallback(eenfunction,reset)
		}


		function	Screen_Point_ExistingLocClicked(loc)
		{
				//	alert(loc.id)

				//	var nr_of_messages = ??????????
				//  if(nr_of_messages > 1)	<-- zoiets, maar dan met de juiste code  ;-)	, zodat loc ding alleen komt als er meer dan 1 bericht is
				//	{
				loc.getMessages(function(msgs)
				{
						var aantal = 0;
						for(i in msgs)
						{
								var msg = msgs[i]
								if(msg.attached_to_messages_ids.length == 0)
								{
										aantal++;
								}
						}
						if(aantal > 1)
						{
								Screen_ShowLocationDetails(loc.id);
						}
						else
						{
								hide_container_onscreen("_loc")
						}

				}
				);

				//	}

				Screen_ShowLatestMessageOfLocation(loc)

		}

		function add_message_get_groups()
		{
				// debug("Screen_Add_Message_Submit ==>please implement t_points::add_message_get_groups()");
				removeNullsFromArray(the_memorized_array_of_grps_for_addmsg)
				return removeNullsFromArray(the_memorized_array_of_grps_for_addmsg);
		}

		function	Screen_Add_Message_Submit()
		{
				var	comment_input	=	document.getElementById('comment')
				var	title_input	=	document.getElementById('title_input')
				var	inputsubmit	=	document.getElementById('inputsubmit')
				var	input_lat	=	document.getElementById('input_lat')
				var	input_lng	=	document.getElementById('input_lng')
				var	input_id	=	document.getElementById('input_id')
				var	comment	=	comment_input.value

				debug(input_lat + ' ' + input_lng)

				var	privacy_public	=		document.getElementById('privacy_input_public')
				var	privacy_private	=		document.getElementById('privacy_input_private')
				var	privacy_friends	=		document.getElementById('privacy_input_friends')
				var	privacy	=	4
				if(privacy_public.checked)	privacy	=	4
				if(privacy_private.checked)	privacy	=	5
				if(privacy_friends.checked)	privacy	=	1

				var groups_ids = add_message_get_groups();
				// now add the possible groups
				groups_ids[treelzsystem.treelersocial.basegroups.private] = true
				if(privacy == 1)
				{
						// friends
						groups_ids[treelzsystem.treelersocial.basegroups.friends] = true
				}
				else if(privacy == 4)
				{
						// public (also do friends then...)
						groups_ids[1] =true;
						groups_ids[treelzsystem.treelersocial.basegroups.friends] = true
												groups_ids[treelzsystem.treelersocial.basegroups.public] = true
				}
				else
				{
						// private
						// is always added
				}

				var	catsselect	=		document.getElementById('input_cat_id_add');
				var	category = catsselect.value

				var	options	=	{}
				var	treelzselect	=	document.getElementById('select_treel_add')
				var	traveltreelz	=	treelzselect.options[treelzselect.selectedIndex].value;
				if(traveltreelz	>	0)	options.traveltreel	=	traveltreelz

				var langselect = document.getElementById('input_language')
				options.language  =	langselect.options[langselect.selectedIndex].value;

				var	tagsinput	=	document.getElementById('add_new_input_tags')
				if(tagsinput.value	!=	'')	options.tags	=	tagsinput.value

				if(category	==	-1	||	category	==	false	||	category	==	'')
				{
						var	category	=	1101
				}
				var	title	=	title_input.value

				if(title	==	''	||	comment	==	'')
				{
						alert(getTrans.Translate("insert_titel_and_message"));
						return
				}
				inputsubmit.disabled	=	true
				title_input.disabled	=	true
				comment_input.disabled	=	true

				//alert(comment	+	title)
				if(input_id)
				{
						//	add	to	existing
						var	locid=	input_id.value
						mapsystem.locations.getLocation(locid,function(existloc)
						{
								// DIT IS ZELFDE ALS ONDER!!!
								existloc.saveNewInfo(title,comment,groups_ids,function(loc,themessageid)
								{
										if(testapple	||navigator.platform	==	'MacIntel'	||	navigator.platform	==	'MacPPC'	||		navigator.platform.substring(0,3).toLowerCase()	==	'mac')
										{
												upload_show_new_msg_id	=	themessageid
												var	evalstr=	'window.frames.iframe_pics_'+iframecountertje+'.submitPictures('+themessageid+',"'+sid+'")'
												eval(evalstr)
										}
										else
										{
												Screen_Add_Message_SaveImages(themessageid)
										}
								}
//hier doet ie het nog kan je checken met:
//alert(category)
								,category,options)
						}
						);
				}
				else
				{
						// just create a location
						var lng = input_lng.value
						var lat =input_lat.value
						mapsystem.locations.createNewLocation(lng,lat,function(existloc)
						{
								// DIT IS ZELFDE ALS BOVEN!!!
								existloc.saveNewInfo(title,comment,groups_ids,function(loc,themessageid)
								{
										if(testapple	||navigator.platform	==	'MacIntel'	||	navigator.platform	==	'MacPPC'	||		navigator.platform.substring(0,3).toLowerCase()	==	'mac')
										{
												upload_show_new_msg_id	=	themessageid
												var	evalstr=	'window.frames.iframe_pics_'+iframecountertje+'.submitPictures('+themessageid+',"'+sid+'")'
												eval(evalstr)
										}
										else
										{
												Screen_Add_Message_SaveImages(themessageid)
										}
								}
								,category,options)
						}
						);
				}
				/*
				}

				else
				{
				//	add	to	new

				var	lat=	input_lat.value
				var	lng=	input_lng.value
				mapsystem.locations.saveNewLocation(lng,lat,title,privacy,comment,function(newloc,newmessageid)
				{

				if(testapple	||	navigator.platform	==	'MacIntel'	||	navigator.platform	==	'MacPPC'	||		navigator.platform.substring(0,3).toLowerCase()	==	'mac')
				{
				upload_show_new_msg_id	=	newmessageid
				var	evalstr=	'window.frames.iframe_pics_'+iframecountertje+'.submitPictures('+newmessageid+',"'+sid+'")'
				eval(evalstr)
				}
				else
				{
				Screen_Add_Message_SaveImages(newmessageid)
				}
				}
				,category,options)

				}
				*/

		}

		var	upload_show_new_msg_id=false

		function	Screen_Add_Message_SaveImages(attachedtonewmessageid)
		{
				//	update	post	setttings
				var	params	=	new	Object();
				params['attach_to_msg']	=	attachedtonewmessageid;
				params['sid']	=	sid;
				upload1.setPostParams(params);
				//	set	upload	id
				upload_show_new_msg_id	=	attachedtonewmessageid

				//	now	check	whether	empty	queue
				var	allnone	=	true
				for(i	in	fileobject_queue)
				{
						if(fileobject_queue[i]	==	true)
						{
								allnone	=	false
						}
				}

				if(allnone)
				{
						Screen_Add_Message_SaveImages_After()
				}
				else
				{
						//	start	upload
						upload1.startUpload()
				}

		}

		function	Screen_Add_Message_SaveImages_After()
		{
				debug('after uploading images' + upload_show_new_msg_id);
				if(upload_show_new_msg_id)
				{
							 var msgcacher	=	getMessageCacher();		
				    msgcacher.getMessage(upload_show_new_msg_id,	function(msg)
						//mapsystem.getMessage(upload_show_new_msg_id,function(msg)
						{
						    // update screen
								mapsystem.globalfilter.recheckFilter()
						    // showmsg								
								Screen_ShowMessageDetails(upload_show_new_msg_id);
								upload_show_new_msg_id=false;
						}
						,true,true)
				}

		}

		var	upload1	=	null
		var	iframecountertje	=	0;

		function	load_content_add(id,lat,lng)
		{
				the_memorized_array_of_grps_for_addmsg = []
				iframecountertje = iframecountertje + 1

				if(treelzsystem	&&	treelzsystem.treelersocial)
				{
						clickedon_addmessage()

						var	thediv_outer	=	document.getElementById("frame_add")
						thediv_outer.innerHTML	=	'';

						var	thediv	=	document.getElementById("clientarea_inner_add");
						thediv.innerHTML	=	'';

						var	fill_str	=	''	//'<form	action="upload_test_server.php"	method="post"	id="photoupload"	enctype="multipart/form-data">';

						fill_str	+=	''+getTrans.Translate("title")+':	';
						fill_str	+=	'<br	/>';
						fill_str	+=	'<input	class="input_general_text"	id="title_input"	type="text"	name="userid"		value=""	/><br	/>';
						fill_str	+=	''+getTrans.Translate("message")+':<br	/>';
						fill_str	+=	'<textarea	class="input_general_text"	id="comment"	class="treelz-input-nieuwbericht"	rows="7"		name="comment"><\/textarea><br	/>';
						if(id)
						{

								fill_str	+=	'<input	type="hidden"	id="input_id"	value="'+id+'">';
						}
						else
						{
								fill_str	+=	'<input	type="hidden"	id="input_lat"	value="'+lat+'">';
								fill_str	+=	'<input	type="hidden"	id="input_lng"	value="'+lng+'">';
						}

						if(domain_gid != -1)
						{
							mapsystem.groups.getGroup(domain_gid,function(group)
							{
								if(group.level_show == 3)
								{
									fill_str	+=	'<div	id="select_showlevel_div_add"	class="select_showlevel_div_add"><input	type="radio"	name="privacy_input"	 onclick="display_alert_pivacy_off(\'add\')"		value="4"	id="privacy_input_public"/>	'+getTrans.Translate("public")+' <input	type="radio"	name="privacy_input"	value="1" 		id="privacy_input_friends" onclick="check_if_groups_selected(\'add\')"/>	'+getTrans.Translate("friends")+'	<input	type="radio"	name="privacy_input" checked	value="5"	id="privacy_input_private" onclick="check_if_groups_selected(\'add\')"/>	'+getTrans.Translate("private")+'</div>'
								}
								else
								{
									fill_str	+=	'<div	id="select_showlevel_div_add"	class="select_showlevel_div_add"><input	type="radio"	name="privacy_input"	onclick="display_alert_pivacy_off(\'add\')"checked value="4"	id="privacy_input_public"/>	'+getTrans.Translate("public")+' <input	type="radio"	name="privacy_input"	value="1" 		id="privacy_input_friends" onclick="check_if_groups_selected(\'add\')"/>	'+getTrans.Translate("friends")+'	<input	type="radio"	name="privacy_input"			value="5"	id="privacy_input_private" onclick="check_if_groups_selected(\'add\')"/>	'+getTrans.Translate("private")+'</div>'
								}
							}
							);
						}
						else
						{
									fill_str	+=	'<div	id="select_showlevel_div_add"	class="select_showlevel_div_add"><input	type="radio"	name="privacy_input"	onclick="display_alert_pivacy_off(\'add\')" checked value="4"	id="privacy_input_public"/>	'+getTrans.Translate("public")+' <input	type="radio"	name="privacy_input"	value="1" 		id="privacy_input_friends" onclick="check_if_groups_selected(\'add\')"/>	'+getTrans.Translate("friends")+'	<input	type="radio"	name="privacy_input"			value="5"	id="privacy_input_private" onclick="check_if_groups_selected(\'add\')"/>	'+getTrans.Translate("private")+'</div>'
						}
						
						fill_str	+=	'<div	id="selected_group"	class="selected_group"></div>'
						fill_str +=   '<div class="alert_not_private_friends" id="alert_not_private_friends_add" ><div id="alert_not_private_friends_image"></div><div class="grey" id="alert_not_private_friends_text"></div></div>';
		//				fill_str +=   '<div id="groups_selected_by_add_div"></div>';
						
						thediv.innerHTML	=	fill_str;
						
						fill_options(thediv, "add")	
						
						collapse_all()
						
						fill_str_with_add_picture('select_pic_div_add')
						
						fill_groups_myadd('input_my_groups')
						fill_treel_select('select_treel_add')
						fill_language_select(document.getElementById('input_language'),treelzsystem.treelersocial.user.primary_language_id)
						fill_category_div("add")

						//domain of current group:
						//debug('need to work on current domain setting, now grp 1735');
						var current_group_domain = domain_gid;
						if(current_group_domain != -1)
						{
								mapsystem.groups.getGroupUsersCanAdd(treelzsystem.treelersocial.user.id,	function(grps)
								{
										if(grps[current_group_domain])
										{
												var selctgrpdiv = document.getElementById("selected_group");
								//				selctgrpdiv.innerHTML = 'Current domain: '+grps[current_group_domain].name+'.treelz.com  <a href="javascript:debug()">(?)</a>'
												selctgrpdiv.innerHTML = 'Current domain: '+grps[current_group_domain].name+'.treelz.com'
												AddAGroupToTheGroupsDiv(current_group_domain, "add")
										}
										else
										{
												debug('domain not part of groups add-able by user');
										}
								}
								);
						}
						
						show_container("_add")
						add_submit_button_add_message()
				}
				else
				{
				show_treelz_alert("not_loggedin_msg")
				}
				display_alert_pivacy_off("add")
				
			my_own_BuildFunc('_add')
		}

function fill_str_with_add_picture(targetdiv_id)
{
	var targetdiv = document.getElementById(targetdiv_id)

						if(testapple	||	navigator.platform	==	'MacIntel'	||	navigator.platform	==	'MacPPC'	||		navigator.platform.substring(0,3).toLowerCase()	==	'mac')
						{
							targetdiv.innerHTML	+=	'<span class="grey">'+getTrans.Translate("only_jpg")+'</span><br/><br/>'
							targetdiv.innerHTML	+=	'<IFRAME	src="uploadclientmac.php"	name="iframe_pics_'+iframecountertje+'"	id="iframe_pics_'+iframecountertje+'"		width="300"	height="150">	</IFRAME>'
						}
						else
						{
							var fill_str = ''
							fill_str +=	'				<span class="grey">'+getTrans.Translate("only_jpg")+'</span>'
							fill_str +=	'<table>'
							fill_str +=	'	<tr	valign="top">'
							fill_str +=	'		<td>'
							fill_str +=	'			<div	id="flashUI1"	style="display:	none;">'
							fill_str +=	'				<div>'
							fill_str +=	'					<input type="button" class="input_general_submit" id="inputsubmit" value="'+getTrans.Translate("Browse for pictures")+'" onclick="upload1.browse()" style="font-size:8pt;"	/>'
					//		fill_str +=	'					<input id="btnCancel1" class="input_general_submit" id="inputsubmit" type="button" value="'+getTrans.Translate("Cancel uploads")+'"	onclick="upload1.cancelQueue();" disabled="disabled" style="font-size:8pt;"/><br />'
							fill_str +=	'				</div>'
							fill_str +=	'				<fieldset	class="flash"	id="fsUploadProgress1">'
							fill_str +=	'					<legend>'+getTrans.Translate("pictures")+'</legend>'
							fill_str +=	'				</fieldset>'
							fill_str +=	'			</div>'
							fill_str +=	'			<div	id="degradedUI1">'
							fill_str +=	'				'+getTrans.Translate("pic_upload_not_loaded")+''
							fill_str +=	'				<fieldset>'
							fill_str +=	'				<legend>'+getTrans.Translate("pictures")+'</legend>'
							fill_str +=	'				</fieldset>'
							fill_str +=	'				<div>'
							fill_str +=	'				</div>'
							fill_str +=	'			</div>'
							fill_str +=	'		</td>'
							fill_str +=	'		<td>'
							fill_str +=	'		</td>'
							fill_str +=	'	</tr>'
							fill_str +=	'</table>'
							
							targetdiv.innerHTML = fill_str 
							
							load_swfupload()
						}
}

		var the_memorized_array_of_grps_for_addmsg = [];

		function verwijderGroupFromAddMessage(grp_id, type)
		{
				var thediv = document.getElementById('selected_group_div_'+type);
				var thediv_to_remove = document.getElementById('groups_selected_by_'+type+'_div_'+grp_id)
				thediv.removeChild(thediv_to_remove);
				the_memorized_array_of_grps_for_addmsg[grp_id] = null;
		}

		function AddAGroupToTheGroupsDiv(grp_id, type)
		{
				if(the_memorized_array_of_grps_for_addmsg[grp_id] == true) return;

				the_memorized_array_of_grps_for_addmsg[grp_id] = true;
				var thediv = document.getElementById("selected_group_div_"+type);
					thediv.style.display = ""
					
				
				var inhouddiv = createElement(thediv,null,'groups_selected_by_'+type+'_div_'+grp_id,'div')
				
				mapsystem.groups.getGroup(grp_id,function(grp)
				{
						inhouddiv.innerHTML = " <a class=\"red_font\" href=\"javascript:verwijderGroupFromAddMessage("+grp_id+",'"+type+"')\"> X </a> " + grp.name + " " + grp.title
						
						var privacy_input_publicinput = document.getElementById('privacy_input_public');
						if(privacy_input_publicinput.checked == false && grp.level_show == 4 )
						{
								// indien anderen akak mods/members van group mogen  zien terwijl het private of friends only is
								show_warning_groups_privacy(type)
								debug('Todo: check all groups && changing public...');
						}
				}
				);
				
				my_own_BuildFunc("_add")
				my_own_BuildFunc("_msg")
		}
		function show_warning_groups_privacy(type, msgid)
		{
				display_alert_pivacy_on(type)					
				
				var alert_not_private_friends_image = document.getElementById('alert_not_private_friends_image');
					alert_not_private_friends_image.innerHTML = ''
					
					
					create_clickable_icon("alert_not_private_friends_image", "alert", "icon_alert", null,  null, null,  "left", 0, option_b_o, option_b_o, true)
				
				var thenotediv = document.getElementById('alert_not_private_friends_text');
				
				if(type == "add_group")
				{
					mapsystem.getMessage(msgid,function(msg)
					{	
						if(msg.userid == loggedin_id)
						{
							thenotediv.innerHTML = getTrans.Translate("warning_groups_privacy_your_own")
						}
						else
						{
							thenotediv.innerHTML = getTrans.Translate("warning_groups_privacy_someone_else")
						}
					}
					);
				}
				else
				{
					thenotediv.innerHTML = getTrans.Translate("warning_groups_privacy")
				}
		}
		function Screen_ChangedGroupsaddMessage(myaddselect)
		{
				var	number	=	myaddselect.options[myaddselect.selectedIndex].value;
				//debug('voeg toe groep: ' + number);
				myaddselect.selectedIndex= 0;
				AddAGroupToTheGroupsDiv(number, "add")
		}
		
		function Screen_ChangedGroupseditMessage(myaddselect)
		{
				var	number	=	myaddselect.options[myaddselect.selectedIndex].value;
				debug('voeg toe groep: ' + number);
				myaddselect.selectedIndex= 0;
				AddAGroupToTheGroupsDiv(number, "edit")
		}
		function Screen_ChangedGroupseditMessage_add_group(myaddselect, privacy, msgid)
		{
				var	number	=	myaddselect.options[myaddselect.selectedIndex].value;
					mapsystem.groups.getGroup(number,function(grp)
					{
						if(privacy !==4  && grp.level_show == 4)
						{
							show_warning_groups_privacy("add_group", msgid)
							
							mapsystem.getMessage(msgid,function(msg)
							{	
								if(msg.userid == loggedin_id)
								{
									myaddselect.selectedIndex= 0;
									AddAGroupToTheGroupsDiv_add_to_group(number, "edit", privacy,msgid)
								}
							}
							);

						}
						else
						{
							myaddselect.selectedIndex= 0;
							AddAGroupToTheGroupsDiv_add_to_group(number, "edit", privacy,msgid)
						}
					}
					);

			
			
			
		}


		function fill_groups_myadd(selectname)
		{
				var	myaddselect=	document.getElementById(selectname);
				myaddselect.options.length = 0 ;
				myaddselect.options[myaddselect.options.length]	=	new	Option("< "+getTrans.Translate("select_a_group")+" >",0);
				if(treelzsystem	&&	treelzsystem.treelersocial)
				{
						mapsystem.groups.getGroupUsersCanAdd(treelzsystem.treelersocial.user.id,	function(grps)
						{
								for(i	in	grps)
								{
										var	thegropu	=	grps[i];
										if(thegropu.type == 0) myaddselect.options[myaddselect.options.length]	=	new	Option(thegropu.name,thegropu.id);
								}
						}
						)
				}

		}

		function add_submit_button_add_message()
		{
				var	frame_add	=	document.getElementById("frame_add")
				var	submit_div	=	createElement(frame_add,"submit_div","submit_div",'div')
				var	center	=	createElement(submit_div,null,null,'center')
				var	submit_div_rel	=	createElement(center,"submit_div_rel","submit_div_rel",'div')
				submit_div_rel.innerHTML	=	'<input	class="input_general_submit"	id="inputsubmit"	onclick="javascript:Screen_Add_Message_Submit()"	type="button"	value="'	+	getTrans.Translate("place message")	+	'"	/>';

		}
		function show_extra_options()
		{
				var advanced_msg_options = document.getElementById("advanced_msg_options")
				advanced_msg_options.style.height = ''

		}

		function fill_language_select(thediv, selectvalue)
		{
				thediv.innerHTML = ''
				treelzsystem.languages.getAllLanguages(function(alllangs)
				{
						for(i	in	alllangs)
						{
								var	thelang	=	alllangs[i]
								thediv.options[thediv.options.length]	=	new	Option(thelang.name,thelang.id);
								if(selectvalue	&&	thelang.id	==	selectvalue)
								{
										thediv.selectedIndex	=	thediv.options.length	-	1
								}

						}
				}
				);
		}

		function	fill_treel_select(theoptionname,array_op_ids)
		{

				var	select_treel_add	=	document.getElementById(theoptionname)
				if(treelzsystem	&&	treelzsystem.treelersocial)
				{
						mapsystem.treelz.getTreelzFromUser(treelzsystem.treelersocial.user.id,function(thetreelz)
						{
								for(i	in	thetreelz)
								{
										var	thetreel	=	thetreelz[i]
										select_treel_add.options[select_treel_add.options.length]	=	new	Option(thetreel.name,thetreel.id);
										if(array_op_ids	&&	thetreel.id	in	array_op_ids)
										{
												select_treel_add.selectedIndex	=	select_treel_add.options.length	-	1
										}
										/*if(thetreel.id	==	selecttreelid)
										{
										select_treel_add.selectedIndex	=	select_treel_add.options.length	-	1
										}*/

								}
								//readyfunction(select_treel_add)
						}
						)
				}
		}
		function	Screen_Add_Changed_Treel(theselect)
		{
				var	number	=	theselect.options[theselect.selectedIndex].value;

				if(number	==	0)
				{
						//	nieuwe
				var	extraoptions	=	{}

						var	reply	=	prompt(getTrans.Translate("name_travel_treel"),	getTrans.Translate("new_treel"))
						if(reply)
						{
								extraoptions.name	=	reply
								extraoptions.showlevel	=	4	//	TEMP	TODO!!!
								mapsystem.treelz.addNewTrail(function(thenewtreel)
								{

										theselect.options[theselect.options.length]	=	new	Option(thenewtreel.name,thenewtreel.id);
										theselect.selectedIndex	=	theselect.options.length	-	1
								},extraoptions)
						}
				}
				else	if(number	==	-1)
				{
						//none
				}
				else
				{
						//	a	selected	on

				}


		}

		function	collapse_all()
		{
//				collapse("select_showlevel_div_add")
//				collapse("select_category_div_add")
//				collapse("select_treel_div_add")
//				collapse("select_group_div_add")
//				collapse("input_tags_div_add")
//				collapse("input_language_div_add")
				
		if(add_pictures_div_add == false){collapse("select_pic_div_add")}
		if(add_groups_div_add == false){collapse("select_group_div_add")}
		if(advanced_options_div_add == false){collapse("advanced_msg_options_add")}
			
				document.getElementById("selected_group_div_add").style.display = "none"
		}


		function	collapse_all_edit()
		{
//				collapse("select_showlevel_div_add")
//				collapse("select_category_div_edit")
//				collapse("select_group_div_edit")
//				collapse("select_treel_div_edit")
//				collapse("input_tags_div_edit")
//				collapse("input_language_div_edit")

collapse("select_pic_div_edit")
collapse("select_group_div_edit")
collapse("advanced_msg_options_edit")


document.getElementById("selected_group_div_edit").style.display = "none"

	//	if(add_pictures_div_edit == false){collapse("select_pic_div_edit")}
	//	if(add_groups_div_edit == false){collapse("select_group_div_edit")}
	//	if(advanced_options_div_edit == false){collapse("advanced_msg_options_edit")}
		}

		function	collapse(targetdiv)
		{
				var	targetdiv	=	document.getElementById(targetdiv)
				targetdiv.style.height	=	"1px"
				targetdiv.style.overflow	=	"hidden"
	//			targetdiv.style.visibility	=	"hidden"
				targetdiv.style.display	=	"none"				
		}

/*		function	show_unshow_div_edit_cat(){show_unshow_div("select_category_div_edit")}
		function	show_unshow_div_edit_treel(){show_unshow_div("select_treel_div_edit")}
		function	show_unshow_div_edit_group(){show_unshow_div("select_group_div_edit")}
		function	show_unshow_div_edit_tags(){show_unshow_div("input_tags_div_edit")}
		function	show_unshow_div_edit_lang(){show_unshow_div("input_language_div_edit")}*/
		
		function	show_unshow_div_edit_pic()
		{
			if(document.getElementById("select_pic_div_edit").style.height == "1px")
			{add_pictures_div_edit = true}
			else
			{add_pictures_div_edit = false}
			
			show_unshow_div("select_pic_div_edit")
		}
		function	show_unshow_div_edit_group()
		{
			if(document.getElementById("select_group_div_edit").style.height == "1px")
			{add_groups_div_edit = true}
			else
			{add_groups_div_edit = false}
			
			show_unshow_div("select_group_div_edit")
		}
		function	show_unshow_div_edit_extra_options(type)
		{
			if(document.getElementById("advanced_msg_options_edit").style.height == "1px")
			{advanced_options_div_edit = true}
			else
			{advanced_options_div_edit = false}
			show_unshow_div("advanced_msg_options_edit", true, 'edit')
		}

//		function	show_unshow_div_add_cat(){show_unshow_div("select_category_div_add")}
//		function	show_unshow_div_add_treel(){show_unshow_div("select_treel_div_add")}
//		function	show_unshow_div_add_group(){show_unshow_div("select_group_div_add")}
//		function	show_unshow_div_add_tags(){show_unshow_div("input_tags_div_add")}
//		function	show_unshow_div_add_lang(){show_unshow_div("input_language_div_add")}
		
		function	show_unshow_div_add_pic()
		{
			if(document.getElementById("select_pic_div_add").style.height == "1px")
			{add_pictures_div_add = true}
			else
			{add_pictures_div_add = false}
			show_unshow_div("select_pic_div_add")
		}
		function	show_unshow_div_add_group()
		{
			if(document.getElementById("select_group_div_add").style.height == "1px")
			{add_groups_div_add = true}
			else
			{add_groups_div_add = false}
			
			show_unshow_div("select_group_div_add")
		}
		function	show_unshow_div_add_extra_options(type)
		{
			if(document.getElementById("advanced_msg_options_add").style.height	==	"1px")
			{advanced_options_div_add = true}
			else
			{advanced_options_div_add = false}
			show_unshow_div("advanced_msg_options_add", true, 'add')
		}

		function	show_unshow_div(targetdiv, adv_msg, type)
		{
				var	More_options_a	=	document.getElementById("More_options_a_"+type)
				
				var	targetdiv	=	document.getElementById(targetdiv)
				if(targetdiv.style.height	==	"1px")
				{
					if(adv_msg == true)
					{More_options_a.innerHTML = getTrans.Translate("Close_extra_options")}

						targetdiv.style.height	=	""
						targetdiv.style.overflow	=	""
						targetdiv.style.display	=	""
						my_own_BuildFunc("_add")
						my_own_BuildFunc("_msg")
				}
				else
				{
					if(adv_msg == true)
					{More_options_a.innerHTML = getTrans.Translate("More_options")}
						targetdiv.style.height	=	"1px"
						targetdiv.style.overflow = "hidden"
						targetdiv.style.display	=	"none"
						my_own_BuildFunc("_add")
						my_own_BuildFunc("_msg")
				}

		}

		function	show_showlevel_choises()
		{

				var showlevel_choises = document.getElementById("showlevel_choises")
				showlevel_choises.style.visibility = "visible"

		}
		function	hide_showlevel_choises()
		{
				var showlevel_choises = document.getElementById("showlevel_choises")
				showlevel_choises.style.visibility = "hidden"

		}


// ========================================================================
//  							EEN GROOT DEEL VAN DE ONDERSTAANDE CODE IS OUT DATED!!   (Weggehaald door Arjen)
// ========================================================================
		function changeNoneMarkers_new(het,dontdownload)
		{
				debug('remove javascript:changeNoneMarkers_new() function, it is old')
//				return
		}


		function changePrivateMarkers_new(het,dontdownload)
		{
				debug('remove javascript:changePrivateMarkers_new() function, it is old')
//				return
		}

		function changeFriendsMarkers_new(het,dontdownload)
		{
				debug('remove javascript:changeFriendsMarkers_new() function, it is old')
//				return
		}

		function changePublicMarkers_new(het,dontdownload)
		{
				debug('remove javascript:changePublicMarkers_new() function, it is old')
//				return
		}

// =========================================================================
// tot hier kan het weg waarschijnlijk   (Weggehaald door Arjen)             WAAROM RETURNS?
// =========================================================================
		
		function set_add_messages_icon(showinmiddle)
		{
		//		var	add_messages_on_map	=	document.getElementById("bu_footer_addmessage")
				if(mapsystem.getShowNewIcon()	==	false)
				{
						mapsystem.setShowNewIcon(true)
						if(showinmiddle==true) mapsystem.showNewLocIconInCenter()
				}
				else
				{

						mapsystem.setShowNewIcon(false)
				}
		}

		var my_info_button = 1

		function set_my_info_button()
		{
	//			var	my_info_button_div	=	document.getElementById("my_info_button")
				if(my_info_button	==	1)
				{
						my_info_button = 0
	//					my_info_button_div.innerHTML	=	getTrans.Translate("hide_my_info_a")
						show_info_container_notonstartup()
				}
				else
				{
						my_info_button = 1
	//					my_info_button_div.innerHTML	=	getTrans.Translate("show_my_info_a")
						hide_container('_info', true)
				}
		}

		var overview_button = 1

		function set_overview_button()
		{
	//			var	overview_button_div	=	document.getElementById("overview_button")
				if(overview_button	==	1)
				{
						overview_button = 0
	//					overview_button_div.innerHTML	=	getTrans.Translate("hide_overview_a")
						show_overview_fm()
				}
				else
				{
						overview_button = 1
	//					overview_button_div.innerHTML	=	getTrans.Translate("show_overview_a")
						hide_container('_view', true)
				}
		}


		var set_bu_footer_help_var = 1
		function set_bu_footer_help()
		{
	//			var	bu_footer_help	=	document.getElementById("bu_footer_help")
				if(set_bu_footer_help_var	==	1)
				{
						set_bu_footer_help_var = 0
						show_help_container()
	//					bu_footer_help.setAttribute('class',"footer_buttons bu_footer_help_active")
	//					bu_footer_help.setAttribute('className',"footer_buttons bu_footer_help_active")
				}
				else
				{
						set_bu_footer_help_var = 1
						hide_container('_help', true)
	//					bu_footer_help.setAttribute('class',"footer_buttons bu_footer_help")
	//					bu_footer_help.setAttribute('className',"footer_buttons bu_footer_help")
				}
		}

		var set_bu_footer_myinfo_var = 1
		var set_bu_footer_intro_var = 1

		function set_bu_footer_myinfo()
		{
				if(treelzsystem.treelersocial)
				{
		//				var	bu_footer_myinfo	=	document.getElementById("bu_footer_myinfo")
						if(set_bu_footer_myinfo_var	==	1)
						{
								set_bu_footer_myinfo_var = 0
								show_info_container_notonstartup()
		//						bu_footer_myinfo.setAttribute('class',"footer_buttons bu_footer_myinfo_active")
		//						bu_footer_myinfo.setAttribute('className',"footer_buttons bu_footer_myinfo_active")
						}
						else
						{
								set_bu_footer_myinfo_var = 1
								hide_container('_info', true)
		//						bu_footer_myinfo.setAttribute('class',"footer_buttons bu_footer_myinfo")
		//						bu_footer_myinfo.setAttribute('className',"footer_buttons bu_footer_myinfo")
						}

				}
				else
				{
						show_global_intro('start')
				}

		}
		function set_bu_footer_intro()
		{
			show_global_intro('start')
		}

		var set_bu_footer_link_var = 1

		function set_bu_footer_link()
		{
	//			var	bu_footer_link	=	document.getElementById("bu_footer_link")
				if(set_bu_footer_link_var	==	1)
				{
						set_bu_footer_link_var = 0
						fill_mail_link_div()
	//					bu_footer_link.setAttribute('class',"footer_buttons bu_footer_link_active")
	//					bu_footer_link.setAttribute('className',"footer_buttons bu_footer_link_active")


				}
				else
				{
						set_bu_footer_link_var = 1
						hide_container('_link', true, true)
	//					bu_footer_link.setAttribute('class',"footer_buttons bu_footer_link")
	//					bu_footer_link.setAttribute('className',"footer_buttons bu_footer_link")
				}


				my_own_BuildFunc("_link")
				//				alert("waarom?")

		}

		var set_bu_footer_addmessage_var = 1

		function set_bu_footer_addmessage()
		{

			if(treelzsystem	&&	treelzsystem.treelersocial)
			{
				if(domain_uid != -1)
				{
					if(domain_uid == -1 || domain_uid == loggedin_id)
					{
						set_add_messages_icon(true)
					}
					else
					{
							treelzsystem.users.getUser(domain_uid,true,function(user)
							{
								
									var treelz_alert_div = document.getElementById('treelz_alert_div')
									treelz_alert_div.style.visibility = "inherit"
									treelz_alert_div.innerHTML = '<img	src="images/1_knoppen/icon_alert.jpg" width=\"48\"	height=\"43\"><br/><br/>'+getTrans.Translate("not_domain_2")+'<br/> '+ user.firstname	+' ' +user.lastname+'.<br /><br />'
							treelzsystem.users.getUser(loggedin_id,true,function(user_yourself)
							{
									treelz_alert_div.innerHTML += getTrans.Translate("not_domain_3",	"%DOM%="+user_yourself.nickname)
							}
							);


									var treelz_alert_a_close = createElement(treelz_alert_div,"treelz_alert_a_close",null,'a');
									treelz_alert_a_close.href = "javascript:close_treelz_alert()"

									var bodyW = document.body.offsetWidth;
									var alert_divW = document.getElementById('treelz_alert_div').offsetWidth;

									treelz_alert_div.style.left = (bodyW/2) - (alert_divW/2)
							}
							);
					}
				}
				else if(domain_gid != -1)
				{
					mapsystem.groups.getGroup(domain_gid,function(gevondengroup)
					{
						gevondengroup.getUserIsMember(loggedin_id,function(value_if_member)
						{
							if(value_if_member == true)
							{
								set_add_messages_icon(true)
							}
							else
							{
										var treelz_alert_div = document.getElementById('treelz_alert_div')
										treelz_alert_div.style.visibility = "inherit"
	
										treelz_alert_div.innerHTML = '<img	src="images/1_knoppen/icon_alert.jpg" width=\"48\"	height=\"43\"><br/><br/>'+getTrans.Translate("not_domain_group")+' '+ gevondengroup.name +'.<br /><br />'
										treelz_alert_div.innerHTML += getTrans.Translate("not_domain_3")
	
	
										var treelz_alert_a_close = createElement(treelz_alert_div,"treelz_alert_a_close",null,'a');
										treelz_alert_a_close.href = "javascript:close_treelz_alert()"
										var bodyW = document.body.offsetWidth;
										var alert_divW = document.getElementById('treelz_alert_div').offsetWidth;
										treelz_alert_div.style.left = (bodyW/2) - (alert_divW/2)
								
							}
						}
						);
					}
					);
				}
				else
				{
						set_add_messages_icon(true)
				}
			}
			else
			{
					show_treelz_alert("not_loggedin_msg")
			}
		}

		var set_bu_footer_overview_var = 1

		function set_bu_footer_overview()
		{

		//		var	bu_footer_overview	=	document.getElementById("bu_footer_overview")
				if(set_bu_footer_overview_var	==	1)
				{

						//			bu_footer_help.innerHTML	=	getTrans.Translate("hide_overview_a")

						show_overview_fm()




				}
				else
				{
						set_bu_footer_overview_var = 1
						//			overview_button_div.innerHTML	=	getTrans.Translate("show_overview_a")
						hide_container('_view', true)

			//			bu_footer_overview.setAttribute('class',"footer_buttons bu_footer_overview")
			//			bu_footer_overview.setAttribute('className',"footer_buttons bu_footer_overview")

				}
		}


		function make_footer_inactive()
		{
				set_bu_footer_help_var = 1
				set_bu_footer_myinfo_var = 1
				set_bu_footer_overview_var = 1

	//			document.getElementById("bu_footer_help").setAttribute('class',"footer_buttons bu_footer_help")
	//			document.getElementById("bu_footer_help").setAttribute('className',"footer_buttons bu_footer_help")

	//			document.getElementById("bu_footer_myinfo").setAttribute('class',"footer_buttons bu_footer_myinfo")
	//			document.getElementById("bu_footer_myinfo").setAttribute('className',"footer_buttons bu_footer_myinfo")

	//			document.getElementById("bu_footer_overview").setAttribute('class',"footer_buttons bu_footer_overview")
	//			document.getElementById("bu_footer_overview").setAttribute('className',"footer_buttons bu_footer_overview")
		}
		function showSearchAddress()
		{
				var searchval = document.getElementById("search").value

				if(searchval == getTrans.Translate('street_city_country') || searchval == '')
				{
						alert(getTrans.Translate("Fill_in_searchfield"))
				}



				mapsystem.gotoPlace(searchval,'','',function(point,address)
				{

						//alert(address) TOOD, locatie gevonden
				}
				,true);
		}
		function Wiki_DownloadArticle(article,lang,callback)
		{
				messagecacher_instance.getWikiText(article,lang,callback);
				/*
				var options = []
				options['article']=  article
				options['lang'] = lang

				mapsystem.apisystem.command("FETCH_WIKI_ARTICLE",options,	function	(jsonData)
				{
				callback(jsonData.wiki)
				return
				var answers = []
				var pages =jsonData.pages
				for(i in pages)
				{
				if(i != -1)
				{
				var content = pages[i].content
				var star = content['*']
				answers[answers.length] = star
				}
				}
				callback(answers)
				}
				);
				*/
		}
		
		function show_location_from_msg(loc_id)
		{
			if(document.getElementById("frame_loc"))
			{
				if(document.getElementById("frame_loc").style.visibility == "hidden")
				{
					Screen_ShowLocationDetails(loc_id)
				}
				else
				{
					hide_container('_loc', true)
				}
			}
			else
			{
					Screen_ShowLocationDetails(loc_id)
			}
		}

function centeron_world(){map.setCenter(new GLatLng(33.582591163939185,3.1256103515625),3);}
function centeron_australia(){map.setCenter(new GLatLng(-23.6443669478441,132.88942337036133),3);}
function centeron_northamerica(){map.setCenter(new GLatLng(51.835794094289874,-100.54699838161469),3);}
function centeron_europe(){map.setCenter(new GLatLng(50.8475881952258,14.150361120700836),4);}
function centeron_africa(){map.setCenter(new GLatLng(2.6357992916519337,23.378833830356598),3);}
function centeron_southamerica(){map.setCenter(new GLatLng(-25.482934226492976,-57.480498254299164),3);}
function centeron_asia(){map.setCenter(new GLatLng(39.09598791595532,98.96478205919266),3);}
function centeron_netherlands(){centreOn('','NL',7)}
function centeron_belgium(){centreOn('','BE',7)}
function centeron_germany(){centreOn('','germany',6)}
function centeron_england(){centreOn('','england',6)}
function centeron_france(){centreOn('bourges','fr',6)}
function centeron_italy(){centreOn('rome','it',6)}
function centeron_spain(){centreOn('madrid','spain',6)}
function centeron_greece(){centreOn('','greece',6)}
function centeron_norway(){centreOn('','norway',5)}
function centeron_amsterdam(){centreOn('amsterdam','NL',13)}
function centeron_rotterdam(){centreOn('rotterdam','NL',13)}
function centeron_delft(){centreOn('delft','NL',14)}
function centeron_leiden(){centreOn('leiden','NL',14)}
function centeron_denhaag(){centreOn('den haag','NL',13)}
function centeron_groningen(){centreOn('groningen','NL',13)}
function centeron_maastricht(){centreOn('maastricht','NL',13)}
function centeron_utrecht(){centreOn('utrecht','NL',13)}
function centeron_tilburg(){centreOn('tilburg','NL',13)}
function centeron_usa(){centreOn('clarinda','usa',5)}
function centeron_canada(){centreOn('','canada',4)}
function centeron_mexico(){centreOn('','mexico',5)}
function centeron_cuba(){centreOn('','cuba',7)}
function centeron_guatemala(){centreOn('','guatemala',7)}
function centeron_honduras(){centreOn('','honduras',7)}
function centeron_nicaragua(){centreOn('','nicaragua',7)}
function centeron_costarica(){centreOn('','costa rica',7)}
function centeron_panama(){centreOn('','panama',8)}
function centeron_dominicanrepublic(){centreOn('','dominican republic',8)}
function centeron_puertorico(){centreOn('','puerto rico',9)}
function centeron_brasil(){centreOn('','brasil',4)}
function centeron_peru(){centreOn('','peru',5)}
function centeron_argentina(){centreOn('','argentina',4)}
function centeron_chile(){centreOn('santiago','chile',4)}
function centeron_venezuela(){centreOn('','venezuela',6)}
function centeron_suriname(){centreOn('','suriname',7)}
function centeron_bolivia(){centreOn('','bolivia',6)}
function centeron_ecuador(){centreOn('guaranda','ecuador',6)}
function centeron_quyana(){centreOn('','guyana',6)}
function centeron_paraguay(){centreOn('',