function info_viewer(id) {
	obj=return_by_id('viewer');
	obj.style.display='';
	obj.style.width='650px';
	obj.innerHTML='<p><a href="#" onClick="info_viewer(\'away\')"><img src="css_img/del.gif" style="float:right;width:15px" /></a></p>';
	obj.innerHTML+='<h3>Information</h3>';
	obj.innerHTML+='<p style="text-align:left;padding:2px">When you first arive on the website you will be presented with the latest post a member of the group has made. The post will be displayed in the orange box and any photos will be displayed on the right.</p>';
	obj.innerHTML+='<p style="text-align:left;padding:2px">The Menus on thge left are split into three. The top gives you general site navigation, you can go to:</p>';
	obj.innerHTML+='<ul><li>Journey Entries - takes you to the latest post which you can navigate via the top buttons.</li><li>Place Location - Gives you a map with the posts by location for those with references.</li><li>Gallery - This diplays the pictures for all the posts under thier headings</li><li>About Us - Gives information about the group and individuals where avaliable.</li></ul>';
	obj.innerHTML+='<p style="text-align:left;padding:2px">The next lets you switch between the members of the group or see all posts by clicking on the top link. The page defaults to all as you move around the sections on the top menu.<br />The bottom menus has settings which, at the moment just has text size. This changes the size of the font and saves it to your computer. Unfortunately you have to press F5 once the pages loads with your new selection and you have to delete the settings before changing to another size. Default is 14.</p>';
	obj.innerHTML+='<p style="text-align:left;padding:2px">The buttons at the top navigate you through the entries from which ever page you are on. The dots on the line display all the post cronologically with spacing based on relative time difference. If you hover over them it will tell you the date of the post and the title. The buttons below that navigate from the first to last post. Far right and left do the latest and first post respectively and the middle two do the next and previous post. If you hover over tem then it will display the title of the post you will go to above.</p>';
	obj.innerHTML+='<p style="text-align:left;padding:2px">To view the pictures for the post larger click on the thumbnail on the right of the post. Once here you can go through the images attached to the post using backward and forward. When finished click on the central close or on the picture itself. To navigate up and down the thumbnails use the up and down links above and below the three pictures.</p>';
	obj.innerHTML+='<p style="text-align:left;padding:2px">To leave a comment just fill in your name and address and write in the comment box at the bottom of the page then click send. If you have an account Your name will already apear above the box and you can just fill in the comment.</p>';
	if (id=='away') {
		obj.style.display='none';
		obj.style.width='';
	}
}